/* ============================================================
   QAD Calidad — Páginas de autenticación
   Login, registro, restablecimiento de contraseña (allauth).
   ============================================================ */

.auth-page {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--color-navy) 0%, #1A3155 50%, var(--color-accent) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.auth-card {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-overlay-lg);
  padding: 2.5rem;
  width: 100%;
  max-width: 22rem;
}
.auth-card-sm { max-width: 26rem; text-align: center; }
.auth-logo { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin-bottom: 2rem; }
.auth-logo-icon {
  width: 3rem;
  height: 3rem;
  background: var(--color-navy);
  border: 1px solid var(--color-navy-border);
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
}
.auth-logo-icon svg { width: 1.5rem; height: 1.5rem; color: var(--color-copper); }
.auth-logo-icon img { width: 100%; height: 100%; object-fit: contain; border-radius: 4px; }
.auth-logo-icon-success { background: var(--color-success); border-color: var(--color-success-text); }
.auth-logo-icon-success svg { color: var(--color-surface); }
.auth-lead-text { font-size: 0.875rem; color: var(--color-text-muted); line-height: 1.6; margin-bottom: 1.5rem; }
.auth-forgot-link { text-align: right; margin-top: -0.5rem; margin-bottom: 1rem; }
.auth-forgot-link a { font-size: 0.8125rem; color: var(--color-accent); }
.auth-logo-name  { font-family: var(--font-serif); font-size: 1.25rem; font-weight: 700; color: var(--color-text); letter-spacing: -0.01em; }
.auth-logo-sub   { font-size: 0.75rem; color: var(--color-text-faint); }
.auth-title      { font-family: var(--font-serif); font-size: 1.0625rem; font-weight: 700; color: var(--color-text); margin-bottom: 0.25rem; text-align: center; }
.auth-subtitle   { font-size: 0.8125rem; color: var(--color-text-muted); text-align: center; margin-bottom: 1.5rem; }
.auth-footer { text-align: center; margin-top: 1.25rem; font-size: 0.8125rem; color: var(--color-text-muted); }
.auth-footer a { color: var(--color-accent); font-weight: 500; }
.auth-footer a:hover { text-decoration: underline; }
.auth-divider { border: none; border-top: 1px solid var(--color-border-row); margin: 1.25rem 0; }