/* ============================================================================
   ÉCRAN « DOCUMENTS D'ACHAT » (/app/achats/documents) — classes .dac-*

   Sa propre feuille et son propre <link> dans App.razor, après modele-erp.css.
   Tout le reste de l'écran est du gabarit : onglets à chiffre (.mx-vues), tuiles
   (.mx-tuiles), filtres latéraux et Tableau. Ne vit ici que ce qu'aucun gabarit n'a :
   la chaîne du cycle d'une pièce, le code de type dans l'onglet, et l'échéance qui
   change d'encre à l'approche.

   La chaîne ressemble aux jetons .dev-jeton de la vente (ecran-devis.css), mais n'en
   reprend pas la classe : une feuille d'écran ne dépend pas d'une autre. Le jour où un
   troisième écran dessine un cycle, la chaîne monte au gabarit sous un seul nom.

   AUCUNE COULEUR EN DUR : jetons --et-* seulement, le thème sombre suit.
   ============================================================================ */

.dac-types { margin-bottom: 14px; }

/* Le code de la pièce (DA, CF…) devant son libellé : c'est lui que la colonne Cycle répète. */
.dac-tag {
    font-family: var(--et-font-mono); font-size: 12px; font-weight: 600;
    color: var(--et-faint); margin-right: 6px;
}

/* Le numéro d'une pièce ne se coupe pas : « CF-2026-» / « 0101 » ne se lit plus comme un numéro. */
.dac-num { white-space: nowrap; }

/* ---- La chaîne du cycle : un jeton par maillon, dans l'ordre DA CF BR FF AF ---- */
.dac-chaine { display: inline-flex; gap: 3px; }
.dac-jeton {
    min-width: 28px; padding: 1px 3px; text-align: center;
    font-family: var(--et-font-mono); font-size: 12px; font-weight: 600; line-height: 18px;
    color: var(--et-faint); background: var(--et-surface);
    border: 1px dashed var(--et-bord-champ);
}
/* Un maillon au dossier : la teinte d'information, l'encre bleue foncée. */
.dac-jeton.est-fait {
    color: var(--et-form-blue-d); background: var(--et-tint);
    border: 1px solid var(--et-tint);
}
/* La pièce elle-même : l'aplat bleu, l'encre sur aplat. */
.dac-jeton.est-courant {
    color: var(--et-sur-aplat); background: var(--et-form-blue);
    border: 1px solid var(--et-form-blue);
}

/* ---- L'échéance : à l'encre d'état quand elle approche ou qu'elle est passée ---- */
.dac-ech { display: inline-flex; flex-direction: column; }
.dac-ech.est-proche .tbl-mono { color: var(--et-avertissement-ink); font-weight: 600; }
.dac-ech.est-retard .tbl-mono { color: var(--et-danger-ink); font-weight: 600; }