/* ===========================================================================
   ÉCRAN DÉCLARATION DE TVA (.dt-*)
   Components/Pages/Compta/DeclarationTva.razor — FIS-01, é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, les pastilles d'état (Badge), les tables
   Bootstrap et les champs de formulaire. Ne vivent ici que les LARGEURS — celles
   des deux tableaux volontairement étroits, des colonnes et des deux champs de
   dépôt — qui étaient écrites en dur dans le Razor (style="width:120px" sur
   chaque <th>). Une largeur dans une page est ce que
   docs/conventions-responsive.md interdit, et c'est ici qu'un palier peut les
   relâcher.

   Le `min-width:900px` du tableau des déclarations RESTE dans la page : le garde
   tools/paliers-responsive.ps1 lit cet attribut pour exiger l'ancre des tables
   larges. Le préfixe .tv- appartient à CPT-16 « TVA et taxes » ; celui-ci est .dt-.

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

/* ---------------------------------------------------------------------------
   1. LES TABLES VOLONTAIREMENT ÉTROITES — le décompte (collecte, déduction,
      liquidation) se lit sur deux colonnes, la ventilation par taux sur cinq :
      les étirer sur toute la page éloignerait l'étiquette de son montant.
   --------------------------------------------------------------------------- */
.dt-table-decompte { max-width: 520px; }
.dt-table-ventilation { max-width: 760px; }

/* ---------------------------------------------------------------------------
   2. LES COLONNES. Les td suivent leur th ; l'alignement à droite des montants
      reste porté par .text-end dans la page, il n'est pas une largeur.
      Un même rôle à une même largeur partage sa classe : les quatre montants
      de la liste (collectée, déductible, à payer, crédit reporté) en une, les
      deux montants secondaires (crédit repris, CSS) en une autre, et les deux
      de la ventilation (base, TVA) en une troisième — trois largeurs, trois
      classes.
   --------------------------------------------------------------------------- */
/* Ventilation par taux */
.dt-col-taux { width: 70px; }
.dt-col-montant-ventilation { width: 140px; }
.dt-col-comptes { width: 110px; }
/* Liste des déclarations */
.dt-col-periode { width: 90px; }
.dt-col-mode { width: 150px; }
.dt-col-montant { width: 120px; }
.dt-col-montant-second { width: 110px; }
.dt-col-statut { width: 110px; }

/* ---------------------------------------------------------------------------
   3. LES CHAMPS DE DÉPÔT — une date et une référence d'accusé : deux champs
      courts sur une même ligne, dimensionnés à ce qu'ils reçoivent.
   --------------------------------------------------------------------------- */
.dt-champ-date { width: 150px; }
.dt-champ-ref { width: 220px; }