/*  ecran-compte-resultat.css — SYS-02.

    Préfixe `.cr-`, celui de la maquette, vérifié libre : `cr-arrete` existait
    dans CreancesClient.razor mais comme IDENTIFIANT HTML, pas comme classe — donc
    aucune règle CSS ne le porte, et rien n'entre en concurrence.

    Le commun du lot (contrôles, variation, détail de poste) vit dans
    etats-financiers.css. La bande `.cr-fait` prend son dessin de
    easycompta-vignette.css. */

/* 1 · La marche de la cascade : ce que l'étage a coûté par rapport au précédent.
      En chasse fixe, sans couleur — le signe d'une marche ne dit pas si elle est
      bonne : descendre après la valeur ajoutée est normal, c'est l'ampleur qui
      compte, et l'ampleur se lit dans le nombre. */
.cr-marche {
    font-family: var(--et-font-mono);
    font-weight: 600;
}

/* 2 · Les largeurs de colonnes, de champs et des deux tables volontairement étroites.
      Elles vivaient EN DUR dans le Razor (style="width:150px" sur chaque <th>,
      max-width sur les tables de détail) ; 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 min-width de la table principale, lui,
      reste SUR la balise <table> : c'est lui que lit tools/paliers-responsive.ps1.
      La cascade des SIG a ses propres largeurs (montant plus court, variation plus
      courte : la marche prend la place) — d'où `-sig`. */
.cr-champ-exercice { min-width: 220px; }

/* Les comptes non rattachés et le détail d'un poste : deux tables courtes, qui
   n'ont pas à s'étaler sur toute la page. La première garde le fond de surface
   qu'elle portait, pour se détacher de l'alerte qui l'entoure. */
.cr-table-non-rattaches { max-width: 620px; background: var(--et-surface); }
.cr-table-detail { max-width: 560px; }
.cr-col-compte { width: 110px; }
.cr-col-montant { width: 130px; }

/* La table principale du compte de résultat. */
.cr-col-code { width: 60px; }
.cr-col-exercice { width: 150px; }
.cr-col-variation { width: 150px; }
.cr-col-part-ca { width: 90px; }
.cr-col-actions { width: 44px; }

/* La cascade des soldes intermédiaires. */
.cr-col-ref { width: 55px; }
.cr-col-montant-sig { width: 140px; }
.cr-col-marche { width: 150px; }
.cr-col-variation-sig { width: 110px; }