/* ============================================================
   LMFC Performance — auth.css  (connexion / inscription / setup)
   ============================================================ */

body.auth {
  display: flex; align-items: center; justify-content: center;
  min-height: 100vh; padding: 24px;
  background:
    radial-gradient(900px 500px at 50% -10%, rgba(201,168,76,.10), transparent 60%),
    var(--bg-primary);
}

.auth-card {
  width: 100%; max-width: 400px;
  background: var(--bg-card);
  border: 1px solid var(--border);
  border-top: 3px solid var(--gold);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  box-shadow: var(--shadow), var(--shadow-gold);
}

.auth-logo {
  display: flex; align-items: center; justify-content: center;
  font-size: var(--fs-2xl); font-weight: 700; letter-spacing: -0.02em; margin-bottom: 4px;
}
/* Même logo que partout (main.css : .brand-pro), en plus grand. */
.auth-logo .brand-pro { margin-left: 8px; padding: 4px 7px; top: 0; }
.auth-sub { text-align: center; color: var(--text-secondary); font-size: var(--fs-md); margin-bottom: 28px; }

.auth-card .field { margin-bottom: 16px; }
.auth-card .btn-primary { width: 100%; justify-content: center; margin-top: 6px; padding: 11px; }

.auth-error {
  background: rgba(244,67,54,.10); border: 1px solid rgba(244,67,54,.35);
  color: #ff8a80; border-radius: var(--radius-md);
  padding: 10px 14px; font-size: var(--fs-md); margin-bottom: 18px;
}
.auth-ok {
  background: rgba(76,175,80,.10); border: 1px solid rgba(76,175,80,.35);
  color: #a5d6a7; border-radius: var(--radius-md);
  padding: 10px 14px; font-size: var(--fs-md); margin-bottom: 18px;
}
.auth-foot { text-align: center; margin-top: 18px; font-size: var(--fs-sm); }
.auth-foot a { color: var(--gold); }

.auth-hint { font-size: var(--fs-sm); color: var(--text-muted); line-height: 1.45; margin: -4px 0 14px; }