/* =====================================================================
   ÉCRAN — CONSTANTES DE PAIE (fiche typée)

   Le seul élément que le gabarit ne couvre pas : l'ÉDITEUR DE LIGNES d'un
   barème ou d'une grille. Ce n'est ni une liste (pas de tri, pas de
   sélection, pas de pagination : quatre à six lignes qu'on saisit), ni une
   rangée de formulaire dense (six colonnes de nombres, pas un champ et son
   libellé de 158 px). C'est une grille de saisie, et elle n'existe que sur
   cet écran.

   Elle reste donc ici, et non dans modele-erp.css : la règle de la charte
   est qu'une classe monte au gabarit quand un DEUXIÈME écran l'emploie —
   jamais par anticipation. Le jour où un autre paramétrage éditera des
   tranches, `.cst-lignes` deviendra `.mx-grille-saisie` et montera d'un cran.

   Toutes les couleurs viennent des jetons `--et-*` : aucune valeur en dur.
   ===================================================================== */

.cst-lignes {
    width: 100%;
    border-collapse: collapse;
    font-size: .82rem;
}

.cst-lignes th {
    text-align: left;
    font-weight: 600;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .02em;
    color: var(--et-faint);
    padding: 0 6px 4px;
    border-bottom: 1px solid var(--et-hairline);
    white-space: nowrap;
}

.cst-lignes td {
    padding: 3px 6px 3px 0;
    vertical-align: middle;
}

/* Les champs d'une grille de saisie occupent leur colonne : une largeur
   fixe héritée du formulaire dense laisserait six colonnes désalignées. */
.cst-lignes td .mx-input {
    width: 100%;
    max-width: none;
}

/* La colonne d'action ne porte qu'un bouton de retrait : elle ne doit pas
   prendre la largeur d'un champ. */
.cst-lignes td:last-child {
    width: 34px;
    text-align: right;
    padding-right: 0;
}

/* Le pied de la grille : le bouton d'ajout se détache du tableau sans
   ouvrir une rangée de formulaire pour lui seul. */
.cst-lignes-pied {
    margin-top: 8px;
}