/* S7 — Modale « Mon compte » (comptes par clé d'accès, ADR-007). Tokens only. */
.acct-body { display: flex; flex-direction: column; gap: var(--sp-4); }

.acct-name-row { display: flex; flex-direction: column; gap: var(--sp-1); }
.acct-name-row label { font-size: var(--fs-sm); font-weight: var(--fw-semi);
  color: var(--ink); }

.acct-intro { margin: 0; font-size: var(--fs-sm); color: var(--ink-faint);
  line-height: var(--lh-snug); }

.acct-actions { display: flex; flex-direction: column; gap: var(--sp-2); }

/* Lien texte discret (« J'ai déjà une clé », « Retour ») — bouton sans fond. */
.acct-linkbtn { background: none; border: none; padding: var(--sp-1) 0;
  color: var(--produit); font-size: var(--fs-sm); font-weight: var(--fw-semi);
  cursor: pointer; text-align: center; }
.acct-linkbtn:hover { text-decoration: underline; }

/* Boîte clé d'accès : monospace, sélectionnable d'un tap, retour à la ligne. */
.acct-key { font-family: var(--font-mono); font-size: var(--fs-sm);
  word-break: break-all; user-select: all; padding: var(--sp-3);
  background: var(--canvas); border: 1px solid var(--border);
  border-radius: var(--r-sm); color: var(--ink); }

/* Avertissement « notez la clé maintenant » — accent chaud. */
.acct-warn { margin: 0; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm);
  background: var(--warn-wash); color: var(--warn); font-size: var(--fs-sm);
  font-weight: var(--fw-semi); line-height: var(--lh-snug); }

.acct-status { margin: 0; font-size: var(--fs-sm); color: var(--ink);
  font-weight: var(--fw-semi); }
.acct-hint { margin: 0; font-size: var(--fs-xs); color: var(--ink-faint);
  line-height: var(--lh-snug); }

.acct-err { margin: 0; padding: 8px 12px; border-radius: var(--r-sm);
  background: var(--crit-wash); color: var(--crit); font-size: var(--fs-sm);
  font-weight: var(--fw-semi); }
.acct-err.hidden { display: none; }

/* Bouton danger (supprimer le compte) : texte critique. */
.acct-danger { color: var(--crit); }

/* Email de récupération (S7 Confort) : encart dans la vue connectée. */
.acct-email-row { display: flex; flex-direction: column; gap: var(--sp-1);
  padding-top: var(--sp-3); border-top: 1px solid var(--border); }
.acct-email-label { font-size: var(--fs-xs); font-weight: var(--fw-semi);
  color: var(--ink-faint); text-transform: uppercase; letter-spacing: .03em; }
.acct-email-val { font-size: var(--fs-sm); color: var(--ink);
  font-weight: var(--fw-semi); word-break: break-all; }
.acct-email-ok { color: var(--ok); }