/* Connexion et mot de passe oublié */
.auth { min-height: 100vh; display: grid; place-items: center; padding: var(--sp-4); }
.auth-card { width: min(380px, 100%); }
.auth-card .logo { display: block; margin-bottom: var(--sp-5); }
.auth-card h1 { font: 700 28px/1.1 var(--f-titre); letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
.auth-card > p { color: var(--ardoise); margin-bottom: var(--sp-5); }
.auth-card form .btn { width: 100%; margin-top: var(--sp-5); }
.auth-card .below { margin-top: var(--sp-4); text-align: center; }
.flash-inline { margin-bottom: var(--sp-4); padding: 10px 12px; border-radius: var(--r-ctrl); font-size: 13px; background: var(--surface-2); }
.flash-inline.alert { background: color-mix(in oklab, var(--erreur) 12%, var(--surface)); color: var(--erreur); }

/* Clé d'accès sur la page de connexion */
.passkey-login { margin-top: var(--sp-3); display: flex; flex-direction: column; gap: var(--sp-2); }
.passkey-login .btn { width: 100%; justify-content: center; }