/* login.css — telas de autenticação (login, definir senha): fundo em gradiente
   roxo-vinho (hero), card branco central. Compartilhado via .tela-auth. */

.tela-auth {
  display: none;
  min-height: 100vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  background: linear-gradient(135deg, var(--primary) 0%, #7a0a63 45%, #a3155f 100%);
}
.tela-auth.active { display: flex; }

.login-box {
  width: min(360px, 90vw);
  background: var(--panel);
  border: none;
  border-radius: var(--radius);
  padding: 36px 32px;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.25);
}
.logo-login { height: 44px; width: auto; display: block; margin: 0 auto 12px; }
.login-box h2 { text-align: center; margin-bottom: 8px; }
.login-box .muted { margin-bottom: 20px; display: block; text-align: center; }
.login-box .btn-primary { width: 100%; }
.login-esqueci { display: block; margin: 12px auto 0; }

.login-footer { color: rgba(255, 255, 255, 0.75); font-size: 13px; margin: 0; }
.login-footer a { color: #fff; font-weight: 600; text-decoration: none; }