/* ── REPRISE (IA + humain) ── bloo-header ──
 * FICHIER : assets/css/bloo-login-l100.css
 * ROLE : styles propres à /login pour le chantier « connexion à 100 % » : boutons de sortie sous le message d'erreur
 *        (nouveau lien, mot de passe, passkey) et renvoi du code à la double authentification.
 * ENTREES/SORTIES : classes .login-alert-actions, .la-btn, .login-2fa__resend, .login-2fa__ok ; couleurs = variables de
 *        assets/css/bloo-auth-ly.css (clair et sombre).
 * DEPEND : assets/css/bloo-auth-ly.css (chargé avant).
 * APPELE PAR : templates/auth/login.html (?v= = sha256 du fichier, 12 premiers caractères).
 * REPRISE : aucun bord coloré ; 375 px sans débordement (boutons pleine largeur sous 480 px).
 * MAJ : 2026-11-05 · connexion 100 % (L-2) · création
 * ── fin REPRISE ── */
.login-alert-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: -6px 0 18px; }
.login-alert-actions[hidden] { display: none; }
.la-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 0 16px;
  border: 1px solid var(--line-2); border-radius: 999px; background: var(--bg-elev); color: var(--ink);
  font: inherit; font-size: .92rem; font-weight: 700; cursor: pointer; text-align: center;
}
.la-btn:hover { background: var(--bg-soft); }
.la-btn[hidden] { display: none; }
.la-btn .bli { flex: none; color: var(--violet); }
.login-2fa__resend {
  display: block; width: 100%; min-height: 44px; margin-top: 8px; border: 0; background: none; color: var(--link);
  font: inherit; font-weight: 700; cursor: pointer;
}
.login-2fa__resend:disabled { color: var(--muted); cursor: default; }
.login-2fa__ok { margin: 0 0 10px; color: var(--ok); font-size: .92rem; font-weight: 600; }
.login-2fa__ok[hidden], .login-2fa__resend[hidden] { display: none; }
@media (max-width: 480px) { .login-alert-actions .la-btn { width: 100%; } }