/*  ecran-bilan.css — SYS-01.

    Préfixe `.bl-`, celui de la maquette, vérifié libre avant d'être posé. Ce qui
    est commun au lot — panneau de contrôles, variation, panneau de détail de
    poste — vit dans etats-financiers.css, chargée avant : quatre écrans les
    montent, et le §6.3 fait remonter au gabarit ce qui sert deux écrans ou plus.

    La bande `.bl-fait` prend son dessin de easycompta-vignette.css, comme partout
    dans le module. */

/* 1 · Une ligne de poste cliquable. Le curseur est la seule chose qui annonce
      qu'un tableau d'état se déplie : sans lui, personne n'essaie. */
.bl-cliquable { cursor: pointer; }

.bl-cliquable:hover { background: var(--et-rang); }

/* 2 · Les largeurs de colonnes et de champs. Elles vivaient EN DUR dans le Razor
      (style="width:115px" sur chaque <th>, max-width 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. Le passif, qui n'a ni brut
      ni amortissement, donne plus d'air à ses deux nets — d'où `-passif`. */
.bl-champ-exercice { max-width: 180px; }
.bl-champ-arrete { max-width: 150px; }
.bl-champ-cumul { max-width: 175px; }

.bl-col-ref { width: 55px; }
.bl-col-brut { width: 115px; }
.bl-col-amort { width: 115px; }
.bl-col-net { width: 115px; }
.bl-col-var { width: 95px; }
.bl-col-net-passif { width: 130px; }
.bl-col-var-passif { width: 100px; }

/* Le détail d'un poste (comptes qui le composent). */
.bl-col-compte { width: 95px; }
.bl-col-solde { width: 115px; }
.bl-col-actions { width: 40px; }