/* Didder admin on top of opera.css (the Opera Signal house style, vendored as-is).
   Only the accent colour is Didder's; layout and components are Opera's. */
:root{--acc:#ff8a3d;--acc-soft:rgba(255,138,61,.12);--bar:#ff8a3d;--on-acc:#1b1006;--acc-line:rgba(255,138,61,.35);--acc-bg:rgba(255,138,61,.08)}
:root[data-theme="light"]{--acc:#c2570c;--acc-soft:rgba(194,87,12,.09);--bar:#e8701f;--on-acc:#fff;--acc-line:rgba(194,87,12,.3);--acc-bg:rgba(194,87,12,.06)}

/* compact sidebar that fits the whole menu open */
.side a.it{padding:4px 14px;font-size:13.5px;gap:9px}
.side .grp{padding:9px 14px 2px;cursor:default}
.brand{padding:13px 14px 8px}
.side .foot{padding:9px 14px;display:flex;align-items:center;gap:8px}.side .foot .who{flex:1}
.side .foot form{margin:0}
.linkbtn{background:none;border:0;height:auto;padding:0;color:var(--mut);font-weight:400;font-size:12px;display:inline-flex;align-items:center;gap:5px}
.linkbtn:hover{color:var(--txt)}
/* collapse button: one chevron, turned around when the menu is collapsed */
.colbtn{display:inline-flex;align-items:center;justify-content:center;width:28px}
.colbtn svg.i{transition:transform .15s}
.shell.col .colbtn svg.i{transform:rotate(180deg)}
.shell.col .side .grp{padding:8px 0 2px}.shell.col .side .grp span{display:none}
.shell.col .side .grp::before{content:"";display:block;width:18px;border-top:1px solid var(--line)}
.shell.col .side a.it{padding:7px 0}
.shell.col .side .foot{flex-direction:column;padding:10px 0}
.shell.col .linkbtn{justify-content:center}
.cnt{margin-left:auto;font-size:10.5px;font-weight:600;line-height:16px;padding:0 6px;border-radius:8px;background:var(--hover-btn);color:var(--mut);font-variant-numeric:tabular-nums}
.cnt.acc{background:var(--acc-soft);color:var(--acc)}.cnt.bad{background:var(--bad-bg);color:var(--bad)}

/* top bar */
.topbar .crumb{color:var(--mut);font-size:13px}.topbar .crumb b{color:var(--txt);font-weight:620}
.topbar form{margin:0}
.srch{position:relative}.srch svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--mut)}.srch input{padding-left:32px;width:280px;height:32px;font-size:13px}
.topbar select{height:32px;font-size:13px}
.tgl{height:32px}

/* screen header, tabs, sections */
.tabsp{margin:0 0 16px}.tabsp a{display:inline-flex;align-items:center;gap:7px;font-size:14px}.tabsp a .cnt{margin-left:0}
.cab{margin-bottom:12px}.cab .act{margin-left:auto;display:flex;gap:8px;align-items:center}
.cab .act a.btn{display:inline-flex;align-items:center;gap:7px;height:var(--h);padding:0 14px;border:1px solid var(--line);border-radius:8px;color:var(--txt);background:var(--card);font-size:14px;text-decoration:none}
.cab .act a.btn:hover{border-color:var(--line2)}
.sec-h{display:flex;align-items:center;gap:8px;margin:20px 0 8px}.sec-h h2{margin:0}.sec-h .mut{font-size:12px}
.sec-h svg.i{color:var(--mut);width:14px;height:14px}
.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1000px){.kpis.k4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi .v.warn{color:var(--warn)}.kpi .v.bad{color:var(--bad)}.kpi .v.ok{color:var(--ok)}
.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 2px;font-size:13.5px;color:var(--mut)}
.filters input{width:70px;height:32px}.filters select{height:32px;font-size:13px}.filters button{height:32px}
.alert.tight{margin:14px 0 0}
.card.tbl{padding:4px 6px}
.empty{padding:22px 10px;color:var(--mut);text-align:center;font-size:13.5px}

/* table cells */
td .s2{display:block;color:var(--mut);font-size:11.5px}
td .s2.ind{padding-left:30px}
td.act{text-align:right}
td.act form{display:inline}
td.act form+form,td.act form+details,td.act details+form{margin-left:6px}
.avatar{width:22px;height:22px;border-radius:50%;background:var(--acc-soft);color:var(--acc);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-right:8px;vertical-align:middle}

/* inline "refuse" form: a <details> that opens a small panel, no JS needed */
details.inl{display:inline-block;position:relative;margin-left:6px;text-align:left}
details.inl>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;font-size:12.5px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer}
details.inl>summary::-webkit-details-marker{display:none}
details.inl>summary:hover{border-color:var(--line2)}
details.inl[open]>summary{border-color:var(--bad);color:var(--bad)}
details.inl .pop{position:absolute;right:0;top:36px;z-index:20;width:300px;background:var(--card);border:1px solid var(--line2);border-radius:10px;padding:12px;white-space:normal;box-shadow:var(--osel-shadow,0 10px 28px rgba(0,0,0,.4))}
details.inl .pop label.f select,details.inl .pop label.f input{margin-bottom:10px}
details.inl .pop .row{justify-content:flex-end}

/* flash messages after an action */
.flash{border-radius:9px;padding:9px 13px;margin-bottom:14px;display:flex;gap:10px;align-items:center;font-size:13.5px;border:1px solid var(--line)}
.flash.ok{border-color:var(--ok);color:var(--ok)}.flash.bad{border-color:var(--bad-line);background:var(--bad-bg)}

/* placeholder for screens not built yet */
.soon{border:1px dashed var(--line2);border-radius:12px;padding:30px;text-align:center;color:var(--mut)}
.soon b{display:block;color:var(--txt);font-size:15px;margin-bottom:4px}

/* pager */
.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:10px;font-size:13px;color:var(--mut)}
.pager a{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;color:var(--txt);background:var(--card)}
.pager a:hover{text-decoration:none;border-color:var(--line2)}

/* games: RTP bar, results, adjust cards */
svg.rtpbar{display:block}
svg.rtpbar .bg{fill:var(--line)}
svg.rtpbar .fill{fill:var(--acc)}svg.rtpbar .fill.bad{fill:var(--bad)}
svg.rtpbar .tgt{fill:var(--txt)}svg.rtpbar .be{fill:var(--bad)}
td.neg{color:var(--bad)}td.pos{color:var(--ok)}
tr.idle td{opacity:.55}
.kpi .v.warn{color:var(--warn)}
.note{font-size:12px;color:var(--mut);margin-top:10px}
form.card.adj{display:flex;flex-direction:column;gap:6px;overflow:visible}
.adj-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.adj-h .big{color:var(--acc)}
form.adj label.f input,form.adj label.f select{margin-bottom:6px}
label.chk{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--txt);margin:2px 0 8px}
form.adj .row{justify-content:flex-end}

form.card.adj .s2{display:block;font-size:12px;color:var(--mut);margin-bottom:4px}

/* language picker (top bar and login) */
form.lang{display:inline-flex;align-items:center;gap:6px;margin:0}
.topbar form.lang .osel,.topbar form.lang select{min-width:0}
.topbar form.lang .osel>button.osel-btn.osel-btn{height:32px;font-size:13px}
#login .theme-row{display:flex;justify-content:flex-end;gap:8px;align-items:center}
#login .theme-row .osel>button.osel-btn.osel-btn{height:32px;font-size:13px}

/* Adjust RTP: game list and game page */
a.card.game-card{display:flex;flex-direction:column;gap:6px;color:var(--txt);text-decoration:none;transition:border-color .15s}
a.card.game-card:hover{border-color:var(--acc-line);text-decoration:none}
.game-card .chips,.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.game-card .open{margin-top:auto;padding-top:6px;color:var(--acc);font-size:13px;font-weight:600}
.backlink{margin:0 0 8px;font-size:13px}
ol.layers{list-style:none;counter-reset:ly;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
ol.layers li{counter-increment:ly;display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
ol.layers li::before{content:counter(ly);flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--acc-soft);color:var(--acc)}
ol.layers li>div{flex:1;min-width:0}
ol.layers li .s2{display:block;color:var(--mut);font-size:12.5px;white-space:normal}
ol.layers li.off{opacity:.6}
details.json summary{cursor:pointer;color:var(--acc);font-size:12.5px}
details.json pre{margin:6px 0 0;max-height:260px;overflow:auto;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px;white-space:pre}
td.wrap{white-space:normal;max-width:420px}
td .s2{white-space:normal}
form.new-band .grid3{gap:0 12px}
.w-id{width:110px}

/* confirmation modal (app.js) — Opera .modal-bg/.modal */
.modal-bg.center{align-items:center;justify-content:center;padding:16px}
.modal.confirm{max-width:440px;margin:auto}
.modal.confirm h3{margin:0 0 8px;font-size:17px;font-weight:650}
.modal.confirm p{margin:0 0 10px;font-size:14px;line-height:1.5}
.modal.confirm .confirm-value{font-weight:650;color:var(--acc)}
.modal.confirm .confirm-warn{color:var(--warn)}
.modal.confirm .confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
button.danger{background:var(--bad);border-color:var(--bad);color:#fff}

/* login */
#login h1{font-size:20px;margin:0 0 4px}#login .sub{color:var(--mut);font-size:13px;margin-bottom:18px}
#login .err{font-size:13px;margin:0 0 10px}
#login .theme-row{display:flex;justify-content:flex-end;margin-bottom:6px}

@media(max-width:820px){.srch input{width:150px}}

/* secondary line anywhere (cards, kpis) */
.s2{display:block;color:var(--mut);font-size:12.5px}

/* engine controls on the game page */
ol.layers li .eng-act{display:flex;gap:6px;align-items:center;flex:none}
ol.layers li .eng-act form{display:inline;margin:0}
ol.layers li .eng-act:empty{display:none}
details.inl .pop.wide{width:440px}
.grid2f{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.note.warn{color:var(--warn)}
@media(max-width:820px){details.inl .pop.wide{width:300px}.grid2f{grid-template-columns:1fr}}
details.inl.eng[open]>summary{border-color:var(--acc);color:var(--acc)}

/* inline panels (Configure / Refuse / Edit band) open as a centered modal */
details.inl[open]::before{content:"";position:fixed;inset:0;background:var(--modal-bg);z-index:39;cursor:default}
details.inl[open] .pop,details.inl[open] .pop.wide{position:fixed;left:50%;top:50%;right:auto;transform:translate(-50%,-50%);z-index:40;width:min(460px,calc(100vw - 32px));max-height:85vh;overflow:auto;padding:18px;border-radius:12px}
details.inl .pop .row{justify-content:flex-end}
details.inl .pop .pop-foot{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
details.inl .pop form+form{margin-top:8px}

/* "How it works right now" box at the top of a game page */
.card.explain{margin-top:12px;border-color:var(--acc-line);background:var(--acc-bg)}
.explain .ex-h{display:flex;align-items:center;gap:8px}.explain .ex-h h3{margin:0;font-size:16px}.explain .ex-h svg.i{color:var(--acc)}
.explain>p{margin:6px 0 10px;font-size:13px}
.explain .ex-main{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:9px;background:var(--card);border:1px solid var(--line);margin-bottom:8px}
.explain .ex-main span{font-size:11px;text-transform:uppercase;letter-spacing:.5px}
.explain .ex-sec{margin-top:8px}.explain .ex-sec b{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--mut)}
.explain .ex-sec ul{margin:4px 0 0;padding-left:18px;font-size:13.5px}.explain .ex-sec li{margin:2px 0}
.explain .ex-sec.idle li{color:var(--mut)}
#login .theme-row .tgl{flex:none;margin-left:0}
#login .theme-row form.lang .osel{min-width:130px}
#login .theme-row form.lang{margin-right:auto}
details.inl .pop .pop-title{margin:0 0 12px;font-size:16px;font-weight:650}
details.inl .pop .row{display:flex;gap:8px}
.explain ul.plain{margin:8px 0 6px;padding-left:18px;font-size:13.5px}.explain ul.plain li{margin:3px 0}
.explain .chips{align-items:center}
#login .theme-row button.tgl{width:auto;flex:none}
#login .theme-row .osel>button.osel-btn.osel-btn{width:auto}

/* game payouts (Issues tab) */
.pay-card{margin-bottom:16px}
.pay-row{display:flex;gap:6px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.pay-row input{width:200px;max-width:100%}
.pay-card .kpi .s{overflow-wrap:anywhere}
.pay-card .kpi .v{overflow-wrap:anywhere}

/* Withdrawals: methods chips, proofs grid, form schema editor */
a.chip{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font-size:12.5px;color:var(--txt);background:var(--card);text-decoration:none}
a.chip:hover{border-color:var(--acc-line);text-decoration:none}
a.chip.on{border-color:var(--acc);color:var(--acc)}
.chips+form.filters{margin-top:12px}
.proofs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.card.proof{padding:0;overflow:hidden;display:flex;flex-direction:column}
.card.proof .thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:var(--bg);border-bottom:1px solid var(--line)}
.card.proof .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.card.proof .meta{padding:9px 11px;font-size:13px;overflow-wrap:anywhere}
details.card.fs{margin-bottom:10px}
details.card.fs>summary{cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;align-items:center;list-style:none}
details.card.fs>summary::-webkit-details-marker{display:none}
details.card.fs .keys{display:flex;flex-wrap:wrap;gap:4px;flex-basis:100%}
details.card.fs .keys code,td code{font-size:12px;padding:1px 6px;border-radius:5px;background:var(--bg);border:1px solid var(--line)}
details.card.fs[open]>summary{margin-bottom:10px}
textarea.code,pre.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;white-space:pre;overflow:auto}
pre.code{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;max-height:420px}
.filters input.w-id{width:150px}

/* Users */
a.who{color:var(--txt);text-decoration:none;display:inline-flex;align-items:center}
a.who:hover{color:var(--acc)}
.filters input.grow{flex:1;min-width:220px}
.s2.gap{margin:6px 0 10px}
.user-head{align-items:center}
.who-big{display:flex;gap:14px;align-items:center}
.avatar.big{width:56px;height:56px;font-size:20px;border-radius:50%;object-fit:cover;flex:none}
.kpi .v.sm{font-size:16px;overflow-wrap:anywhere}
.kpis.k2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:700px){.kpis.k2{grid-template-columns:1fr}}

/* Overview */
.ov-periods{margin:0}
.ov-range{margin:8px 0 12px;font-size:12.5px}
.card.ov-profit{margin-bottom:10px}
.ov-profit .l{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.ov-profit .v{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;margin:2px 0}
.ov-profit.ok{border-color:var(--ok)}.ov-profit.ok .v{color:var(--ok)}
.ov-profit.bad{border-color:var(--bad-line);background:var(--bad-bg)}.ov-profit.bad .v{color:var(--bad)}
.ov-profit .s{font-size:12.5px;color:var(--mut);font-variant-numeric:tabular-nums}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:1000px){.grid2{grid-template-columns:minmax(0,1fr)}}
.ov-h{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:8px 8px 4px}
.ov-h.ok{color:var(--ok)}.ov-h.bad{color:var(--bad)}
.ov-split td{font-size:13px;white-space:normal}.ov-split td.n{white-space:nowrap}
@media(max-width:700px){.ov-split td.mut{display:none}}
.ov-split tr.tot td{font-weight:700;color:var(--txt)}
.ov-note{font-size:11.5px;color:var(--mut);padding:6px 8px 8px}
.ov-rule{font-size:12px;line-height:1.5;margin:8px 0 0}
.ov-recent{margin-top:4px}
.ov-recent .sec-h a{margin-left:auto;font-size:12.5px}

/* Audit */
td.au-d{white-space:normal;max-width:420px}
td.au-d details.json summary{cursor:pointer;color:var(--mut);font-size:12.5px;overflow-wrap:anywhere}
.filters input[type=date]{width:150px}
.filters input.w-txt{width:160px}
.au-tbl td{vertical-align:top}
td.au-d details.json pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}

/* Reports (economy report; prints as the PDF) */
.rr-head{text-align:center;margin:18px 0 10px}
.rr-head h1{font-size:20px;margin:0 0 4px}
.rr-head p{margin:2px 0;color:var(--mut);font-size:12.5px}
.card.rr-sec{margin-top:12px}
.rr-sec h2{font-size:15px;margin:0 0 8px}
.rr-scroll{overflow-x:auto}
table.rr-t td{white-space:normal;font-size:13px}
table.rr-t td.n{white-space:nowrap}
table.rr-t tr.tot td{font-weight:700;background:var(--acc-bg)}
table.rr-t td.neg{color:var(--bad)}
table.rr-t tr.rr-res td{font-weight:700;font-size:16px}
table.rr-t tr.rr-res.ok td{background:var(--ok-bg,transparent);color:var(--ok)}
table.rr-t tr.rr-res.bad td{background:var(--bad-bg);color:var(--bad)}
.rr-note{font-size:12px;line-height:1.5;color:var(--mut);margin:8px 0 0}
label.chk{display:inline-flex;align-items:center;gap:6px}
label.chk input{width:auto;height:auto}
@media print{
  .rr-sec{break-inside:avoid;border:0;box-shadow:none;padding:0}
  table.rr-t td,table.rr-t th{font-size:10.5px;padding:4px 6px}
  .rr-scroll{overflow:visible}
  table.rr-g td,table.rr-g th{font-size:9px;padding:3px 4px;white-space:normal}
  .rr-head h1{font-size:17px}
}

/* Native controls (date picker icon, checkbox, scrollbars) follow the theme. */
:root{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

/* ─── Spacing standard (08/11) ───────────────────────────────────────────────
   One gap between every block stacked in the page. :where() has zero specificity, so blocks that set
   their own margin (.sec-h, .pager, .backlink, .cab) keep it; vertical margins collapse, no doubling. */
:root{--gap:14px}
:where(#main) > * + *{margin-top:var(--gap)}
:where(#main) > .flash + *{margin-top:var(--gap)}
.alert.tight{margin:var(--gap) 0}
.filters{margin:var(--gap) 0}
.chips{margin-top:var(--gap)}
.game-card .chips,.explain .chips,.user-head .chips,.kpi .chips{margin-top:4px}
.chips+form.filters{margin-top:var(--gap)}
/* filter rows: dropdown, inputs and buttons share one height */
.filters .osel{--osel-h:32px}
/* secondary link-buttons ("Limpar", "Mostrar todos") look like buttons everywhere, not only in .cab */
a.btn{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;color:var(--txt);background:var(--card);font-size:13.5px;text-decoration:none}
a.btn:hover{border-color:var(--line2);text-decoration:none}
.cab .act a.btn{height:var(--h);padding:0 14px;font-size:14px}

/* Page loading (app.js): centered spinner while the next page renders */
.page-loading{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg) 62%,transparent);cursor:progress}
.page-loading::before{content:"";position:absolute;width:88px;height:88px;border-radius:18px;background:var(--card);border:1px solid var(--line);box-shadow:0 14px 40px rgba(0,0,0,.35)}
.page-loading .spin{position:relative;width:44px;height:44px;border-radius:50%;border:4px solid var(--line2);border-top-color:var(--acc);animation:pl-spin .75s linear infinite}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.page-loading .spin{animation-duration:2.4s}}
@media print{.page-loading{display:none!important}}

/* Gifts catalog: image grid (checkerboard shows the real cut-out), one-click on/off, bulk pick */
.gbulk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;position:sticky;top:0;z-index:5;padding:10px 12px;background:var(--card);border:1px solid var(--line);border-radius:10px}
.gbulk [data-count-for]{margin-right:auto;font-size:13px}
.gbulk [data-count-for].on{color:var(--acc);font-weight:600}
.gbulk [data-count-for].nudge{animation:g-nudge .45s}
@keyframes g-nudge{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.ggrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.gcard{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:12px}
.gcard.off .gpic img{opacity:.4;filter:grayscale(.85)}
.gcard.del{border-style:dashed}
.gcard:has(.gpick input:checked){outline:2px solid var(--acc);outline-offset:-1px}
.gpick{position:absolute;top:12px;left:12px;z-index:1;display:flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:7px;background:color-mix(in srgb,var(--card) 85%,transparent);cursor:pointer}
.gpick input{width:16px;height:16px;margin:0;cursor:pointer}
.gpic{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(color-mix(in srgb,var(--line) 70%,transparent) 0% 25%,transparent 0% 50%) 50%/18px 18px}
.gpic img{width:100%;height:100%;object-fit:contain}
.gname{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gmeta{display:flex;justify-content:space-between;gap:6px;font-size:11.5px}
.gval{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--warn)}
.gval svg.i{width:12px;height:12px}
.glinks{display:flex;flex-wrap:wrap;gap:4px;min-height:20px}
.glinks .pill{font-size:10.5px;padding:1px 7px}
.gcard form{margin:0}
.gtoggle{width:100%;height:30px;justify-content:center;font-size:12.5px;font-weight:700;border-radius:8px;border:1px solid var(--line);display:inline-flex;align-items:center}
button.gtoggle.on,span.gtoggle.on{background:color-mix(in srgb,var(--ok) 16%,transparent);border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok)}
button.gtoggle.off,span.gtoggle.off{background:var(--bg);color:var(--mut)}
button.gtoggle:hover{filter:brightness(1.15)}

/* Gift card: on/off + edit side by side */
.gact{display:flex;gap:6px}
.gact form{flex:1;min-width:0}
a.gedit{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:30px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--txt);font-size:12.5px;text-decoration:none}
a.gedit:hover{border-color:var(--acc-line);color:var(--acc);text-decoration:none}
a.gedit svg.i{width:13px;height:13px}
button.gtoggle.warn,span.gtoggle.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);border-color:color-mix(in srgb,var(--warn) 45%,transparent);color:var(--warn)}
a.gpic,a.gname{color:inherit;text-decoration:none}
a.gname:hover{color:var(--acc)}
.kpi .s a.warn{color:var(--warn)}

/* Gift page */
.gp-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--gap);align-items:start}
@media(max-width:1000px){.gp-layout{grid-template-columns:minmax(0,1fr)}}
.gp-side{display:flex;flex-direction:column;gap:var(--gap)}
.gp-side>.card{margin:0}
.gp-side h2,.gp-links h2{font-size:15px;margin:0 0 10px}
.gp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.gp-grid label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--mut)}
.gp-grid label.wide{grid-column:1/-1}
.gp-grid input,.gp-grid select{width:100%;color:var(--txt)}
.gp-grid .hint,.gp-form>.hint,.gp-links>.hint{font-size:11.5px;color:var(--mut)}
.gp-flags{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px;font-size:13px}
.row-end{display:flex;justify-content:flex-end;margin-top:12px}
.gp-st-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.gp-st-row form{margin:0}
.gp-st-row .pill{margin-right:auto}
.gp-link{border-top:1px solid var(--line);padding:10px 0}
.gp-link h3{font-size:13px;margin:0 0 6px}
.gp-link p{margin:4px 0;font-size:12.5px}
.gp-li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;font-size:13px}
.gp-li form{margin:0}
button.sm{height:26px;padding:0 9px;font-size:12px}
.gp-add{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:6px;font-size:12.5px}
.gp-add label{display:flex;flex-direction:column;gap:4px;color:var(--mut)}
.gp-add select{height:32px}
.gp-add input{height:32px}
.alert.warn{border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:color-mix(in srgb,var(--warn) 10%,transparent)}

/* Send simulation: a phone with a live room (our own art) */
.gsim{position:sticky;top:12px}
.gs-phone{width:100%;max-width:360px;aspect-ratio:9/17;margin:0 auto;border-radius:30px;padding:8px;background:#0d0d13;box-shadow:0 0 0 2px #2b2b35,0 18px 50px rgba(0,0,0,.35)}
.gs-room{position:relative;width:100%;height:100%;border-radius:24px;overflow:hidden;color:#e9e6ff;font-size:12px;background:radial-gradient(120% 60% at 50% 0%,#4a2b6e 0%,#2a1c46 55%,#160e28 100%)}
.gs-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 4px}
.gs-live{font-size:10px;font-weight:800;letter-spacing:.06em;padding:2px 7px;border-radius:999px;background:#ff3d71;color:#fff}
.gs-host{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}
.gs-av{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.18)}
.gs-av.big{width:62px;height:62px;font-size:20px}
.gs-seats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 6px;padding:12px 12px 0;justify-items:center}
.gs-seat{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;opacity:.9}
.gs-chat{position:absolute;left:10px;right:90px;bottom:70px;display:flex;flex-direction:column;gap:4px;font-size:11px}
.gs-chat div{background:rgba(0,0,0,.35);padding:3px 8px;border-radius:10px;width:fit-content;max-width:100%}
.gs-still{position:absolute;left:50%;top:62%;width:34%;transform:translate(-50%,-50%);opacity:1;pointer-events:none;transition:opacity .2s;filter:drop-shadow(0 8px 18px rgba(0,0,0,.45))}
.gs-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}
.gs-copy{position:absolute;top:0;left:0;pointer-events:none;object-fit:contain;z-index:4;will-change:transform,opacity}
.gs-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(18,16,26,.92);border-top:1px solid rgba(255,255,255,.08);z-index:5}
.gs-thumb{width:44px;height:44px;object-fit:contain;border-radius:8px;background:rgba(0,0,0,.25)}
.gs-info{flex:1;min-width:0;display:flex;flex-direction:column}
.gs-info b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-info span{color:#bdb6d8;font-size:11px}
button.gs-send{height:40px;padding:0 18px;border:0;border-radius:12px;background:#f59e0b;color:#111;font-weight:800;font-size:14px}
button.gs-send.combo{position:relative;width:52px;height:52px;padding:0;border-radius:50%}
button.gs-send.combo svg{position:absolute;inset:-5px;width:62px;height:62px;transform:rotate(-90deg)}
button.gs-send.combo .tr{fill:none;stroke:rgba(0,0,0,.25);stroke-width:4}
button.gs-send.combo .pr{fill:none;stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-dasharray:126}
button.gs-send.combo .n{position:relative;font-size:15px;font-weight:900}
.gs-hint{max-width:360px;margin:10px auto 0;font-size:12px;text-align:center}

/* Item preview: checkerboard stage, sample avatar under frames */
.ip-prev{position:sticky;top:12px}
.ip-stage{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(color-mix(in srgb,var(--line) 70%,transparent) 0% 25%,transparent 0% 50%) 50%/22px 22px}
.ip-stage.entranceCar,.ip-stage.entranceBubble{aspect-ratio:9/12;background:radial-gradient(120% 60% at 50% 0%,#4a2b6e 0%,#2a1c46 55%,#160e28 100%)}
.ip-av{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;display:none;place-items:center;font-size:42px;font-weight:800;color:#fff;background:linear-gradient(135deg,#ff5c9a,#7c5cff)}
.ip-stage.frameAvatar .ip-av,.ip-stage.frameAnimationProfile .ip-av{display:grid}
.ip-canvas,.ip-svga,.ip-svga canvas{position:absolute;inset:0;width:100%;height:100%}
iframe.ip-svga{border:0;background:transparent;color-scheme:normal}
.ip-img{position:absolute;inset:6%;width:88%;height:88%;object-fit:contain;transition:opacity .2s}
.ip-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;font-size:12.5px}

/* Support thread */
.sp-thread{display:flex;flex-direction:column;gap:10px;max-height:62vh;overflow:auto}
.sp-msg{max-width:72%;padding:8px 12px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}
.sp-msg.staff{align-self:flex-end;background:var(--acc-bg);border-color:var(--acc-line)}
.sp-msg.sys{align-self:center;max-width:90%;background:transparent;border-style:dashed;font-size:12.5px}
.sp-msg.internal{border-color:color-mix(in srgb,var(--warn) 50%,transparent)}
.sp-who{font-size:11.5px;font-weight:700;color:var(--mut);margin-bottom:2px}
.sp-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px}
.sp-img{max-width:240px;max-height:240px;border-radius:8px;margin-top:6px;display:block}
.sp-at{font-size:11px;color:var(--mut);margin-top:4px;text-align:right}
.sp-reply textarea{width:100%;margin-top:6px}
.sp-reply label{display:block;font-size:12.5px;color:var(--mut)}
.sp-reply .row-end{align-items:center;gap:10px}
.cab .act form.sp-status{display:flex;gap:6px}
td.wrap{white-space:normal;max-width:360px}
.wrap-cell{white-space:normal;display:block;max-width:420px;overflow-wrap:anywhere}

/* System → App config */
form.card.fs h4{margin:2px 0 10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
form.card.fs h4 ~ h4{margin-top:18px}
.ac-sw{display:grid;gap:10px}
.ac-sw label.chk{align-items:flex-start;margin:0}
.ac-sw label.chk input{margin-top:3px}
.ac-sw label.chk>span{display:flex;flex-direction:column;gap:2px}
.ac-sw .hint{font-size:11.5px;color:var(--mut);font-weight:400}
.gp-grid textarea{width:100%;color:var(--txt)}
.ac-inl{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ac-inl label.chk{margin:0;min-width:96px}
.ac-inl input[type=number]{width:84px}
.ac-inl input[name=label]{flex:1;min-width:140px}
details.ac-row>summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
details.ac-row>summary .pill{margin-left:auto}
details.ac-row fieldset{border:0;padding:0;margin:0;min-width:0}
details.ac-row form{margin-top:12px}

/* jackpot pot adjust form inside a table cell: stacked, fixed width, wraps text */
.pot-adj form { display: grid; gap: var(--gap); width: 300px; max-width: 70vw; white-space: normal; margin-top: var(--gap) }
.pot-adj label.f { display: grid; gap: 4px }
.pot-adj .note { margin: 0 }

/* Live → Posts moderation cards */
.pm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--gap);margin-top:var(--gap)}
.pm-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.pm-media{aspect-ratio:1/1;max-height:340px;background:var(--bg);display:grid;place-items:center;overflow:hidden}
.pm-media img,.pm-media video{width:100%;height:100%;object-fit:contain;display:block}
.pm-media video{background:#000}
.pm-media a{display:block;width:100%;height:100%}
.pm-media.none{aspect-ratio:auto;min-height:80px;color:var(--mut);font-size:13px}
.pm-body{padding:12px;display:grid;gap:8px}
.pm-top{display:flex;justify-content:space-between;gap:4px 8px;align-items:baseline;flex-wrap:wrap;min-width:0}
.pm-top .mut{font-size:12px;white-space:normal}
.pm-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.pm-act{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pm-reject{display:flex;gap:6px;flex:1;min-width:200px}
.pm-reject input{flex:1;min-width:0}
.kpis.k3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* Users → multi-filter panel (button opens the menu, like the old admin) */
details.uf{margin-top:var(--gap)}
details.uf>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
details.uf>summary::-webkit-details-marker{display:none}
details.uf[open]>summary{border-color:var(--acc-line);color:var(--acc)}
.uf-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--acc);color:#fff;font-size:11px;font-weight:700;display:inline-grid;place-items:center}
.uf-panel{margin-top:8px;padding:16px}
.uf-groups{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--gap)}
.uf-g{border:1px solid var(--line);border-radius:10px;padding:12px;margin:0;display:grid;gap:12px;align-content:start}
.uf-g legend{padding:0 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.uf-f{display:grid;gap:6px}
.uf-l{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--mut)}
.uf-seg{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;overflow:hidden;width:max-content;max-width:100%}
.uf-seg label{position:relative;cursor:pointer}
.uf-seg input{position:absolute;opacity:0;pointer-events:none}
.uf-seg span{display:block;padding:5px 10px;font-size:12.5px;border-right:1px solid var(--line)}
.uf-seg label:last-child span{border-right:0}
.uf-seg input:checked+span{background:var(--acc-bg);color:var(--acc);font-weight:600}
.uf-seg input:focus-visible+span{outline:2px solid var(--acc);outline-offset:-2px}
.uf-range,.uf-dates{display:flex;gap:6px;align-items:center}
.uf-range input{width:110px}
.uf-dates.off{display:none}
.uf-chk{font-size:13px}
.uf-foot{display:flex;gap:8px;justify-content:flex-end;align-items:center;margin-top:var(--gap);flex-wrap:wrap}
.uf-foot .mut{margin-right:auto;font-size:12px}
.uf-chips{margin-top:8px}
details.uf>summary.uf-btn{padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-weight:600;font-size:13.5px}
details.uf>summary.uf-btn:hover{border-color:var(--acc-line)}
/* Apply comes first in the markup (Enter applies); Clear is shown before it */
.uf-foot button[formaction]{order:-1}
/* filter chips are small POST forms (the filter is never in the URL): same look as a.chip */
.uf-chips form{display:inline-flex;margin:0}
.uf-chips button.chip{display:inline-flex;gap:6px;align-items:center;padding:4px 10px;border:1px solid var(--line);border-radius:999px;font:inherit;font-size:12.5px;font-weight:500;color:var(--txt);background:var(--card);cursor:pointer;box-shadow:none;min-height:0;height:auto}
.uf-chips button.chip.on{border-color:var(--acc);background:var(--card);color:var(--acc)}
.uf-chips button.chip:hover{border-color:var(--acc-line)}
.fx-bar{margin-bottom:8px}
.fx-bar+.chips{margin-bottom:8px}

/* filtered user list: count + "send push" button, and the push dialog */
.uf-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:8px 0}
.uf-result .pm-open{margin-left:auto}
dialog.pd{width:min(720px,94vw);max-height:90vh;overflow:auto;padding:18px;border:1px solid var(--line);color:var(--txt)}
dialog.pd::backdrop{background:rgba(0,0,0,.55)}
.pd-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.pd-head h3{margin:0;display:flex;gap:8px;align-items:center}
.pd-tpls{margin-bottom:10px}
.pd-tpls button.chip{font:inherit;font-size:12.5px;padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--txt);cursor:pointer}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pd-grid label{display:grid;gap:4px;font-size:12px;color:var(--mut)}
.pd-grid label.wide{grid-column:1/-1}
.pd-flags{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}
.pd-test{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;padding:10px;border:1px dashed var(--line);border-radius:10px;margin-top:10px}
.pd-test label{display:grid;gap:4px;font-size:12px;color:var(--mut)}
.pd-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.pd-tpls{max-height:96px;overflow:auto;padding-bottom:4px}

/* Moderation: photo / background cards */
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:var(--gap);margin-top:var(--gap)}
.md-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.md-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--bg)}
.md-card.wide img{aspect-ratio:9/16;max-height:320px}
.md-noimg{aspect-ratio:1/1;display:grid;place-items:center;color:var(--mut)}
.md-cap{padding:8px 10px;display:grid;gap:4px;font-size:13px}
.md-cap .pill{justify-self:start}
/* screens created after the 08/11 survey: red in the menu until reviewed */
.it.new .lbl{color:#ef4444;font-weight:600}
.it.new svg{color:#ef4444}
.ns-img{width:40px;height:40px;object-fit:contain;border-radius:6px;background:var(--bg)}
.ns-td{max-width:260px;overflow-wrap:anywhere}
.ns-json{font-size:11px}

/* Records / Set-up switch above the tab bar */
.tkind{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px;margin:0 0 10px;background:var(--card)}
.tkind a{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--mut);text-decoration:none}
.tkind a .cnt{font-size:11px;font-weight:600;opacity:.75}
.tkind a.on{background:var(--acc-bg);color:var(--acc)}
.tkind a:hover{color:var(--txt);text-decoration:none}

/* App ranking */
.rk-who{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.rk-av{width:30px;height:30px;border-radius:50%;object-fit:cover;display:inline-grid;place-items:center;font-weight:700;font-size:12px;color:#fff;background:linear-gradient(135deg,#ff8a3d,#7c5cff)}
.rk-pos{font-size:16px;width:44px}
.rk-top td{background:color-mix(in srgb,var(--acc) 5%,transparent)}
.uf-g legend:empty{display:none}

/* Live events */
.le-form h4{margin:0 0 10px;display:flex;gap:8px;align-items:center}
.le-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.le-grid label{display:grid;gap:4px;font-size:12px;color:var(--mut)}
.le-bad{border-color:var(--bad)!important}
.le-errors{margin:8px 0;padding-left:18px;color:var(--bad);font-size:13px}
.le-errors:empty{display:none}
.le-preview{margin-top:10px}
.le-meter{width:100%;height:10px;margin-top:6px}
/* agency push requests */
.ap-list{display:grid;gap:10px;margin-top:10px}.ap-top{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ap-msg{margin:8px 0;padding:8px 10px;border-left:3px solid var(--acc);background:var(--bg)}.ap-msg p{margin:4px 0 0;white-space:pre-wrap}.ap-act{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}.ap-reject{display:flex;gap:6px;flex:1;min-width:240px}.ap-reject input{flex:1;min-width:0}
/* ─── filter panel, compact (owner 09/11/2026: "compactos, sempre indo até o final da tela") ───
   Groups flow side by side across the full width; inside a group the fields wrap like words (flex), each one as wide
   as its control needs and growing to fill the row, so a row reaches the end of the screen. A group with 4+ fields
   takes a whole row. Segmented choices do not wrap on wide screens (the field moves to the next line instead). */
.uf-panel{padding:10px 12px;--h:32px}
.uf-groups{display:flex;flex-wrap:wrap;gap:8px}
.uf-g{flex:1 1 300px;min-width:0;padding:6px 10px 10px;display:flex;flex-wrap:wrap;gap:8px 14px;align-items:flex-start}
.uf-g:has(>.uf-f:nth-of-type(4)){flex-basis:100%}
.uf-g legend{font-size:10.5px;padding:0 4px}
.uf-f{flex:1 1 160px;gap:3px;max-width:100%}
.uf-f:has(.uf-range){flex-basis:220px}
.uf-f:has(.uf-dates:not(.off)){flex-basis:100%}
.uf-l{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.uf-panel input:not([type=checkbox]):not([type=radio]),.uf-panel select{font-size:13px;padding:0 9px;min-width:0;width:100%}
.uf-panel select:not([multiple]):not([size]){padding-right:26px}
.uf-seg{flex-wrap:nowrap}
.uf-seg span{padding:4px 9px;font-size:12px;white-space:nowrap}
.uf-range input,.uf-dates input{flex:1 1 0}
.uf-range,.uf-dates{gap:4px}
.uf-dates{margin-top:4px;max-width:420px}
.uf-chk input{width:auto;height:auto;padding:0}
.uf-foot{position:sticky;bottom:0;z-index:2;background:var(--card);margin-top:8px;padding:8px 0 2px;border-top:1px solid var(--line)}
@media(max-width:600px){.uf-panel{padding:8px}.uf-g{gap:8px 10px}.uf-f{flex-basis:140px}.uf-seg{flex-wrap:wrap}}
.tabsp a.new{color:#ef4444;font-weight:600}
/* games → simulate */
.sim-form .act{display:flex;gap:8px;margin-top:10px}
.sim-chart{width:100%;height:180px;display:block;margin:4px 0}
.sim-grid{stroke:var(--line);stroke-width:1}
.sim-ax{fill:var(--mut);font-size:11px}
.sim-line{fill:none;stroke-width:1.8}
.sim-line.l-total{stroke:var(--acc)}
.sim-line.l-player{stroke:var(--ok)}
.sim-line.l-bal{stroke:var(--warn)}
.sim-ref{stroke-dasharray:4 4;stroke-width:1}
.sim-ref.r-band{stroke:var(--ok)}
.sim-ref.r-target{stroke:var(--bad)}
.sim-ax.r-band{fill:var(--ok)}
.sim-ax.r-target{fill:var(--bad)}
.sim-2{display:grid;grid-template-columns:2fr 1fr;gap:12px}
@media (max-width:820px){.sim-2{grid-template-columns:1fr}}
.sim-bar{width:120px;height:8px}
.sim-notes{margin:6px 0;padding-left:18px;font-size:13px}
.sim-pre{max-height:320px;overflow:auto;font-size:12px;background:var(--bg);padding:8px;border-radius:6px}
.sim-stale{border-width:2px}
/* user birthday / country edit */
.up-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-top:8px}.up-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px}.up-form label.chk{flex-direction:row;align-items:center}.up-form .note{flex-basis:100%;margin:0}
/* bomb main-prize priority */
.bp-new summary,.bp-act summary{cursor:pointer;font-weight:600}.bp-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 12px;margin-top:10px;align-items:end}.bp-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px}.bp-form .bp-note,.bp-form .bp-help{grid-column:1/-1}.bp-cancel{display:flex;gap:6px;margin-top:8px}.bp-cancel input{flex:1;min-width:0}.bp-act{min-width:220px}