/*  ecran-balance-generale.css — ETA-02.

    LE PRÉFIXE DE LA MAQUETTE EST `.bg-`, ET IL NE PEUT PAS ÊTRE REPRIS.
    `.bg-*` est l'espace des utilitaires de fond de Bootstrap — `bg-light`,
    `bg-white`, `bg-warning`, plus `bg-easytech-blue` et `bg-easytech-orange` de
    la charte. Une classe `.bg-tete` posée ici entrerait en concurrence avec un
    espace de noms employé dans tout le dépôt, sans erreur ni avertissement.
    D'où `.blg-`. C'est la quatrième déviation du chantier, et la première dont
    la cause n'est pas un autre écran mais le socle CSS lui-même.

    Les règles communes aux états du lot — grille de filtres avancés, bandeau de
    périmètre, mention — vivent dans ecran-grand-livre.css, chargée avant :
    elles servent trois écrans, et la règle du §6.3 fait remonter au gabarit ce
    qui sert deux écrans ou plus. Ce fichier ne garde que ce qui est propre à la
    balance. */

/* 1 · Les trois groupes de colonnes. Une balance sans eux n'est pas une balance :
      ouverture, mouvements, clôture ne se lisent qu'ensemble. Le filet vertical
      les sépare — sans lui, six colonnes de chiffres se confondent. */
.blg-table th.blg-groupe {
    border-left: 1px solid var(--et-hairline);
    font-weight: 600;
}

.blg-table tbody td:nth-child(3),
.blg-table tbody td:nth-child(5),
.blg-table tbody td:nth-child(7),
.blg-table tfoot td:nth-child(3),
.blg-table tfoot td:nth-child(5),
.blg-table tfoot td:nth-child(7) {
    border-left: 1px solid var(--et-hairline);
}

.blg-table tbody tr:hover { background: var(--et-rang); }

/* 1 bis · LES MENTIONS DU BANDEAU. Elles écrivaient leur aplat et leur encre en style
      en ligne, quatre fois, avec les mêmes valeurs recopiées. Deux rôles suffisent :
      ce qui est NET (comptabilisé, équilibré) et ce qui est SOUS RÉSERVE (brouillard
      inclus, écart de mouvements). L'encre est le rang -ink, comme partout : à 12 px la
      couleur d'état ne passe pas l'AA sur son propre fond pâle. */
.blg-mention.est-net { background: var(--et-succes-bg); color: var(--et-succes-ink); }
.blg-mention.est-reserve { background: var(--et-avertissement-bg); color: var(--et-avertissement-ink); }

/* Le titre de bande du tableau de répartition — même dessin que les autres bandes
   d'état du dépôt, plus un md-head emprunté au gabarit de carte. */
.blg-bandeau-titre {
    font-size: 12px; font-weight: 700; color: var(--et-table-head);
    text-transform: uppercase; letter-spacing: .06em;
}

/* 2 · Paliers. Le tableau à neuf colonnes défile dans son cadre plutôt que de
      pousser la page — règle de docs/tables-larges.md. */
@media (max-width: 1024px) {
    .blg-table { min-width: 900px; }
}

/* 3 · Les largeurs de colonnes et de champs. Elles vivaient EN DUR dans le Razor
      (style="width:115px" sur chaque <th>, style="max-width:150px" sur chaque filtre) ;
      une largeur dans une page est ce que docs/conventions-responsive.md interdit, et
      c'est ici qu'un palier peut les relâcher. Les td suivent leur th. Les six colonnes
      de montants (ouverture, mouvements, clôture) partagent une largeur ; le tableau
      de répartition par classe a la sienne, plus large, parce qu'il additionne. */
.blg-champ-exercice { max-width: 105px; }
.blg-champ-date { max-width: 150px; }
.blg-champ-regroupement { max-width: 165px; }
.blg-champ-journal { max-width: 120px; }

.blg-col-compte { width: 110px; }
.blg-col-montant { width: 115px; }
.blg-col-lien { width: 44px; }

.blg-col-classe { width: 60px; }
.blg-col-nb { width: 90px; }
.blg-col-montant-classe { width: 130px; }
.blg-col-solde-classe { width: 140px; }