/* Sécurité (lot P1-5a) : profil, double authentification, journal des accès. Jetons de app.css. */
.securite > p { margin: 0 0 var(--e-2); }
.securite__formulaire { display: flex; flex-direction: column; gap: var(--e-2); max-width: 360px; margin-top: var(--e-2); }
.securite__formulaire .bouton { align-self: flex-start; }
.securite__desactivation { margin-top: var(--e-3); }
.securite__desactivation summary { cursor: pointer; color: var(--danger-texte); font-size: var(--t-sm); font-weight: 500; }
.securite__enrolement { display: flex; flex-wrap: wrap; align-items: center; gap: var(--e-4); margin-top: var(--e-2); }
.securite__qr { width: 200px; height: 200px; padding: var(--e-2); background: var(--surface); border: 1px solid var(--trait-2); border-radius: var(--rayon-carte); }
.securite__qr svg { display: block; width: 100%; height: 100%; }
.securite__cle { display: inline-block; margin-top: var(--e-1); padding: 6px 10px; font-family: var(--police); font-size: var(--t-sm); letter-spacing: .04em; background: var(--surface-2); border: 1px solid var(--trait-2); border-radius: var(--rayon-champ); overflow-wrap: anywhere; }
.securite__codes { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: var(--e-2); margin: var(--e-3) 0; padding-left: 1.5em; }
.securite__codes code { font-family: var(--police); font-size: var(--t-md); letter-spacing: .06em; }
.securite__date { white-space: nowrap; }
.securite__mot-de-passe { height: 30px; width: 160px; margin-right: var(--e-2); padding: 0 8px; border: 1px solid var(--trait-champ); border-radius: var(--rayon-champ); font: inherit; font-size: var(--t-xs); }
.securite__navigateur { max-width: 320px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--encre-douce); font-size: var(--t-xs); }