/* 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}