/* ============================================================================
   JOURNAL DES TRANSACTIONS — /app/transactions
   Passation « design_handoff_transactions » (Design 21).

   SA FEUILLE, ET RIEN QUE LA SIENNE. Deux repères visuels qui n'existent que sur cet
   écran. Ce qui habille le sélecteur de bornes (.per-*) n'est PAS ici : ce composant est
   partagé, il vit dans le gabarit — sinon le deuxième écran qui le poserait dépendrait de
   la feuille de celui-ci pour s'afficher.

   Aucune couleur en dur : tout passe par les jetons --et-*, c'est par eux que le mode
   sombre existe.
   ========================================================================= */

/* ---------------------------------------------------------------------------
   LE REPÈRE DE DIVERGENCE, entre l'état DÉCLARÉ par le terminal et le sens RETENU
   au calcul.

   AMBRE, JAMAIS ROUGE, et c'est tout le propos : la résolution a fait son travail, elle
   n'a pas échoué. Sur un parc non configuré en Entrée/Sortie l'état brut vaut 0 partout —
   la divergence y est la règle, pas l'anomalie, et un journal rouge sur toutes ses lignes
   n'apprendrait plus rien à personne.

   Le signe est un ≠ et non une icône : il tient dans la pastille de sens, contre le mot
   qu'il nuance, là où une icône en fin de cellule se rattacherait à la ligne entière. */
.tbl-divergent {
    margin-left: 4px;
    font-family: var(--et-font-mono);
    font-size: 12px;
    color: var(--et-avertissement-ink);
}

/* ---------------------------------------------------------------------------
   LE MATRICULE SANS RATTACHEMENT DE CALCUL.

   Un badge que le moteur ignore n'est pas une case vide : c'est le numéro brut lu par le
   terminal, et la seule prise pour aller le rattacher. Il garde donc sa pastille de code,
   en rouge — le seul cas de l'écran où quelqu'un est venu travailler et où le système
   l'ignore, la journée sortant absente sans que rien d'autre ne le dise. */
.code-chip.est-alerte {
    background: var(--et-danger-badge-bg);
    color: var(--et-danger-ink);
}

/* ---------------------------------------------------------------------------
   LA BASCULE « ÉCARTÉES » de la barre d'outils, à l'état actif.

   .mx-btn n'a pas d'état retenu dans le gabarit : ses boutons agissent et retombent. Ici
   le bouton FILTRE, donc il reste enfoncé tant que la vue est réduite — sans quoi un
   journal de trois lignes passerait pour un journal vide. Le repère reprend celui de
   .tbl-btn-filtre juste à côté, qui dit déjà « une réduction est en cours ». */
.mx-btn.est-actif {
    border-color: var(--et-form-blue);
    background: var(--et-tint);
    color: var(--et-form-blue-d);
}
.appgrid[data-theme="dark"] .mx-btn.est-actif { background: rgba(123, 162, 228, .14); color: var(--et-form-blue-encre); }