/* ========================================================================================
   CNG-05 — REPRISE DU DÉCOMPTE DE JOURS DES CONGÉS  (.rjc-*)
   Chargé après modele-erp.css. Aucune couleur en dur : tout passe par --et-*.

   Une seule famille ici, les compteurs de tête. Le tableau et la fenêtre de confirmation
   n'ajoutent rien : ils prennent le gabarit tel quel.
   ======================================================================================== */

.rjc-compteur {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 132px;
    padding: 8px 12px;
    background: var(--et-surface-2);
    border: 1px solid var(--et-hairline);
    /* 4 px de bord coloré, comme la vignette d'indicateur d'EasyCompta : c'est le rôle du
       compteur qui se lit, pas son fond. Les états gardent leur rang de MARQUE, jamais d'encre. */
    border-left: 4px solid var(--et-hairline);
}

    .rjc-compteur.est-corriger { border-left-color: var(--et-avertissement-mark); }
    .rjc-compteur.est-bloque { border-left-color: var(--et-danger); }
    .rjc-compteur.est-indecidable { border-left-color: var(--et-neutre); }

.rjc-nb {
    font-family: var(--et-font-mono);
    /* 18 px : le premier cran de l'échelle au-dessus du texte courant. Le barème ne porte
       pas de jeton au-delà de --et-fs-tete (14 px), les feuilles sœurs écrivent donc la
       valeur — sur l'échelle en vigueur depuis le 2026-09-02, sans fraction. */
    font-size: 18px;
    line-height: 1.1;
    color: var(--et-ink);
}

.rjc-lib {
    font-size: 12px;
    color: var(--et-faint);
}

@media (max-width: 640px) {
    .rjc-compteur { min-width: 0; flex: 1 1 45%; }
}