/* ============================================================
   styles/auth.css
   ------------------------------------------------------------
   Estilos exclusivos da tela de login. Usa as MESMAS variáveis
   de cor/tipografia e as mesmas classes de botão/campo do resto
   do sistema (.btn, .field) — não introduz uma linguagem visual
   nova, só o layout de tela cheia centralizada.
   ============================================================ */
.auth-screen{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:var(--bg);
  background-image:radial-gradient(circle at 15% 10%, rgba(110,36,56,0.07), transparent 45%),
                    radial-gradient(circle at 85% 90%, rgba(33,60,48,0.06), transparent 45%);
}
.auth-card{
  width:100%;
  max-width:380px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow-lift);
  padding:34px 30px;
}
.auth-brand{text-align:center;margin-bottom:26px;}
.auth-logo{
  width:52px;height:52px;border-radius:16px;margin:0 auto 12px;
  background:var(--marsala);color:var(--rose-light);
  display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;font-weight:700;
}
.auth-brand .mark{font-family:var(--font-display);font-weight:700;font-size:22px;color:var(--marsala-dark);}
.auth-brand .sub{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-faint);font-weight:700;margin-top:4px;}
.auth-form .field{margin-bottom:14px;}
.auth-form .btn{width:100%;justify-content:center;margin-top:6px;}
.auth-error{background:var(--danger-bg);color:var(--danger);border:1px solid #E7B9B3;border-radius:10px;padding:10px 12px;font-size:12.5px;margin-bottom:14px;display:none;}
.auth-error.active{display:block;}
.auth-hint{text-align:center;font-size:11.5px;color:var(--ink-faint);margin-top:18px;line-height:1.5;}

/* "Esqueci minha senha" (link discreto abaixo do campo de senha) e as
   mensagens informativas das telas de recuperação/troca de senha */
.auth-link-btn{background:none;border:none;padding:0;margin:-6px 0 14px;font-size:12.5px;font-weight:700;color:var(--marsala);text-align:left;cursor:pointer;}
.auth-link-btn:hover{text-decoration:underline;}
.auth-message{font-size:12.5px;color:var(--ink-soft);text-align:center;margin-bottom:16px;line-height:1.5;}
.auth-message.success{color:var(--success);font-weight:700;}

/* usuário logado + botão "Sair" no rodapé da sidebar */
.sidebar-user{
  display:flex;flex-direction:column;gap:8px;
}
.sidebar-user #userLabel{font-size:12px;color:rgba(246,233,234,0.85);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sidebar-user-actions{display:flex;gap:6px;}
.sidebar-user button{
  background:rgba(255,255,255,0.08);border:none;color:#fff;font-size:11px;font-weight:700;
  padding:5px 10px;border-radius:8px;
}
.sidebar-user button:hover{background:rgba(255,255,255,0.16);}

.auth-loading{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  color:var(--ink-faint);font-size:13.5px;background:var(--bg);
}