/* BitSeguro WebApp Cadence — layout mobile fixo */
:root{
  --bg0:#071420;
  --bg1:#0E2433;
  --bg2:#102A43;
  --panel:#15304A;
  --border:rgba(184,156,94,.22);
  --line:rgba(255,255,255,.08);
  --text:#F3F6F8;
  --muted:#A8B4C0;
  --gold:#C6A45A;
  --gold2:#E2C07A;
  --green:#7DCEA0;
  --font:"Outfit",system-ui,sans-serif;
  --display:"Cormorant Garamond",Georgia,serif;
  --vvh:100dvh;
  --pad:16px;
  --nav:72px;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{
  width:100%;
  height:100%;
  overflow:hidden !important;
  overflow-x:hidden !important;
}
body{
  position:fixed !important;
  inset:0 !important;
  width:100% !important;
  max-width:100% !important;
  height:var(--vvh) !important;
  overflow:hidden !important;
  overflow-x:hidden !important;
  overscroll-behavior:none;
  font-family:var(--font);
  color:var(--text);
  background:linear-gradient(165deg,var(--bg0),var(--bg1) 50%,#0A1824);
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
[hidden]{display:none !important}
img,svg{display:block;max-width:100%}
h1,h2,h3,.display{font-family:var(--display);font-weight:560}
button,input{font:inherit}
a{color:inherit;text-decoration:none}

#app-root{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
}

.screen{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:
    radial-gradient(420px 220px at 50% 0%, rgba(198,164,90,.10), transparent 60%),
    linear-gradient(165deg,var(--bg1),var(--bg2) 60%,#0A1824);
}

/* Login */
.auth-wrap{
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px var(--pad);
  overflow:auto;
}
.auth-wrap.auth-wrap--top{
  align-items:flex-start;
  padding-top:clamp(16px,5vh,32px);
}
.auth-box{
  width:100%;
  max-width:320px;
}
.auth-brand{text-align:center;margin-bottom:1.2rem}
.auth-mark{
  width:64px;height:64px;border-radius:18px;margin:0 auto .55rem;
  box-shadow:0 12px 32px rgba(0,0,0,.35);
}
.auth-title{font-size:2.55rem;line-height:.95;margin:0 0 .35rem}
.auth-tag{color:var(--muted);font-size:.86rem}
.auth-card{
  padding:1.1rem;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 45%),var(--panel);
  border:1px solid var(--border);
  border-radius:16px;
}
.auth-panel-title{font-family:var(--display);font-size:1.35rem;margin:0 0 4px;font-weight:500}
.auth-panel-sub{margin:0 0 12px;line-height:1.4}
.auth-links{
  display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap
}
.auth-link{
  background:none;border:0;padding:0;color:var(--gold2);font-size:.78rem;font-weight:500;
  cursor:pointer;text-decoration:underline;text-underline-offset:3px
}
.install-guide{display:grid;gap:14px;margin:4px 0 12px;text-align:left}
.install-block{
  padding:12px 14px;border-radius:14px;border:1px solid var(--line);
  background:rgba(0,0,0,.18)
}
.install-block h3{
  margin:0 0 8px;font-size:.88rem;font-weight:600;color:var(--text)
}
.install-block ol{
  margin:0;padding-left:1.15rem;color:var(--muted);font-size:.78rem;line-height:1.55
}
.install-block li{margin:.28rem 0}
.install-block strong{color:var(--text);font-weight:600}
.install-shots{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px
}
.install-shot{margin:0}
.install-shot img{
  display:block;width:100%;height:auto;border-radius:14px;
  border:1px solid var(--line);background:#050b12;
  aspect-ratio:9/16;object-fit:cover;object-position:top center
}
.install-shot figcaption{
  margin-top:6px;font-size:.68rem;line-height:1.35;color:var(--muted);text-align:center
}
#btnInstallPwa{width:100%;margin-top:4px}
.auth-legal{display:grid;gap:9px;margin:12px 0 4px}
.auth-check{
  display:flex;gap:8px;align-items:flex-start;font-size:.72rem;color:var(--muted);line-height:1.4;cursor:pointer
}
.auth-check input{margin-top:2px;flex:0 0 auto;accent-color:var(--gold)}
.auth-check a{color:var(--gold2);text-decoration:underline;text-underline-offset:2px}
.field .opt{text-transform:none;letter-spacing:0;font-weight:400;opacity:.75}
.field{margin:10px 0}
.field label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:6px}
.field input{
  width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);
  background:rgba(0,0,0,.22);color:var(--text);font-size:16px
}
.field input:focus{outline:1px solid rgba(198,164,90,.5)}
.btn{
  border:0;border-radius:999px;padding:12px 16px;font-weight:650;cursor:pointer;
  display:flex;align-items:center;justify-content:center;width:100%
}
.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1408;margin-top:6px}
.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text);margin-top:12px}

/* App logado */
.app-wrap{
  height:100%;
  width:100%;
  display:flex;
  flex-direction:column;
  padding:calc(var(--safe-t) + 12px) var(--pad) 0;
  overflow:hidden;
}
.app-top{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:12px;flex-shrink:0;
}
.app-hello{min-width:0;flex:1}
.app-hello .eyebrow{display:block;color:var(--gold2);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;margin-bottom:2px}
.app-hello .name{font-size:1.4rem;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app-hello .hello-tier{margin-top:4px;line-height:1.35;max-width:92%}
.app-mark{width:36px;height:36px;border-radius:10px;flex-shrink:0}

.tab-body{
  flex:1 1 auto;
  min-height:0;
  min-width:0;
  width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  padding-bottom:calc(var(--nav) + var(--safe-b) + 12px);
  opacity:1;
  transition:opacity .28s ease;
}
.tab-body.is-fading{opacity:0}
.tab-body.is-refreshing{opacity:.72;pointer-events:none}

/* Loading sutil (troca de aba / fetch) */
.app-load-bar{
  position:absolute;top:0;left:0;right:0;z-index:40;
  height:2px;overflow:hidden;pointer-events:none;
  background:transparent;
}
.app-load-bar.is-on::after{
  content:"";display:block;height:100%;width:40%;
  background:linear-gradient(90deg,transparent,var(--gold2),var(--gold),transparent);
  animation:appLoadSlide 1.05s ease-in-out infinite;
}
.load-card{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;gap:8px;padding:40px 16px;min-height:220px
}
.load-card strong{font-weight:600;letter-spacing:.01em}
.load-spinner{
  width:34px;height:34px;margin-bottom:6px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.12);border-top-color:var(--gold);
  animation:spin .75s linear infinite
}
@keyframes appLoadSlide{
  0%{transform:translateX(-120%)}
  100%{transform:translateX(320%)}
}

.empty-state{
  text-align:center;padding:28px 16px;color:var(--muted)
}
.empty-state .empty-mark{
  width:36px;height:2px;margin:0 auto 14px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--gold2),transparent);opacity:.7
}
.empty-state strong{display:block;color:var(--text);font-size:.9rem;font-weight:600;margin-bottom:6px}
.empty-state p{margin:0;font-size:.74rem;line-height:1.5}

.tier-card[data-goto]{cursor:pointer}
.tier-benefits-link{margin:0 0 10px;color:var(--gold2)!important}

.categoria-now{margin:8px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.categoria-benefits ul,.categoria-item ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.78rem;line-height:1.55}
.categoria-benefits li,.categoria-item li{margin:.25rem 0}
.categoria-list{display:grid;gap:10px;margin-top:8px}
.categoria-item{
  border:1px solid var(--line);border-radius:14px;padding:12px;
  background:rgba(0,0,0,.12);opacity:.72
}
.categoria-item.is-unlocked{opacity:1}
.categoria-item.is-current{
  border-color:color-mix(in srgb, var(--tier-accent,#C6A45A) 55%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tier-accent,#C6A45A) 25%, transparent);
  opacity:1
}
.categoria-item-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}
.categoria-item-top strong{font-size:.92rem}
.categoria-item-top span{color:var(--muted);font-size:.74rem}

.docs-card{display:flex;flex-direction:column;min-height:min(70vh,640px);padding-bottom:10px}
.docs-frame-wrap{
  flex:1;min-height:52vh;border-radius:12px;overflow:hidden;
  border:1px solid var(--line);background:#0b1220
}
.docs-frame{width:100%;height:100%;min-height:52vh;border:0;background:#0b1220}
.comprovante-row .btn-sm{width:auto}

.card{
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%),var(--panel);
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  margin-bottom:12px;
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.eyebrow{color:var(--gold2);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600}
.hero-value{font-family:var(--display);font-size:2rem;line-height:1.05;margin:.25rem 0 .55rem;word-break:break-word}
.tier-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.tier-pill{
  --tier-accent:#C6A45A;
  display:inline-flex;padding:4px 10px;border-radius:999px;font-size:.7rem;font-weight:600;
  background:color-mix(in srgb, var(--tier-accent) 16%, transparent);
  border:1px solid color-mix(in srgb, var(--tier-accent) 42%, transparent);
  color:var(--tier-accent);
}
.progress{height:5px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden}
.progress > i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2))}

.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.kpi{
  background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 40%),var(--panel);
  border:1px solid var(--border);border-radius:16px;padding:12px;min-width:0;overflow:hidden;
}
.kpi span{display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px}
.kpi strong{display:block;font-size:.95rem;line-height:1.25;overflow-wrap:anywhere}
.kpi em{display:block;font-style:normal;color:var(--muted);font-size:.68rem;margin-top:4px}

.panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.panel-head h3{font-size:1.1rem}
.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.muted{color:var(--muted)} .tiny{font-size:.74rem} .center{text-align:center}
.chart-empty{
  min-height:80px;display:grid;place-items:center;text-align:center;
  color:var(--muted);font-size:.8rem;border:1px dashed var(--line);border-radius:12px;padding:12px;
}
.chart{width:100%;height:100px;display:block}
.chart-line{stroke:var(--gold2);stroke-width:2.2;fill:none}
.chart-area{fill:rgba(198,164,90,.15)}
.list .row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.list .row:last-child{border-bottom:0}
.amt{font-weight:600;white-space:nowrap}
.amt.pos{color:var(--green)} .amt.neg{color:#f0b4b4}

.chip-row{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;margin-bottom:4px;width:100%}
.chip{
  border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text);
  border-radius:999px;padding:6px 12px;font-size:.74rem;font-weight:600;white-space:nowrap;cursor:pointer;flex:0 0 auto
}
.chip.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1408;border-color:transparent}

.bottom-nav{
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  bottom:calc(8px + var(--safe-b));
  height:56px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:2px;
  background:rgba(11,28,42,.97);
  border:1px solid var(--border);
  border-radius:18px;
  padding:4px;
  z-index:20;
}
.nav-item{
  border:0;background:transparent;color:var(--muted);
  font-size:.58rem;font-weight:600;border-radius:12px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0
}
.nav-item svg{width:17px;height:17px}
.nav-item.active{color:var(--gold2);background:rgba(198,164,90,.14)}

.profile{text-align:center;padding:18px 8px}
.avatar{
  width:64px;height:64px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;
  background:linear-gradient(135deg,rgba(198,164,90,.35),rgba(26,58,89,.9));
  border:1px solid var(--border);font-size:1.4rem;font-family:var(--display)
}
.links a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--muted)}
.links a:last-child{border:0}
.links .link-btn{
  display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);
  background:transparent;color:var(--muted);text-align:left;font:inherit;cursor:pointer
}
.links .link-btn:last-child{border:0}
.alert.unread strong{color:var(--gold2)}
.err-box{color:#fecaca;border-color:rgba(224,122,122,.35)}

#toast{
  position:fixed;left:var(--pad);right:var(--pad);
  bottom:calc(var(--nav) + var(--safe-b));
  z-index:40;opacity:0;pointer-events:none;
  background:rgba(15,30,45,.96);border:1px solid var(--border);color:var(--text);
  padding:10px 14px;border-radius:12px;font-size:.84rem;text-align:center;
  transition:opacity .25s ease;
}
#toast.show{opacity:1}
#toast.err{border-color:rgba(224,122,122,.45);color:#fecaca}
.version-badge{display:none}

/* ---- Home estilo Cadence (1.html) ---- */
.risk-banner{
  display:flex;align-items:flex-start;gap:10px;
  padding:10px 12px;margin-bottom:12px;border-radius:12px;
  background:rgba(217,123,108,.10);border:1px solid rgba(217,123,108,.28);
  color:#f0c2b8;font-size:.72rem;line-height:1.45;
}
.risk-banner svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}

.tier-card .tier-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}
.tier-badge-row{display:flex;align-items:center;gap:12px;min-width:0}
.tier-badge{
  flex:0 0 auto;width:46px;height:46px;border-radius:14px;
  display:grid;place-items:center;
  background:color-mix(in srgb, var(--tier-accent,#34d399) 18%, transparent);
  border:1px solid color-mix(in srgb, var(--tier-accent,#34d399) 45%, transparent);
  box-shadow:0 8px 22px color-mix(in srgb, var(--tier-accent,#34d399) 22%, transparent);
}
.tier-badge-svg{width:34px;height:34px;display:block}
.tier-title{font-size:1.55rem;line-height:1.05;margin-top:2px}
.tier-hint{margin:.55rem 0 .85rem;line-height:1.4}
.tier-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.btn-sm{padding:10px 12px;font-size:.84rem;margin-top:0}
.btn.ghost{margin-top:0}

.kpi-grid.kpi-4{grid-template-columns:1fr 1fr}
.kpi-top{display:flex;justify-content:flex-end;margin-bottom:6px;min-height:18px}
.kpi-trend{
  font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.02em;
}
.kpi-trend.up{background:rgba(125,206,160,.14);color:var(--green)}
.kpi-trend.down{background:rgba(224,122,122,.14);color:#f0b4b4}
.kpi-pill{
  font-size:.62rem;font-weight:700;padding:2px 7px;border-radius:999px;letter-spacing:.04em;
  background:rgba(198,164,90,.16);color:var(--gold2)
}
.kpi strong.pos{color:var(--green)}
.kpi strong.neg{color:#f0b4b4}

.panel-title{font-family:var(--display);font-size:1.2rem;line-height:1.1}
.panel-sub{color:var(--muted);font-size:.72rem;margin-top:3px}
.panel-head.col{flex-direction:column;align-items:stretch;gap:10px}
.seg{display:flex;gap:4px;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:999px;padding:3px}
.seg button{
  flex:1;border:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:600;
  padding:6px 8px;border-radius:999px;cursor:pointer
}
.seg button.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1408}

.evo-gain-badge{display:flex;align-items:center;gap:8px;margin:4px 0 10px;flex-wrap:wrap}
.evo-gain-text{color:var(--muted);font-size:.74rem}
.evo-chart{width:100%;height:160px;display:block}
.evo-chart .grid{stroke:rgba(255,255,255,.06)}
.evo-chart .pat-line{fill:none;stroke:#B89C5E;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.evo-chart .cap-line{fill:none;stroke:rgba(255,255,255,.32);stroke-width:1.5;stroke-dasharray:4 4}
.evo-labels{font-size:9px;fill:rgba(246,247,248,.42)}
.chart-legend{display:flex;gap:16px;margin-top:8px;font-size:.7rem;color:var(--muted)}
.chart-legend i{display:inline-block;width:12px;height:2px;margin-right:6px;vertical-align:middle}
.chart-legend .lg-pat{background:#B89C5E}
.chart-legend .lg-cap{background:rgba(255,255,255,.35)}

.donut{width:140px;height:140px;margin:4px auto 0;display:block;overflow:visible}
.dist-legend{display:flex;flex-direction:column;gap:10px;margin-top:14px;font-size:.78rem}
.dist-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:8px}
.dist-legend .dot.gold{background:#B89C5E}
.dist-legend .dot.green{background:#4FAE83}
.dist-legend b{float:right}
.dist-amounts{margin-top:12px;display:grid;gap:8px;font-size:.74rem;color:var(--muted)}
.dist-amounts div{display:flex;justify-content:space-between;gap:8px}
.dist-amounts strong{color:var(--text);font-weight:600}

.move-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}
.badge{
  display:inline-flex;align-items:center;padding:2px 7px;border-radius:999px;
  font-size:.62rem;font-weight:700;letter-spacing:.02em;margin-bottom:4px
}
.badge.ok{background:rgba(125,206,160,.14);color:var(--green)}
.badge.pending{background:rgba(198,164,90,.16);color:var(--gold2)}
.badge.fail{background:rgba(224,122,122,.14);color:#f0b4b4}
.move-main{min-width:0;flex:1}
.move-main strong{display:block;font-size:.82rem;line-height:1.3;font-weight:500}
.footnote{font-size:.68rem;color:var(--muted);margin-top:12px;line-height:1.55}

/* ---- Saque in-app ---- */
.saque-rules{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}
.saque-methods{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 8px}
.saque-method{
  border:1px solid var(--border);background:transparent;color:var(--muted);
  border-radius:12px;padding:10px;font-size:.82rem;font-weight:600;cursor:pointer
}
.saque-method.active{color:#1a1408;background:linear-gradient(135deg,var(--gold),var(--gold2));border-color:transparent}
.saque-method-msg{margin:0 0 8px;color:#f0b4b4}
.saque-label{font-size:.72rem;color:var(--muted);margin:12px 0 8px;font-weight:600}
.saque-tipos{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
.saque-tipo{
  text-align:left;border:1px solid var(--border);background:rgba(0,0,0,.15);
  border-radius:14px;padding:10px;cursor:pointer;color:var(--text);min-width:0
}
.saque-tipo strong{display:block;font-size:.74rem;font-weight:600;line-height:1.25}
.saque-tipo span{display:block;font-size:.9rem;font-weight:700;margin-top:4px}
.saque-tipo em{display:block;font-style:normal;font-size:.64rem;color:var(--muted);margin-top:4px}
.saque-tipo.active{border-color:rgba(198,164,90,.55);background:rgba(198,164,90,.12)}
.saque-tipo.is-blocked{opacity:.55}
.saque-amount-row{display:flex;gap:8px;align-items:center}
.saque-amount-row input{
  flex:1;min-width:0;width:100%;padding:12px 14px;border-radius:12px;
  border:1px solid var(--border);background:rgba(0,0,0,.2);color:var(--text);font-size:.95rem
}
.saque-usdt-reg input{
  width:100%;padding:12px 14px;border-radius:12px;
  border:1px solid var(--border);background:rgba(0,0,0,.2);color:var(--text);font-size:.9rem
}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* ---- Checkout aporte (webapp) ---- */
.aporte-card{position:relative}
.aporte-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}
.aporte-products{display:grid;gap:10px}
.aporte-product{
  display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;
  border:1px solid var(--border);background:rgba(0,0,0,.16);border-radius:16px;padding:14px 14px;
  color:var(--text);cursor:pointer
}
.aporte-product strong{display:block;font-size:.95rem;font-weight:600}
.aporte-product em{display:block;font-style:normal;font-size:.72rem;color:var(--muted);margin-top:4px}
.aporte-product span{font-weight:700;white-space:nowrap}
.aporte-product:active,.aporte-bank.active{border-color:rgba(198,164,90,.55);background:rgba(198,164,90,.12)}
.aporte-banks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.aporte-bank{
  text-align:left;border:1px solid var(--border);background:rgba(0,0,0,.15);
  border-radius:14px;padding:12px;color:var(--text);cursor:pointer
}
.aporte-bank strong{display:block;font-size:.82rem}
.aporte-bank em{display:block;font-style:normal;font-size:.64rem;color:var(--muted);margin-top:4px;line-height:1.35}
.aporte-bank.is-disabled{opacity:.45}
.aporte-presets{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.aporte-presets .chip{cursor:pointer}
.aporte-card .field input{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--border);
  background:rgba(0,0,0,.2);color:var(--text);font-size:1.05rem;font-weight:600
}
.aporte-pix-head{text-align:center;margin-bottom:12px}
.aporte-valor{font-size:2rem;line-height:1.1;margin-top:6px}
.aporte-qr-wrap{display:grid;place-items:center;margin:8px 0 14px}
.aporte-qr{
  width:min(220px,70vw);height:auto;border-radius:16px;background:#fff;padding:10px;
  box-shadow:0 12px 40px rgba(0,0,0,.25)
}
.pix-copy-box label{display:block;font-size:.72rem;color:var(--muted);margin-bottom:6px}
.pix-copy-box code{
  display:block;word-break:break-all;font-size:.68rem;line-height:1.4;
  padding:10px;border-radius:12px;background:rgba(0,0,0,.22);border:1px solid var(--border);
  margin-bottom:10px;max-height:88px;overflow:auto
}
.aporte-pending{text-align:center;padding:28px 12px}
.aporte-pending .spinner{
  width:28px;height:28px;margin:0 auto 12px;border-radius:50%;
  border:2px solid rgba(184,156,94,.25);border-top-color:var(--gold2);
  animation:spin .8s linear infinite
}
.deposit-disclaimer{
  margin:12px 0 14px;padding:12px 14px;border-radius:14px;
  background:rgba(184,156,94,.08);border:1px solid rgba(184,156,94,.22)
}
.deposit-disclaimer p{
  margin:0;font-size:.78rem;line-height:1.55;color:var(--muted)
}
.deposit-disclaimer strong{color:var(--text);font-weight:600}
.poll-line{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}
.poll-line .dot{
  width:8px;height:8px;border-radius:50%;background:var(--gold);
  animation:pulse 1.2s ease-in-out infinite
}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{0%,100%{opacity:.35}50%{opacity:1}}

/* ---- Suporte in-app ---- */
.support-card{display:flex;flex-direction:column;min-height:min(62vh,520px);padding-bottom:12px}
.support-faq{margin:8px 0 12px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:rgba(0,0,0,.12)}
.support-faq summary{cursor:pointer;color:var(--muted);font-size:.78rem;font-weight:600;list-style:none}
.support-faq summary::-webkit-details-marker{display:none}
.support-faq-list{margin-top:10px;display:grid;gap:10px}
.support-faq-item strong{display:block;font-size:.78rem;margin-bottom:3px}
.support-faq-item p{margin:0;font-size:.72rem;color:var(--muted);line-height:1.45}
.support-messages{
  flex:1;min-height:220px;max-height:42vh;overflow:auto;display:flex;flex-direction:column;gap:10px;
  padding:8px 2px 12px;margin-bottom:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.support-empty{padding:28px 8px}
.support-msg{display:flex;flex-direction:column;max-width:88%}
.support-msg.mine{align-self:flex-end;align-items:flex-end}
.support-msg.theirs{align-self:flex-start;align-items:flex-start}
.support-bubble{
  padding:10px 12px;border-radius:14px;font-size:.84rem;line-height:1.4;word-break:break-word
}
.support-msg.mine .support-bubble{
  background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1408;border-bottom-right-radius:4px
}
.support-msg.theirs .support-bubble{
  background:rgba(255,255,255,.06);border:1px solid var(--line);color:var(--text);border-bottom-left-radius:4px
}
.support-time{font-size:.62rem;color:var(--muted);margin-top:3px}
.support-compose{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.support-compose textarea{
  width:100%;min-height:44px;max-height:120px;resize:vertical;border-radius:12px;
  border:1px solid var(--border);background:rgba(0,0,0,.2);color:var(--text);
  padding:10px 12px;font:inherit;font-size:.84rem
}
.support-compose .btn{margin:0;padding:12px 16px;white-space:nowrap}

@media (max-width:360px){
  :root{--pad:12px}
  .kpi-grid{grid-template-columns:1fr}
  .saque-tipos{grid-template-columns:1fr}
  .aporte-banks{grid-template-columns:1fr}
}

@media (min-width:900px){
  body{
    display:grid;
    place-items:center;
    background:
      radial-gradient(900px 520px at 50% 18%, rgba(198,164,90,.14), transparent 58%),
      linear-gradient(165deg,var(--bg0),var(--bg1) 40%,#0A1824);
  }
  #app-root{
    position:relative;
    width:390px;
    height:min(820px, calc(var(--vvh) - 40px));
    border-radius:28px;
    border:1px solid var(--border);
    box-shadow:0 36px 90px rgba(0,0,0,.45);
    overflow:hidden;
  }
  .version-badge{
    display:block;position:fixed;top:16px;right:16px;
    font-size:.64rem;font-weight:700;letter-spacing:.06em;
    padding:.28rem .55rem;border-radius:999px;
    background:rgba(14,36,51,.75);border:1px solid rgba(198,164,90,.35);color:var(--gold2);
  }
}