/* dégaine. — le compte (compte.js) : Réglages › Compte, › Clés et jetons, › Administration, et leurs feuilles.
   Racine .dg-* ; les rangées, groupes et boutons sont ceux du socle (composants.css). */

.dg-tourne { animation: dg-tourne 800ms linear infinite; }
@keyframes dg-tourne { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dg-tourne { animation: none; } }

.dg-erreur {
    display: flex; gap: 8px; align-items: flex-start; margin: 0 var(--gr-marge) 12px; padding: 12px 14px; border-radius: var(--r-ctrl);
    background: var(--gr-danger-doux); color: var(--gr-danger); font: 500 15px/21px var(--gr-sans);
}
.dg-erreur > .g-ic { flex: none; margin-top: 1px; }
.ec-reglages .dg-premier { margin-top: 8px; }
.dg-sans-marge { margin: 0; }
.dg-avant { margin: 0 var(--gr-marge) 10px; }
.dg-email { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%; }
.dg-legal a { color: var(--gr-texte); text-underline-offset: 3px; text-decoration-thickness: 1px; }

/* ---- Jetons ---- */
.dg-jetons .g-bouton { align-self: flex-start; }
.dg-solde { margin: 0; font: 500 17px/24px var(--gr-sans); color: var(--gr-texte-2); }
.dg-solde-n { font: 400 44px/48px var(--gr-serif); color: var(--gr-texte); font-variant-numeric: tabular-nums; }
.dg-conseil {
    display: inline-block; margin-left: 4px; padding: 1px 7px; border-radius: 999px; vertical-align: 1px;
    font: 600 11px/15px var(--gr-sans); color: var(--gr-accent); background: var(--gr-accent-doux);
}
.dg-mouvements { list-style: none; padding: 0; }
.dg-mouvement { display: flex; align-items: center; gap: 12px; min-height: 52px; padding: 8px 16px; }
.dg-mouvement + .dg-mouvement { border-top: 1px solid var(--gr-ligne); }
.dg-m-motif { flex: 1; min-width: 0; font: 400 16px/21px var(--gr-sans); }
.dg-m-motif small { display: block; font: 500 13px/17px var(--gr-sans); color: var(--gr-texte-2); }
.dg-m-n { font: 600 16px/21px var(--gr-sans); font-variant-numeric: tabular-nums; color: var(--gr-ok); }
.dg-m-n.moins { color: var(--gr-texte-2); }

/* ---- Listes de l'administration ---- */
.dg-liste { list-style: none; padding: 0; }
.dg-liste > li + li { border-top: 1px solid var(--gr-ligne); }
.dg-item { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px 16px; }
.dg-item-texte { flex: 1 1 220px; min-width: 0; font: 400 16px/21px var(--gr-sans); overflow-wrap: anywhere; }
.dg-item-texte small { display: block; margin-top: 2px; font: 500 13px/17px var(--gr-sans); color: var(--gr-texte-2); }
.dg-item-actions { display: flex; gap: 4px; align-items: center; }
.dg-item-bouton { width: 100%; border: 0; background: none; color: var(--gr-texte); text-align: left; cursor: pointer; flex-wrap: nowrap; }
.dg-item-bouton:active { background: var(--gr-presse); }
.dg-message { display: block; margin-top: 6px; font: italic 400 15px/20px var(--gr-sans); color: var(--gr-texte-2); quotes: '« ' ' »'; }
.dg-suspendu { color: var(--gr-danger); }
.dg-details { margin: 10px var(--gr-marge) 0; }
.dg-details > summary { cursor: pointer; padding: 8px 0; font: 600 14px/20px var(--gr-sans); color: var(--gr-texte-2); }
.dg-details > .g-groupe { margin: 0; }
.dg-rangee-boutons { display: flex; gap: 8px; margin: 14px var(--gr-marge) 0; }
@media (hover: hover) { .dg-item-bouton:hover { background: var(--gr-survol); } }

/* ---- Feuilles ---- */
.dg-form { display: flex; flex-direction: column; gap: 12px; padding: 0 var(--gr-marge) 16px; }
.dg-intro { margin: 0; font: 500 15px/21px var(--gr-sans); color: var(--gr-texte-2); }
.dg-intro a { color: var(--gr-texte); }
.dg-champ { display: block; }
.dg-champ .g-libelle { margin-bottom: 6px; }
.dg-aide-champ { margin: -6px 0 0; }
.dg-form-erreur:empty { display: none; }
.dg-form-erreur .dg-erreur { margin: 0; }
.dg-form .g-bouton.dg-danger { background: var(--gr-danger-doux); color: var(--gr-danger); }
.dg-lien { margin: 0; padding: 12px 14px; border-radius: var(--r-ctrl); background: var(--gr-surface-2); overflow-wrap: anywhere; }
.dg-lien code { font: 500 13px/19px var(--gr-mono); }