/* ===========================================================================
   ÉCRAN MON COMPTE (/mon-compte) — section « Double authentification »
   (composant DeuxFacteursCompte, 2026-09-25).

   Famille .dfc-* (vérifiée libre avant ouverture). Jetons --et-* uniquement ;
   seul le QR porte des couleurs écrites, en ATTRIBUTS SVG (fill=), et c'est
   voulu : un QR se lit noir sur blanc quel que soit le thème, un QR clair sur
   fond sombre ne se scanne pas.
   =========================================================================== */

.dfc-appairage { display: flex; gap: 16px; align-items: flex-start; flex-wrap: wrap; margin-bottom: 8px; }
.dfc-qr { width: 176px; height: 176px; flex-shrink: 0; border: 1px solid var(--et-hairline); }
.dfc-saisie { flex: 1 1 220px; min-width: 0; }
.dfc-cle {
    display: block; margin-top: 4px; padding: 6px 8px;
    background: var(--et-tint); border: 1px solid var(--et-hairline);
    font-family: var(--et-font-mono); font-size: 13px; letter-spacing: .06em;
    word-break: break-all; color: var(--et-ink);
}
.dfc-codes {
    list-style: none; margin: 0 0 12px; padding: 0;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px;
}
.dfc-codes code {
    display: block; padding: 6px 8px; text-align: center;
    background: var(--et-surface); border: 1px solid var(--et-hairline);
    font-family: var(--et-font-mono); font-size: 13px; letter-spacing: .08em; color: var(--et-ink);
}