/* =============================================================================
   /deixa-na-mesa/ — o Simulador do SDR (16/10/2026). Em cima de /assets/quanto-ganha.css
   (mesmo navy + dourado, Fraunces + Outfit, sem linhas entre blocos, zero emoji).
   Aqui só o que é desta página: as abas dos 5 perfis, as perguntas da carteira, os três
   resultados (1 · 6 · 12 meses), o bloco da renda de 36 meses e o painel do SDR.
   Nada pode passar de 390 px: as abas quebram linha (sem barra de rolagem, que no Windows é branca).
   ============================================================================= */
:root{color-scheme:dark} /* barra de rolagem escura no Chrome do Windows (QA B6) */
.abas{display:flex;flex-wrap:wrap;gap:6px;padding:5px;border-radius:14px;background:var(--navy-900);margin-top:30px;box-shadow:var(--sombra);max-width:100%}
.abas button{flex:1 1 auto;border:0;background:none;color:var(--muted);font:600 15px var(--font-body);padding:12px 16px;border-radius:10px;cursor:pointer;white-space:nowrap}
.abas button.on{background:linear-gradient(180deg,var(--gold-bright),var(--gold-deep));color:var(--navy-900)}
.perfil-txt{margin-top:26px}
.perfil-txt h3{font-size:clamp(24px,3.2vw,34px);color:var(--gold-bright);max-width:26ch}
.perfil-txt p{color:var(--muted);margin-top:8px;max-width:60ch}
.bases{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.base{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;background:var(--card);box-shadow:var(--sombra);min-width:0;flex:1 1 180px}
.base span{font-size:13.5px;color:var(--muted)}
.base input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(27,71,97,.6);background:var(--navy-900);color:var(--ink);font:600 20px var(--font-body)}
.base input:focus,.st input.qt:focus{outline:none;border-color:rgba(191,156,82,.6);box-shadow:0 0 0 3px rgba(191,156,82,.2)}
/* a taxa única (6% — Ricardo, 16/10): "de cada 100…", o total e a divisão */
.taxa{margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(160deg,rgba(191,156,82,.16),rgba(14,42,59,.8));box-shadow:var(--sombra)}
.taxa label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.taxa span{font-size:14.5px;color:var(--ink);flex:1 1 220px}
.taxa input{width:84px;text-align:center;padding:9px 8px;border-radius:10px;border:1px solid rgba(191,156,82,.5);background:var(--navy-900);color:var(--gold-bright);font:700 20px var(--font-body)}
.taxa input:focus{outline:none;box-shadow:0 0 0 3px rgba(191,156,82,.25)}
.taxa .total{margin-top:8px;color:var(--gold-soft);font-size:14px}
.pergunta{font-family:var(--font-display);font-size:20px;color:var(--ink);margin-bottom:4px}
.grupo{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-soft);margin-top:12px}
.si .dica{color:var(--gold-soft);margin-top:4px}
.st .porano{font-size:12px;color:var(--faint);margin-right:2px}
.st input.qt{width:64px;text-align:center;padding:7px 6px;border-radius:10px;border:1px solid rgba(27,71,97,.6);background:var(--navy-900);color:var(--ink);font:700 18px var(--font-body)}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.tres .v{font-size:clamp(22px,2.4vw,30px)}
.kpi .banco{font-family:var(--font-display);font-size:19px;color:var(--ink);margin-top:14px}
.kpi .cli{color:var(--gold-soft)}
.kpi.renda{background:rgba(39,245,168,.07)}
.kpi.renda .v{color:var(--good)}
.kpi.renda b{color:var(--ink)}

/* o painel do SDR (só aparece com a chave dele no endereço) */
.sdr{margin-top:34px;padding:26px;border-radius:20px;background:linear-gradient(160deg,rgba(191,156,82,.2),rgba(14,42,59,.86));box-shadow:var(--sombra)}
.sdr[hidden]{display:none}
.sdr h3{font-size:24px}
.sdr .quem{color:var(--muted);margin-top:4px}
.sdr .linha2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sdr label{display:block;font-size:13.5px;color:var(--muted);margin:14px 0 6px;font-weight:500}
.sdr input{width:100%;padding:13px;border-radius:10px;border:1px solid rgba(27,71,97,.6);background:rgba(10,34,48,.8);color:var(--ink);font-size:16px;font-family:var(--font-body)}
.sdr input:focus{outline:none;border-color:rgba(191,156,82,.6);box-shadow:0 0 0 3px rgba(191,156,82,.2)}
.sdr input.erro{border-color:var(--bad)}
.sdr .botoes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.sdr .botoes .btn-gold{width:100%;font-size:16px;padding:15px 18px;margin-top:0}
.sdr button[disabled]{opacity:.6;cursor:wait}
.sdr .btn-sec{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:15px 18px;border-radius:12px;border:1px solid rgba(191,156,82,.5);background:rgba(8,26,37,.6);color:var(--gold-bright);font:700 16px var(--font-body);cursor:pointer}
.sdr .msg{margin-top:14px;font-size:14.5px;min-height:1em}
.sdr .msg.erro{color:#ff8fa0}
.sdr .msg.ok{color:var(--good)}
.sdr .pronto{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}
.sdr .pronto a{flex:1 1 220px}
.sdr-off{margin-top:34px;padding:22px;border-radius:16px;background:var(--card);color:#ffb085;font-weight:600}
.sdr-off[hidden]{display:none}

@media(max-width:560px){
  .tres{grid-template-columns:1fr}
  .sdr .linha2,.sdr .botoes{grid-template-columns:1fr}
  .sdr{padding:20px}
  .st{flex-wrap:wrap}
}

/* ============================================================================
   RODADA 4 (Ricardo, 16/10, noite): "muito pequenininho para ler" — letra MAIOR, frase menor.
   Só dentro do simulador (as outras páginas que usam quanto-ganha.css não mudam).
   ============================================================================ */
[data-simulador-mesa] .perfil-txt h3{font-size:clamp(26px,3.6vw,38px)}
[data-simulador-mesa] .perfil-txt p{font-size:clamp(18px,2.1vw,21px);color:var(--ink)}
[data-simulador-mesa] .base span{font-size:16px}
[data-simulador-mesa] .base.destaque{background:linear-gradient(160deg,rgba(191,156,82,.22),rgba(14,42,59,.82))}
[data-simulador-mesa] .base.destaque span{color:var(--gold-bright);font-weight:600}
[data-simulador-mesa] .base.destaque input{font-size:24px;color:var(--gold-bright)}
[data-simulador-mesa] .taxa label{gap:12px}
[data-simulador-mesa] .taxa .rot{font-size:18px;font-weight:600;color:var(--ink);flex:1 1 160px}
[data-simulador-mesa] .taxa .campo{display:inline-flex;align-items:center;gap:6px}
[data-simulador-mesa] .taxa .campo b{font:700 24px var(--font-body);color:var(--gold-bright)}
[data-simulador-mesa] .taxa input{font-size:24px;width:92px}
[data-simulador-mesa] .taxa .explica{margin-top:10px;font-size:16.5px;color:var(--ink);line-height:1.5}
[data-simulador-mesa] .taxa .total{font-size:17px;font-weight:600}
[data-simulador-mesa] .pergunta{font-size:23px}
[data-simulador-mesa] .grupo{font-size:15px;margin-top:16px}
[data-simulador-mesa] .grupo span{letter-spacing:normal;text-transform:none;color:var(--muted)}
[data-simulador-mesa] .grupo-conta{font-size:17px;font-weight:600;color:var(--ink)}
[data-simulador-mesa] .si b{font-size:18px}
[data-simulador-mesa] .si small{font-size:15px}
[data-simulador-mesa] .si label{font-size:15px}
[data-simulador-mesa] .si input{font-size:17px}
[data-simulador-mesa] .si .dica{font-size:15px}
[data-simulador-mesa] .st .porano{font-size:14px}
[data-simulador-mesa] .kpi .l{font-size:13.5px}
[data-simulador-mesa] .kpi .d{font-size:16px}
[data-simulador-mesa] .kpi .banco{font-size:22px}
[data-simulador-mesa] .modo button{font-size:16.5px}
[data-simulador-mesa] .nota{font-size:15px;color:var(--muted)}
.abas button{font-size:16.5px}