/* ===========================================================================
   ÉCRAN CORRESPONDANCE DE COMPTES (.cc-*)
   Components/Pages/Compta/CorrespondanceComptes.razor — CPT-09, écran sans maquette.

   UNE FEUILLE POUR CET ÉCRAN, chargée après modele-erp.css. Tout le reste vient
   du dépôt : l'ossature EcranCompta, la grille DataGrid, les pastilles d'état
   (Badge), la table Bootstrap et les champs de formulaire. Ne vivent ici que
   les LARGEURS — celles des sept colonnes de la table de traduction et du
   filtre de source — qui étaient écrites en dur dans le Razor
   (style="width:130px" sur chaque <th>, style="width:auto" sur le <select>).
   Une largeur dans une page est ce que docs/conventions-responsive.md
   interdit, et c'est ici qu'un palier peut les relâcher.

   Une classe qui servirait un deuxième écran remonterait dans le gabarit
   (modele-erp.css, section 11) — jamais l'inverse. AUCUNE COULEUR ici.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   1. LE FILTRE DE SOURCE — un <select> Bootstrap s'étire à 100 % de son
      conteneur ; celui-ci se dimensionne à son option la plus longue, comme
      un filtre de barre d'outils. La feuille arrive après Bootstrap : à
      spécificité égale, c'est elle qui l'emporte.
   --------------------------------------------------------------------------- */
.cc-champ-source { width: auto; }

/* ---------------------------------------------------------------------------
   2. LES COLONNES. Les td suivent leur th. Les deux libellés (d'origine, du
      compte visé) n'ont pas de largeur : ils prennent ce que les autres
      laissent. Les deux comptes ont deux largeurs — le compte SYSCOHADA porte
      un champ de saisie en ligne, l'origine un simple code — donc deux classes.
   --------------------------------------------------------------------------- */
.cc-col-coche { width: 34px; }
.cc-col-source { width: 80px; }
.cc-col-compte-origine { width: 130px; }
.cc-col-compte-cible { width: 170px; }
.cc-col-etat { width: 120px; }
.cc-col-main { width: 150px; }
.cc-col-actions { width: 44px; }