/* COMPTE : l'écran du bouton de la marge (identité, foyer fiscal, abonnement, sécurité...)
 *
 * Rubriques à gauche, une seule rubrique visible à droite. Ajouté le 2026-10-06 : Compte et
 * Paramètres se séparent, Paramètres ne garde que ce qui règle un scénario.
 */
.compte-ecran { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.compte-rubriques { display: flex; flex-direction: column; gap: var(--space-1); position: sticky; top: var(--space-4); }
.compte-rubrique-lien {
  display: block; width: 100%; text-align: left; background: transparent; border: none;
  color: var(--muted); padding: 0.55rem var(--space-3); cursor: pointer; font: inherit;
  font-size: 0.85rem; font-weight: 500; border-radius: var(--radius-btn);
  transition: color 0.15s ease, background-color 0.15s ease;
}
.compte-rubrique-lien[hidden] { display: none !important; }
.compte-rubrique-lien:hover { color: var(--text-strong); background: var(--bg-hover); }
.compte-rubrique-lien.active { color: var(--text-strong); font-weight: 600; background: var(--gold-soft); }
.compte-rubrique { display: flex; flex-direction: column; gap: var(--ecart-blocs); }
.compte-rubrique[hidden], .compte-carte[hidden] { display: none !important; }
.compte-carte { max-width: 38rem; }
.compte-carte label {
  display: flex; flex-direction: column; gap: 0.25rem;
  font-size: 0.78rem; color: var(--muted); margin-bottom: 0.5rem;
}
.compte-carte label[hidden] { display: none !important; }
.compte-gestes { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 0.25rem 0 0.25rem; }
.compte-gestes[hidden] { display: none !important; }
.compte-carte a.btn { text-decoration: none; display: inline-flex; align-items: center; }
#compte-liens a { color: var(--accent-text); }
.compte-ligne { margin: 0 0 0.5rem; font-size: 0.85rem; }
.compte-ligne strong { font-weight: 600; color: var(--text-strong); }
.compte-etat { font-size: 0.78rem; margin: 0 0 0.5rem; color: var(--accent-text); }
.compte-etat[data-etat="echec"] { color: var(--red-text); }
.compte-etat:empty { display: none; }
@media (max-width: 900px) {
  .compte-ecran { grid-template-columns: minmax(0, 1fr); }
  .compte-rubriques { position: static; flex-direction: row; overflow-x: auto; }
  .compte-rubrique-lien { width: auto; white-space: nowrap; }
}