/* =====================================================================
   Cassino · Minha conta (conta/*.html)
   Só estilos próprios da área. Base: assets/css/cassino.css
   Superfícies planas (.glass/.hi), borda 8%, ciano como acento,
   raios 4/6/8/12/14 e grade de 4px.
   ===================================================================== */

/* Contêiner das páginas com sessão (o build envolve o conteúdo em .auth-scope) */
.auth-scope{display:flex;flex-direction:column;gap:24px;min-width:0}

/* ---------- Cabeçalho da conta ---------- */
.acc-top{display:flex;flex-direction:column;gap:16px;min-width:0}
.acc-crumbs{margin-bottom:0}
.acc-head{padding:20px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1.25fr);gap:24px;align-items:center}
.acc-id{display:flex;align-items:center;gap:14px;min-width:0}
.acc-who{display:flex;flex-direction:column;gap:6px;min-width:0}
.acc-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.acc-name{font-weight:700;font-size:18px;line-height:1.2}
.acc-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--muted);font-size:12px;align-items:center}
.acc-meta > span{display:inline-flex;align-items:center;gap:6px;min-width:0}
.acc-meta b{color:var(--text)}
.acc-meta .icon-btn.sm{width:24px;height:24px;margin:0 -4px}
.acc-mail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acc-vip{display:flex;flex-direction:column;gap:8px;padding:0 24px;border-left:1px solid rgba(61,203,255,.2);border-right:1px solid rgba(61,203,255,.2);min-width:0}
.acc-vip-top,.acc-vip-bot{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.acc-vip-top b{color:var(--text)}
.acc-vip-bot .a{font-size:12px}
.acc-bal{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.acc-bal-n{display:flex;flex-direction:column;min-width:0}
.acc-bal-n small{font-size:11px;color:var(--muted)}
.acc-bal-n b{font-size:24px;font-weight:800;line-height:1.2}
.acc-bal-sub{font-size:11px;color:var(--dim);white-space:nowrap}
.acc-bal-btns{display:flex;flex-direction:column;gap:8px}
.acc-nav{gap:14px}
.acc-nav .tab{font-size:12px}
.acc-nav .tab .i{width:16px;height:16px}
.acc-nav.has-more{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 48px),transparent)}
@media (min-width:1520px){ .acc-nav{gap:20px} .acc-nav .tab{font-size:13px} }
.acc-nav .tab:hover{color:var(--text)}
.acc-nav .tab[aria-current="page"] .i{color:var(--ice);filter:drop-shadow(0 0 6px rgba(var(--glow),.7))}
.acc-title h1{font-size:20px;font-weight:700;line-height:1.2}
.acc-title p{color:var(--muted);font-size:13px;margin-top:4px;max-width:72ch}

/* ---------- Utilidades da área ---------- */
.pl-cols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.pl-cols > aside{display:flex;flex-direction:column;gap:16px;min-width:0}
.pl-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.box-h h3,.box > h3,.box > h2{font-size:15px;font-weight:700}
.ttl{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700}
.ttl .glow-ico{width:18px;height:18px}
.box-h .ttl + p,.box-h div > p{color:var(--muted);font-size:12px;margin-top:2px}
.mini-stat{display:flex;flex-direction:column;gap:2px}
.mini-stat small{font-size:11px;font-weight:600;color:var(--dim)}
.mini-stat b{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}
.thumb{width:44px;height:52px;border-radius:var(--r-md);object-fit:cover;flex:none;box-shadow:0 0 0 1px var(--line-2)}
.amt-pos{color:var(--ok-text);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.amt-neg{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.amt-void{color:var(--dim);font-weight:600;text-decoration:line-through;font-variant-numeric:tabular-nums;white-space:nowrap}
.pay-text{color:var(--pay)}
.li .end small{font-size:11px;color:var(--dim)}
.pl-note{font-size:12px;color:var(--dim);line-height:1.5}
.inline-form{display:flex;gap:12px;align-items:flex-start}
.inline-form .field{flex:1}
.inline-form .btn{margin-top:24px;height:44px}
.field .control input[readonly]{color:var(--muted)}
.control.is-disabled select{cursor:not-allowed}
.lock-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--dim);font-weight:500}
.secure-list{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--muted)}
.secure-list > span{display:flex;gap:10px;align-items:flex-start}
.secure-list .i{color:var(--primary);flex:none;margin-top:1px}
/* ícones quadrados: variações de cor */
.ico.pix{background:rgba(50,188,173,.15);color:#32bcad}
.ico.vip{background:rgba(214,237,22,.12);color:var(--rank)}
.ico.ok{background:var(--ok-soft);color:var(--ok-text)}
.ico.warn{background:var(--warn-soft);color:var(--warn-text)}
.ico.err{background:var(--err-soft);color:var(--err-text)}
.ico.info{background:var(--info-soft);color:var(--info-text)}
/* marca PIX (traço, não preenchida) */
.mk.pix .i{fill:none;stroke:currentColor;stroke-width:2.6;width:12px;height:12px}
/* ícone grande de estado (bloqueios, verificação, pausa) */
.big{border-radius:var(--r-lg);display:grid;place-items:center;flex:none}
.big.warn{background:var(--warn-soft);color:var(--warn-text)}
.big.info{background:var(--info-soft);color:var(--info-text)}
.big.ok{background:var(--ok-soft);color:var(--ok-text)}
.big.err{background:var(--err-soft);color:var(--err-text)}
/* barra de limite (rótulo + valor + barra) */
.lim-row{display:flex;flex-direction:column;gap:6px}
.lim-row .r{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.lim-row .r b{color:var(--text)}

/* ---------- Carteira ---------- */
.wal-cards{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.bal-card{border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.bal-card small{font-size:11px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:6px}
.bal-card .v{font-size:24px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.bal-card p{font-size:12px;color:var(--muted)}
.bal-card p b{color:var(--text)}
.bal-card .link{align-self:flex-start;margin-left:-8px;margin-top:auto}
.bal-card.main .v{font-size:32px}
.coin-c{width:16px;height:16px;font-size:10px;font-weight:800;line-height:1}
.bal-card.main .row-wrap{margin-top:auto}
.quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.quick a,.quick button{border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-weight:700;font-size:13px;text-align:left;transition:background .15s,box-shadow .15s}
.quick a:hover,.quick button:hover{background:#0f2e4f;box-shadow:inset 0 0 0 1px rgba(1,183,252,.45)}
.quick small{font-size:11px;color:var(--dim);font-weight:500}
.wager-r{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;font-size:12px;color:var(--muted);flex-wrap:wrap}
.wager-r b{color:var(--text)}
.wager-r .a{font-size:12px}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.facts > div{border-radius:var(--r-md);padding:10px 12px;background:rgba(5,11,21,.45);box-shadow:inset 0 0 0 1px var(--line);display:flex;flex-direction:column;gap:2px;min-width:0}
.facts small{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}
.facts b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.meth{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-md);background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line)}
.meth .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.meth .tx b{font-size:13px}
.meth .tx small{font-size:11px;color:var(--dim)}
.meth .mk,.li > .mk{min-width:46px;height:30px}

/* ---------- Depósito ---------- */
.mgroup{display:flex;flex-direction:column;gap:8px}
.mgroup-h{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim)}
.mgroup-h .i{width:14px;height:14px}
.method .mk{height:24px}
.method-hero{--nb:var(--neon);flex-direction:row;align-items:center;gap:14px;min-height:64px;padding:12px 16px;width:100%}
.method-hero .mk{min-width:58px;height:34px;font-size:13px}
.method-hero .tx{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.method-hero .tx b{font-size:15px}
.method-hero .tx small{font-size:12px;color:var(--muted)}
.method-hero .rec{position:static;align-self:center}
.method-hero[aria-pressed="true"]{background:var(--cta-fill);box-shadow:inset 0 0 0 1px var(--primary),0 0 0 3px rgba(1,183,252,.12)}
.mdet-h{display:flex;align-items:center;gap:14px}
.mdet-h .mk{min-width:58px;height:36px;font-size:12px;border-radius:var(--r-sm)}
.mdet-h b{font-size:16px;font-weight:700;display:block}
.mdet-h small{color:var(--muted);font-size:12px}
.dep-amts,.dep-meths{grid-template-columns:repeat(3,minmax(0,1fr))}
.dp-amount{height:52px}
.dp-amount .pre{font-size:16px}
.dp-amount input{font-size:20px;font-weight:700}
.bonus-box .gi{width:36px;height:36px;object-fit:contain;flex:none}
.bonus-box small{display:block;font-size:11px}
.summary .ok-text{color:var(--ok-text)}
.dep-result{padding:24px 0 8px}
.dep-steps{margin-bottom:4px}
.dep-steps .step-line{max-width:120px}
.promo-h{font-size:22px;font-weight:800;line-height:1.15}
.ted-info{width:min(420px,100%);text-align:left}
/* PIX: tela do QR Code */
.pix-pay{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:440px;width:100%;margin:0 auto;padding:8px 0}
.pix-head{text-align:center}
.pix-head h3{font-size:20px;font-weight:700}
.pix-head p{font-size:13px;color:var(--muted);margin-top:4px}
.pix-timer{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--r-sm);background:var(--warn-soft);color:var(--warn-text);font-size:12px;font-weight:700}
.pix-timer.is-over{background:var(--err-soft);color:var(--err-text)}
.pix-pay .qr-box{padding:12px;border-radius:var(--r-lg)}
.pix-pay .qr-box svg{display:block;width:176px;height:176px}
.pix-val{text-align:center}
.pix-val small{display:block;font-size:12px;color:var(--muted)}
.pix-val b{font-size:24px;font-weight:800}
.pix-pay .field{width:100%}
.pix-copy{display:flex;gap:8px;align-items:stretch}
.pix-copy .control{flex:1;min-width:0;height:auto;min-height:44px;padding:8px 14px}
.pix-copy .control span{display:block;width:100%;color:var(--muted);font:500 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;max-height:34px;overflow:hidden}
.pix-copy .btn{height:auto;min-height:44px}
.howto{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;counter-reset:s;width:100%}
.howto li{display:flex;gap:10px;font-size:12px;color:var(--muted);counter-increment:s;align-items:flex-start}
.howto li::before{content:counter(s);flex:none;width:20px;height:20px;border-radius:50%;background:var(--surface-hi);box-shadow:inset 0 0 0 1px var(--line-2);display:grid;place-items:center;font-size:10px;font-weight:700;color:var(--text)}
.howto b{color:var(--text)}
.pix-acts{width:100%;gap:8px}
.pix-acts .btn-ghost{flex:1}
.pix-acts .btn-primary{flex:2}

/* ---------- Saque ---------- */
.acct-list{display:flex;flex-direction:column;gap:8px}
.acct{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-hi);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;transition:background .15s,box-shadow .15s}
.acct:hover{background:#0f2e4f}
.acct input{position:absolute;opacity:0;pointer-events:none}
.acct .radio{width:18px;height:18px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1.5px var(--line-2);display:grid;place-items:center}
.acct .radio::after{content:"";width:8px;height:8px;border-radius:50%;background:#030c16;transform:scale(0);transition:transform .2s var(--ease-liquid)}
.acct:has(input:checked){background:#0e2f50;box-shadow:inset 0 0 0 1px var(--primary)}
.acct:has(input:checked) .radio{background:var(--primary);box-shadow:none}
.acct:has(input:checked) .radio::after{transform:scale(1)}
.acct:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:2px}
.acct .mk{min-width:46px;height:30px}
.acct .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.acct .tx b{font-size:13px}
.acct .tx small{font-size:11px;color:var(--dim)}
.add-acct{border-radius:var(--r-lg);padding:16px;background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line)}
.gate-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.gate-card .big{width:56px;height:56px}
.gate-card .big .i{width:26px;height:26px}
.gate-card h3{font-size:18px;font-weight:700}
.gate-card p{color:var(--muted);font-size:13px;margin-top:4px}

/* ---------- Histórico ---------- */
.h-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.h-tools .control{height:40px}
.h-range{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}
.h-custom{display:flex;gap:8px;align-items:center}
.h-custom .control{width:160px}
.h-status{width:200px}
.tx-table.is-click tbody tr{cursor:pointer}
.tx-table .g{display:flex;align-items:center;gap:10px;min-width:0}
.tx-table .g img{width:32px;height:37px;border-radius:var(--r-sm);object-fit:cover;flex:none}
.tx-table .g .ico{width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--surface-hi);color:var(--ice);flex:none}
.tx-table .g .ico.in{background:var(--ok-soft);color:var(--ok-text)}
.tx-table .g .ico.out{background:var(--info-soft);color:var(--info-text)}
.tx-table .g b{font-weight:600;font-size:13px}
.tx-table .g small{display:block;color:var(--dim);font-size:11px}
.tx-table .mono{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:12px;color:var(--dim)}
.det-amount{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}
.det-head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:4px 0 12px}
.det-head .ico{width:48px;height:48px;border-radius:var(--r-lg);display:grid;place-items:center;background:var(--surface-hi);color:var(--ice)}
.det-head img{width:56px;height:65px;border-radius:var(--r-md);object-fit:cover}
.kv.det{grid-template-columns:auto minmax(0,1fr);row-gap:12px}
.kv.det dd{word-break:break-all}

/* ---------- Bônus ---------- */
.box-h .bn-title{font-size:22px;font-weight:800;margin-top:4px}
.bn-active{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center}
.ring.lg{width:104px;height:104px}
.ring.lg::before{inset:8px;background:var(--deep)}
.ring.lg b{font-size:20px}
.ring small{position:relative;display:block;font-size:10px;color:var(--dim);text-align:center;margin-top:-2px}
.ring > span{position:relative;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.contrib{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.contrib > div{border-radius:var(--r-md);padding:10px 12px;background:rgba(5,11,21,.45);box-shadow:inset 0 0 0 1px var(--line);display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted)}
.contrib b{color:var(--text)}
.offer{border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;min-width:0}
.offer-art{position:relative;height:112px;overflow:hidden;background:var(--surface-hi)}
.offer-art .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.offer-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,24,44,.1),rgba(18,38,63,.95))}
.offer-art .th{position:absolute;z-index:1;right:16px;bottom:-12px;width:76px;border-radius:var(--r-md);transform:rotate(8deg);box-shadow:0 12px 24px -10px rgba(0,0,0,.9),0 0 0 1px var(--line-2)}
.offer-art .badge{position:absolute;z-index:2;left:12px;top:12px}
.offer-b{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.offer-b b{font-size:15px;font-weight:700;line-height:1.25}
.offer-b p{font-size:12px;color:var(--muted)}
.offer-b .row{margin-top:auto;padding-top:4px;justify-content:space-between}
.spin-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center}
.spin-card img{width:56px;height:65px;border-radius:var(--r-md);object-fit:cover;box-shadow:0 0 0 1px var(--line-2)}
.cb-v{font-size:32px!important}

/* ---------- Meus dados ---------- */
.dcard .edit{display:none}
.dcard.is-edit .view{display:none!important}
.dcard.is-edit .edit{display:flex}
.kv.data{grid-template-columns:minmax(140px,auto) minmax(0,1fr);row-gap:12px}
.kv.data dd{text-align:left;font-weight:600}
.kv.data dt{display:flex;align-items:center;gap:8px}
.contact-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-md);background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line);flex-wrap:wrap}
.contact-row .ico{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--surface-hi);color:var(--ice);flex:none}
.contact-row .tx{flex:1;min-width:160px;display:flex;flex-direction:column;gap:2px}
.contact-row .tx small{color:var(--dim);font-size:11px}
.contact-row .tx b{font-size:14px}
.otp-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}
.resend{font-size:12px;color:var(--dim)}

/* ---------- Verificação ---------- */
.kyc-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center}
.kyc-hero .big{width:64px;height:64px;border-radius:var(--r-xl)}
.kyc-hero .big .i{width:30px;height:30px}
.kyc-hero h2{font-size:20px;font-weight:700}
.kyc-hero p{color:var(--muted);font-size:13px;margin-top:4px;max-width:64ch}
.box.is-err{box-shadow:inset 0 0 0 1px rgba(241,65,108,.4)}
.levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.level{border-radius:var(--r-xl);padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);position:relative}
.level .lv{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.level b{font-size:15px}
.level ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}
.level li{display:flex;gap:8px;align-items:flex-start}
.level li .i{width:14px;height:14px;margin-top:1px;color:var(--dim)}
.level.done{box-shadow:inset 0 0 0 1px rgba(34,187,51,.4)}
.level.done .lv{color:var(--ok-text)}
.level.done li .i{color:var(--ok-text)}
.level.cur{background:var(--cta-fill);box-shadow:inset 0 0 0 1px var(--primary)}
.level.cur .lv{color:var(--primary)}
.level .lim{margin-top:auto;padding-top:8px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.level .lim b{font-size:13px;color:var(--text)}
.kyc-cpf .tx b{font-size:13px}
.kstep{border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:16px}
.kstep-h{display:flex;align-items:center;gap:12px}
.kstep-h .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--surface-hi);box-shadow:inset 0 0 0 1px var(--line-2);flex:none}
.kstep-h h3{font-size:16px;font-weight:700}
.kstep-h p{font-size:12px;color:var(--dim)}
.kstep-h .badge{margin-left:auto}
.kstep.is-done .kstep-h .n{background:var(--ok-soft);color:var(--ok-text);box-shadow:none}
.drops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.drop .prog{width:min(220px,90%);margin-top:4px}
.drop .d-state{font-size:12px;color:var(--dim)}
.drop.is-done .ico{background:var(--ok-soft);color:var(--ok-text)}
.drop.is-error .ico{background:var(--err-soft);color:var(--err-text)}
.drop.is-error .d-state{color:var(--err-text)}
.drop .d-acts{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;position:relative;z-index:2}
.drop .d-acts button{font-size:11px;color:var(--link);font-weight:600;padding:4px 8px;border-radius:var(--r-sm)}
.drop .d-acts button:hover{background:rgba(1,183,252,.08)}
.selfie{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:center}
.cam{position:relative;aspect-ratio:3/4;border-radius:var(--r-xl);overflow:hidden;background:radial-gradient(circle at 50% 38%,#0c345f,#06182c 70%);box-shadow:inset 0 0 0 1px var(--line-2)}
.cam .oval{position:absolute;left:50%;top:44%;width:62%;height:62%;transform:translate(-50%,-50%);border-radius:50%;border:2px dashed rgba(214,243,255,.35);transition:border-color .3s}
.cam .face{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);color:rgba(214,243,255,.25)}
.cam .face .i{width:64px;height:64px;stroke-width:1.2}
.cam .cam-msg{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;font-size:12px;font-weight:600;padding:6px 10px;border-radius:var(--r-md);background:rgba(5,11,21,.72)}
.cam.is-scan .oval{border-color:var(--primary);border-style:solid;animation:scanp 1.2s ease-in-out infinite}
.cam.is-ok .oval{border-color:var(--ok);border-style:solid}
@keyframes scanp{50%{box-shadow:0 0 0 8px rgba(1,183,252,.15)}}
.doc-types{display:flex;gap:8px;flex-wrap:wrap}
.reasons{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px}

/* ---------- Segurança ---------- */
.sess .ico{width:40px;height:40px}
.codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:13px}
.codes span{padding:8px 12px;border-radius:var(--r-md);background:var(--well);box-shadow:inset 0 0 0 1px var(--line);text-align:center;letter-spacing:.08em}
.tfa-qr{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center}
.secret{font-family:ui-monospace,"SF Mono",Menlo,monospace;letter-spacing:.12em;font-size:14px;color:var(--text)}
.status-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.status-row .ico{width:44px;height:44px;border-radius:var(--r-lg);display:grid;place-items:center;flex:none}
.status-row .tx{flex:1;min-width:180px}
.status-row .tx b{display:block;font-size:14px}
.status-row .tx small{color:var(--dim);font-size:12px}

/* ---------- Jogo responsável ---------- */
.rg-banner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}
.rg-banner h2{font-size:20px;font-weight:700;margin-top:4px}
.rg-banner p{color:var(--muted);font-size:13px;margin-top:6px;max-width:72ch}
.rg-state{box-shadow:inset 0 0 0 1px rgba(255,159,67,.4)}
.rg-state.is-err{box-shadow:inset 0 0 0 1px rgba(241,65,108,.4)}
.limits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lim-card{border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:10px;background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line);min-width:0}
.lim-card .top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.lim-card .top small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font-weight:700}
.lim-card .v{font-size:22px;font-weight:800;font-variant-numeric:tabular-nums}
.lim-card .used{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--dim);flex-wrap:wrap}
.lim-card .lim-edit{display:none;flex-direction:column;gap:8px}
.lim-card.is-edit .lim-edit{display:flex}
.lim-card.is-edit .lim-view{display:none}
.lim-card .lim-view{display:flex;flex-direction:column;gap:10px}
.lim-card .lim-view .btn{align-self:flex-start}
.lim-card .pend{font-size:12px;color:var(--warn-text);display:flex;gap:6px;align-items:flex-start}
.opt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.opt-grid .amt{height:auto;min-height:44px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.opt-grid .amt small{font-size:11px;color:var(--dim);font-weight:500}
.danger-box{border-radius:var(--r-xl);padding:20px;display:flex;flex-direction:column;gap:14px;background:var(--surface);box-shadow:inset 0 0 0 1px rgba(241,65,108,.35)}
.danger-box h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:10px}
.danger-box h3 .i{color:var(--err)}
.danger-box p{color:var(--muted);font-size:13px}
.danger-box .opt-grid .amt[aria-pressed="true"]{box-shadow:inset 0 0 0 1px var(--err);background:rgba(241,65,108,.1)}
.help-orgs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.state-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.state-card .big{width:52px;height:52px}
.state-card .tx{flex:1;min-width:200px}
.state-card b{display:block;font-size:15px}
.state-card small{color:var(--muted);font-size:13px}

/* ---------- Notificações ---------- */
.ntf-list{display:flex;flex-direction:column;gap:4px}
.ntf-day{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);padding:12px 12px 4px}
.ntf{display:flex;gap:12px;padding:12px;border-radius:var(--r-md);position:relative;transition:background .15s;align-items:flex-start}
.ntf:hover{background:var(--surface-2)}
.ntf .ico{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;background:var(--surface-hi);color:var(--ice)}
.ntf img{width:40px;height:47px;border-radius:var(--r-sm);object-fit:cover;flex:none}
.ntf .tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ntf .tx b{font-size:13px;font-weight:700}
.ntf .tx p{font-size:12px;color:var(--muted)}
.ntf .tx small{font-size:11px;color:var(--dim)}
.ntf .acts{display:flex;gap:4px;opacity:0;transition:opacity .15s}
.ntf:hover .acts,.ntf:focus-within .acts{opacity:1}
.ntf.unread{background:rgba(1,183,252,.06);box-shadow:inset 2px 0 0 var(--primary)}
.ntf.unread .tx b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);margin-left:8px;vertical-align:middle}
.pref-table{width:100%;border-collapse:separate;border-spacing:0 6px;min-width:520px}
.pref-table th{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dim);padding:6px 12px;text-align:center}
.pref-table th:first-child{text-align:left}
.pref-table td{padding:12px;background:rgba(5,11,21,.35);text-align:center;vertical-align:middle}
.pref-table td:first-child{text-align:left;border-radius:var(--r-md) 0 0 var(--r-md)}
.pref-table td:last-child{border-radius:0 var(--r-md) var(--r-md) 0}
.pref-table td b{display:block;font-size:13px;font-weight:600}
.pref-table td small{color:var(--dim);font-size:11px}
.pref-table .switch{margin:0 auto}

/* ---------- Configurações ---------- */
.set-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,280px);gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.set-row:last-child{border-bottom:0;padding-bottom:0}
.set-row:first-child{padding-top:0}
.set-row b{display:block;font-size:13px;font-weight:600}
.set-row small{color:var(--dim);font-size:12px}
.set-row .seg{justify-self:start}
.save-bar{position:fixed;z-index:44;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,160%);display:flex;align-items:center;gap:12px;padding:8px 8px 8px 16px;border-radius:var(--r-lg);background:var(--modal);box-shadow:0 20px 50px rgba(0,0,0,.6),inset 0 0 0 1px var(--line-2);transition:transform .4s var(--ease-liquid);width:max-content;max-width:calc(100% - 32px)}
.save-bar.show{transform:translate(-50%,0)}
.save-bar span{font-size:13px;font-weight:600;white-space:nowrap}
.contracts .li .end{flex-direction:row;align-items:center;gap:8px}

/* ---------- Indique e ganhe ---------- */
.ref-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px}
.ref-hero h2{font-size:clamp(22px,2.2vw,30px);font-weight:800;line-height:1.12;max-width:24ch;margin-top:4px}
.ref-hero p{color:var(--muted);font-size:14px;margin-top:8px;max-width:58ch}
.ref-link{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.ref-link .control{flex:1;min-width:220px}
.share{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.share .btn .i{width:16px;height:16px}
.ref-qr{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--dim)}
.ref-qr .qr-box svg{display:block}
.tiers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tier-c{border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line);position:relative;overflow:hidden}
.tier-c .medal{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;color:#0f192c;background:var(--c)}
.tier-c b{font-size:15px}
.tier-c .req{font-size:12px;color:var(--dim)}
.tier-c .tpay{font-size:12px;color:var(--muted)}
.tier-c .tpay strong{color:var(--text);font-size:18px;font-weight:800;display:block}
.tier-c.cur{background:var(--cta-fill);box-shadow:inset 0 0 0 1px var(--primary)}
.tier-c.cur::after{content:"Seu nível";position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:var(--r-xs);background:var(--primary);color:#030c16}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.how > div{border-radius:var(--r-xl);padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.how .n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;background:var(--primary);color:#030c16;box-shadow:0 0 12px rgba(var(--glow),.45)}
.how b{font-size:14px}
.how p{font-size:13px;color:var(--muted)}

/* ---------- Responsivo ---------- */
@media (max-width:1380px){
  .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1240px){
  .acc-head{grid-template-columns:minmax(0,1fr) auto}
  .acc-vip{grid-column:1/-1;grid-row:2;padding:16px 0 0;border:0;border-top:1px solid rgba(61,203,255,.2)}
  .pl-cols{grid-template-columns:minmax(0,1fr)}
  .wal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wal-cards .bal-card.main{grid-column:1/-1}
  .limits{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  .auth-scope{gap:16px}
  .acc-top{gap:12px}
  .acc-head{grid-template-columns:minmax(0,1fr);padding:16px;gap:16px}
  .acc-id{gap:12px}
  .acc-id .avatar.lg{width:48px;height:48px;font-size:16px}
  .acc-name{font-size:16px}
  .acc-meta{gap:4px 12px;font-size:11px}
  .acc-head .acc-mail{display:none}
  .acc-bal{grid-row:2;flex-wrap:wrap;gap:12px;padding-top:16px;border-top:1px solid rgba(61,203,255,.2)}
  .acc-bal-n b{font-size:22px}
  .acc-bal-btns{flex-direction:row;width:100%}
  .acc-bal-btns .btn{flex:1;height:40px}
  .acc-vip{grid-row:3;padding-top:12px}
  .acc-nav{gap:16px;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter)}
  .acc-title h1{font-size:18px}
  .acc-title p{font-size:12px}
  .steps .step .n{display:grid}
  .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wal-cards{grid-template-columns:minmax(0,1fr)}
  .bal-card.main .v{font-size:28px}
  .bn-active{grid-template-columns:minmax(0,1fr);justify-items:start}
  .facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts > div:last-child:nth-child(odd){grid-column:1/-1}
  .tfa-qr{grid-template-columns:minmax(0,1fr);justify-items:center}
  .contrib{grid-template-columns:minmax(0,1fr)}
  .method-hero{gap:10px;padding:12px}
  .method-hero .rec{display:none}
  .gate-card{grid-template-columns:minmax(0,1fr)}
  .kyc-hero{grid-template-columns:auto minmax(0,1fr)}
  .kyc-hero > .btn,.kyc-hero > .badge{grid-column:1/-1;justify-self:start}
  .kyc-hero .big{width:52px;height:52px}
  .levels,.drops,.how,.help-orgs{grid-template-columns:minmax(0,1fr)}
  .selfie{grid-template-columns:minmax(0,1fr)}
  .cam{max-width:240px;margin:0 auto;width:100%}
  .opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rg-banner,.ref-hero{grid-template-columns:minmax(0,1fr)}
  .ref-hero{padding:20px}
  .ref-qr{display:none}
  .tiers{grid-template-columns:minmax(0,1fr)}
  .set-row{grid-template-columns:minmax(0,1fr);gap:8px}
  .inline-form{flex-direction:column;align-items:stretch}
  .inline-form .btn{margin-top:0}
  .h-tools > .row{width:100%}
  .h-status{flex:1;width:auto}
  .h-custom{flex-wrap:wrap}
  .h-custom .control{width:auto;flex:1}
  .save-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px));padding-left:12px;flex-wrap:wrap}
  .save-bar span{white-space:normal;flex-basis:100%}
  .spin-card{grid-template-columns:auto minmax(0,1fr)}
  .spin-card .btn{grid-column:1/-1}
  .ntf .acts{opacity:1}
  .acct{padding:12px;gap:10px}
  .stats .stat b{font-size:18px}
  .acct > .badge{display:none}
  .pend-list .li{flex-wrap:wrap}
  .pend-list .li .end{flex-basis:100%;flex-direction:row;align-items:center;justify-content:flex-end;margin-left:0}
  .pix-pay .qr-box svg{width:160px;height:160px}
  /* tabela de movimentações vira cards */
  .tx-table{min-width:0}
  .tx-table thead{display:none}
  .tx-table tbody{display:flex;flex-direction:column;gap:8px}
  .tx-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;padding:12px;border-radius:var(--r-md);background:rgba(5,11,21,.35);box-shadow:inset 0 0 0 1px var(--line)}
  .tx-table td{padding:0;border:0;background:none!important}
  .tx-table td.c-main{grid-column:1;grid-row:1}
  .tx-table td.c-amt{grid-column:2;grid-row:1;text-align:right;align-self:center}
  .tx-table td.c-date{grid-column:1;grid-row:2;font-size:11px;color:var(--dim);align-self:center}
  .tx-table td.c-st{grid-column:2;grid-row:2;text-align:right}
  .tx-table td.c-hide{display:none}
}