/* ============================================================================
   ÉCRAN — AXES ANALYTIQUES & INDUCTEURS (REP-03)

   Feuille d'ÉCRAN : ces classes servent /app/gestion/axes, et lui seul. Préfixe
   .ax-, libre dans le dépôt au 2026-09-07.

   CE QUI N'EST PAS ICI, ET NE DOIT PAS Y VENIR
     · Le rail d'onglets internes — .eca-onglets, gabarit de module
       (css/easycompta-onglets.css). Cinq écrans le portent déjà ; en recopier
       le dessin sous .ax- en aurait fait un sixième exemplaire à faire dériver.
     · La carte de section (.eca-carte / .eca-tete / .eca-corps) et le petit
       tableau (.eca-tab), même feuille, même raison.
     · La vignette d'indicateur — .tb-kpi / .tb-kpis, gabarit de module
       (css/easycompta-vignette.css) : fond, filet, bord gauche coloré par --vig.
     · La jauge de couverture — .mx-barre / .mx-barre-jauge du gabarit
       (css/modele-erp.css), avec ses trois états. L'écran n'en pose que la
       largeur, en ligne, parce qu'elle est une DONNÉE et non une mesure.
     · Les fenêtres — .xp-* (css/easycompta-modal.css). Les trois fenêtres de
       l'écran n'écrivent pas une règle qui leur soit propre.

   AUCUNE COULEUR EN DUR : tout vient des jetons --et-*.
   ========================================================================== */

/* CE QUI A QUITTÉ CETTE FEUILLE LE 2026-09-08, et où le trouver

   La bande de contexte (.ax-barre / .ax-lab / .ax-annee / .ax-resume), le jeton
   de décompte d'onglet (.ax-jeton) et l'état vide (.ax-vide*) sont montés dans
   la feuille de MODULE d'EasyControlling (css/easycontrolling.css), sous
   .ctg-barre / .ctg-lab / .ctg-an / .ctg-resume, .ctg-jeton et .ctg-vide*.

   Ils ne sont pas partis pour faire de la place : les vingt écrans de
   /app/gestion/* les emploient désormais, et la règle du dépôt est explicite —
   « une classe employée par deux écrans ou plus remonte dans un gabarit, jamais
   l'inverse ». Cet écran les LIT, comme il lit déjà la vignette, la carte de
   section et le rail d'onglets.

   Ce qui reste ici est ce qui ne sert qu'à /app/gestion/axes.
   ========================================================================== */

/* Un axe désactivé garde son onglet — il porte des imputations passées, qu'on
   vient encore lire. Son glyphe le dit ; l'onglet n'est pas grisé, ce qui le
   ferait prendre pour indisponible. */
.appgrid .ax-eteint { color: var(--et-inerte); }

/* ----------------------------------------------------------------------------
   LA RANGÉE DE LA SYNTHÈSE ouvre l'onglet de son axe : elle se comporte comme
   une ligne de liste cliquable (.tbl-ligne-cliquable du gabarit de liste), dont
   .eca-tab, qui n'est pas une liste, ne bénéficie pas.
   -------------------------------------------------------------------------- */
.appgrid .ax-rang { cursor: pointer; }
.appgrid .ax-rang:hover > td { background: var(--et-rang); }
.appgrid .ax-rang:focus-visible { outline: 2px solid var(--et-form-blue); outline-offset: -2px; }
/* La colonne de jauge prend la place qui reste : sans elle, la barre se réduit à
   son minimum et les six axes ne se comparent plus. */
.appgrid .ax-col-jauge { width: 42%; }

/* Le pied d'une carte : ce que la table ne dit pas, sous la table. Même rôle que
   .tbl-methode du gabarit de liste, qui ne s'applique qu'aux listes .tbl-*. */
.appgrid .ax-mot { margin-top: 10px; font-size: 12px; line-height: 1.6; color: var(--et-muted); }

@media (max-width: 1024px) {
  /* La colonne de jauge rend sa largeur imposée : sous 1024 px, la table défile,
     et 42 % d'une largeur qui déborde ne compare plus rien. Le palier tactile des
     contrôles, lui, est dans la feuille de module avec la bande qui les porte. */
  .appgrid .ax-col-jauge { width: auto; }
}

/* L'en-tête d'une colonne de nombres suit ses cellules. `.eca-tab` du gabarit pose
   `td.num` mais pas son en-tête ; l'alignement d'un titre est une décision d'écran
   — c'est lui qui sait laquelle de ses colonnes porte une grandeur. */
.appgrid .ax-th-num { text-align: right; }