@import "./account.css";

/* ══════════════════════════════════════════════════
   ADMIN LOGIN — surcharges spécifiques
══════════════════════════════════════════════════ */

/* ── Badge rôle dans le header ──────────────────── */
.lgn-badge {
  padding: 3px 8px; border-radius: 6px;
  font-size: 9px; font-weight: 900; letter-spacing: 0.14em;
  text-transform: uppercase;
}
.lgn-badge--admin {
  background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.28);
  color: #991b1b;
}
html.dark .lgn-badge--admin {
  background: rgba(239,68,68,0.16); border-color: rgba(239,68,68,0.3);
  color: #fca5a5;
}

/* ── Glow admin — teinte indigo/bleue ────────────── */
.lgn-glow--admin {
  background: radial-gradient(circle, rgba(99, 102, 241, 0.24) 0%, transparent 70%) !important;
}

/* ── Hero icon — couleur admin ───────────────────── */
.lgn-hero-icon--admin {
  background: linear-gradient(135deg, #3730a3, #4338ca) !important;
  box-shadow: 0 12px 30px rgba(67, 56, 202, 0.35) !important;
}

/* ── Bouton submit — couleur admin ───────────────── */
.lgn-btn--admin {
  background: linear-gradient(180deg, #6366f1, #4f46e5) !important;
  color: #fff !important;
  box-shadow: 0 18px 34px rgba(99, 102, 241, 0.28) !important;
}
.lgn-btn--admin:hover { filter: brightness(1.06) !important; }

/* ── Footer icon admin ───────────────────────────── */
.lgn-footer-icon--admin {
  background: rgba(67,56,202,0.1) !important;
  color: #4338ca !important;
}
html.dark .lgn-footer-icon--admin {
  background: rgba(99,102,241,0.2) !important;
  color: #a5b4fc !important;
}

/* ── Hint text ───────────────────────────────────── */
.lgn-hint {
  font-size: 11px; font-weight: 700;
  color: var(--text-muted); text-align: center;
  margin: 0;
}
.lgn-hint code {
  font-family: "SF Mono", "Fira Code", monospace;
  font-size: 10px; font-weight: 700;
  background: var(--surface-2); border: 1px solid var(--border-soft);
  padding: 1px 5px; border-radius: 5px;
}