/*! © 2026 Caderno Inteligente do Concurseiro (cadernoconcurseiro.com.br). Todos os direitos reservados. Proibida a cópia, a reprodução ou a redistribuição sem autorização (Lei 9.609/98 e Lei 9.610/98). */
/* Tela de login — usa as mesmas variáveis de cor do estilo.css */
.auth{min-height:100vh;display:grid;place-items:center;padding:24px 16px;background:var(--bg)}
.auth-box{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-2);padding:28px 24px;display:grid;gap:14px}
.auth-box h1{margin:0;font-family:var(--f-display);font-size:20px;font-weight:600;letter-spacing:-.01em}
.auth-sub{margin:0;color:var(--muted);font-size:13.5px}
.auth-msg{margin:0;padding:8px 10px;border-radius:var(--r-xs);background:var(--accent-soft);color:var(--accent-2);font-size:13px}
.auth-msg.erro{background:var(--red-soft);color:var(--red)}
#auth-form{display:grid;gap:14px}
#auth-email{display:grid;gap:12px}
#auth-email label{display:grid;gap:4px;font-size:12.5px;font-weight:500;color:var(--fg-2)}
#auth-email input{height:38px;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 10px;background:var(--surface)}
#auth-email input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}
#auth-form .btn{width:100%;height:38px}
.auth-ou{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px}
.auth-ou::before,.auth-ou::after{content:"";flex:1;height:1px;background:var(--line)}
.auth-links{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.auth-link{background:none;border:0;padding:0;color:var(--accent);font-size:12.5px}
.auth-link:hover{text-decoration:underline}
.sair-l{background:none;border:0;padding:0;font:inherit;color:var(--accent)}
.sair-l:hover{text-decoration:underline}
/* No celular o subtítulo some; mantemos só o link "Sair" visível */
@media (max-width:640px){.brand small{display:block!important;font-size:0}.brand small .sair-l{font-size:12px}}
.auth-logo{width:120px;height:120px;display:block;margin:0 auto;border-radius:18px}
.auth-box h1{text-align:center}
.auth-box > .auth-sub{text-align:center}
:root[data-mode="dark"] .auth-logo{background:#fff;padding:4px}
.auth-espera{display:grid;gap:10px;padding:14px;border-radius:var(--r-sm);background:var(--accent-soft);color:var(--fg);font-size:13.5px;line-height:1.5}
.auth-espera p{margin:0}
.auth-espera b#auth-espera-email{word-break:break-all}
.auth-espera .btn{width:100%;height:38px}

/* Preço, aceite dos Termos e links legais na tela de login */
.auth-preco a,.auth-legal a,.auth-aceite a,.auth-rodape a{color:var(--accent)}
.auth-legal{margin:-4px 0 0;color:var(--muted);font-size:12px;line-height:1.45;text-align:center}
#auth-email label.auth-aceite{display:flex;align-items:flex-start;gap:8px;font-weight:400;font-size:12.5px;line-height:1.45;color:var(--fg-2)}
#auth-email label.auth-aceite input{height:auto;width:auto;margin:2px 0 0;flex:none;padding:0;box-shadow:none}
.auth-rodape{margin:4px 0 0;text-align:center;font-size:12px;color:var(--faint)}

/* Teste grátis e assinatura: aviso abaixo do cabeçalho e janela "Assinatura" */
#assin-b[hidden]+.assin-sep{display:none}
.assin-aviso{box-sizing:border-box;width:calc(100% - 40px);max-width:1080px;margin:10px auto 0;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--accent-soft);color:var(--fg);font-size:13.5px;line-height:1.45}
.assin-aviso[hidden]{display:none}
.assin-aviso[data-e="expirado"]{background:var(--red-soft);border-color:transparent}
.assin-aviso .btn{flex:none}
@media (max-width:640px){.assin-aviso{width:calc(100% - 32px);margin-top:8px}.brand small .assin-sep{font-size:12px}}
.assin-corpo{display:grid;gap:12px;font-size:14px;line-height:1.5}
.assin-corpo p{margin:0}
.assin-corpo .btn{justify-self:start}
.assin-corpo a{color:var(--accent)}
/* Com o link "Assinatura" no cabeçalho, o slogan sai para não espremer o nome do app */
.brand small:has(#assin-b:not([hidden])) .btag{display:none}