/* GAVETA: visual da Conta Convendas (login único) */
:root{--navy:#0F1D38;--navy2:#172E57;--gold:#E2BD45;--ink:#1A2433;--muted:#5E6A7C;--line:#E3E7ED;--bg:#EEF1F5;--good:#2E9E6A;--bad:#D64545;--blue:#2F6FD0}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%}
body{font:16px/1.5 'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--navy) 0%,var(--navy2) 100%);min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.cartao{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:14px}
.cartao.largo{max-width:760px}
.marca{display:flex;flex-direction:column;line-height:1}
.marca b{font:italic 800 30px 'Barlow Condensed','Arial Narrow',sans-serif;letter-spacing:.03em;color:var(--navy)}
.marca small{font-size:10.5px;font-weight:800;letter-spacing:.46em;color:#B08A1E;margin-top:6px}
h1{font-size:21px;margin:6px 0 0}
p{margin:0;color:var(--muted)}
label{font-size:13px;font-weight:700;color:var(--muted);display:flex;flex-direction:column;gap:5px}
input{font:inherit;padding:12px 13px;border:1.5px solid var(--line);border-radius:10px;color:var(--ink)}
input:focus{outline:none;border-color:var(--blue)}
button,.btn{font:inherit;font-weight:800;border:0;border-radius:10px;padding:13px 16px;cursor:pointer;background:var(--navy);color:#fff;text-decoration:none;text-align:center;display:inline-block}
.btn.sec{background:#F3F6FA;color:var(--navy)}
.btn.ouro{background:var(--gold);color:#231A00}
button:focus-visible,.btn:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.link{background:none;padding:0;color:var(--blue);font-weight:700;font-size:14px}
.erro{color:var(--bad);font-weight:700;font-size:14px}
.ok{color:var(--good);font-weight:700;font-size:14px}
.pilha{display:flex;flex-direction:column;gap:10px}
.quem{background:#F3F6FA;border-radius:12px;padding:12px 14px;font-weight:700}
.quem small{display:block;color:var(--muted);font-weight:600}
.testes{display:flex;flex-direction:column;gap:8px}
.teste{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;border:1px solid var(--line);border-radius:12px;padding:12px}
.teste i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff;background:#AEB6C2}
.teste.passou i{background:var(--good)}.teste.falhou i{background:var(--bad)}
.teste b{display:block}
.teste span{font-size:14px;color:var(--muted)}
code{font-size:13px;background:#F3F6FA;border-radius:6px;padding:1px 6px;word-break:break-all}
.linha{display:flex;gap:10px;flex-wrap:wrap}