/* ── DONNÉES DU COMPTE ET FERMETURE (Paramètres client et pro, mission 17) ──
   Une section compacte en bas des Paramètres : « Données du compte »
   (export), un séparateur, « Fermer mon compte ». Pas de grande carte,
   pas d'encart coloré : le rouge est réservé au bouton destructif, bordé
   et secondaire ; l'orange n'apparaît que sur l'action principale du
   dialogue d'export et d'annulation. Retours à côté des boutons, jamais
   en notification flottante. Tailles ≥ 13 px, focus visible, mobile. */
.cf-bloc { max-width: 600px; margin-top: 4px; padding: 1.25rem; background: #fff; border: 1.5px solid var(--gray-200); border-radius: 14px; }
.cf-titre { margin: 0 0 6px; font-size: 13px; font-weight: 800; color: var(--navy); display: flex; align-items: center; gap: 6px; }
.cf-titre-danger { color: #991b1b; }
.cf-texte { margin: 0 0 10px; font-size: 13px; line-height: 1.55; color: var(--gray-500); }
.cf-texte:last-child { margin-bottom: 0; }
.cf-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.cf-separateur { border: 0; border-top: 1px solid var(--gray-100); margin: 16px 0 14px; }
.cf-btn-second, .cf-btn-danger, .cf-btn-danger-plein { border-radius: 9px; padding: 9px 16px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; }
.cf-btn-second { background: #f7f8fa; color: var(--navy); border: 1.5px solid var(--gray-200); }
.cf-btn-second:hover { background: #eef0f3; }
.cf-btn-danger { background: #fff; color: #b91c1c; border: 1.5px solid #fca5a5; }
.cf-btn-danger:hover { background: #fef2f2; }
.cf-btn-danger-plein { background: #b91c1c; color: #fff; border: 1.5px solid #b91c1c; }
.cf-btn-danger-plein:hover { background: #991b1b; border-color: #991b1b; }
.cf-btn-second[disabled], .cf-btn-danger[disabled], .cf-btn-danger-plein[disabled] { opacity: .6; cursor: default; }
.cf-btn-second:focus-visible, .cf-btn-danger:focus-visible, .cf-btn-danger-plein:focus-visible, .cf-lien:focus-visible { outline: 2px solid var(--navy); outline-offset: 2px; }
.cf-lien { background: none; border: 0; padding: 0; font: inherit; font-size: 13px; font-weight: 700; color: var(--navy); text-decoration: underline; cursor: pointer; }
.cf-retour { font-size: 13px; font-weight: 600; color: #15803d; }
.cf-retour:empty { display: none; }
.cf-retour.cf-retour-erreur { color: #b91c1c; }
.cf-retour.cf-retour-neutre { color: var(--gray-500); font-weight: 500; }
.cf-programme { margin: 0; font-size: 13px; line-height: 1.6; color: var(--navy); display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; }
.cf-programme strong { font-weight: 800; }
.cf-bloc [hidden] { display: none; }

/* Le dialogue reprend la fenêtre de la modale d'avis (am-*) ; ci-dessous
   seulement ce qui lui est propre : liste des conséquences, champs,
   messages d'erreur rattachés aux champs. */
.cf-consequences { margin: 0 0 14px; padding-left: 18px; font-size: 13px; line-height: 1.55; color: var(--gray-600); }
.cf-consequences li { margin-bottom: 4px; }
.cf-champ { margin-bottom: 12px; }
.cf-champ .champ-mdp { display: flex; }
.cf-entree { width: 100%; box-sizing: border-box; border: 1.5px solid var(--gray-200); border-radius: 10px; padding: 10px 12px; font: inherit; font-size: 14px; color: var(--navy); background: #fff; }
.cf-entree:focus-visible { outline: 2px solid var(--navy); outline-offset: 1px; border-color: var(--navy); }
.cf-entree[aria-invalid="true"] { border-color: #b91c1c; }
.cf-entree-code { letter-spacing: 3px; text-align: center; }
.cf-aide { margin: 4px 0 0; font-size: 13px; color: var(--gray-500); }
.cf-erreur-champ { margin: 4px 0 0; font-size: 13px; font-weight: 600; color: #b91c1c; }
.cf-erreur-champ:empty { display: none; }
.cf-phrase { font-family: inherit; font-weight: 800; color: var(--navy); }
.cf-fenetre-succes { text-align: center; padding: 8px 0; }
.cf-fenetre-succes .ic { width: 32px; height: 32px; color: #15803d; }

@media (max-width: 480px) {
  .cf-bloc { padding: 1rem; }
  .cf-actions { flex-direction: column; align-items: stretch; }
  .cf-btn-second, .cf-btn-danger { width: 100%; }
  .cf-programme { display: block; }
  .cf-programme .cf-lien { display: inline-block; margin-top: 6px; }
}