/* ===========================================================================
   FEUILLE D'ÉCRAN — Tableau de bord plateforme (PLT-01)
   Écran : Components/Pages/Admin/AdminHome.razor — /admin

   POURQUOI CE FICHIER EXISTE
      L'écran était une page d'accueil : six tuiles, aucune classe propre. Il
      devient un tableau de bord, avec une liste de veille dont les cellules
      empilent deux informations (le nom et le code de la société, les signaux
      les uns après les autres). Ces classes ne servent qu'ici — donc leur
      feuille, et non la queue du gabarit, qui est la règle du dépôt depuis la
      bascule de charte.

   AUCUNE COULEUR EN DUR : les pastilles de signal viennent du gabarit
   (.mx-pastille et ses quatre rangs d'état), et le reste passe par les jetons
   --et-*.

   CETTE LIGNE DISAIT « les badges de signal viennent du gabarit (classes
   utilitaires .bg-*-subtle) », et c'était faux — corrigé le 2026-09-08 en
   portant l'écran au gabarit. Les .bg-*-subtle / .text-*-emphasis sont la
   palette SUBTILE DE BOOTSTRAP, pas celle du dépôt : elles ne lisent aucun
   jeton --et-*, ne suivent ni la bascule sombre ni la révision de valeurs du
   2026-09-02, et formaient une sixième famille de couleurs d'état à côté des
   cinq de la charte. La page emploie désormais .mx-pastille.

   Chargée APRÈS modele-erp.css.
   =========================================================================== */

/* La société : son nom, et son code en dessous. Deux lignes plutôt qu'une
   colonne de plus — la liste porte déjà cinq colonnes, et le code ne se lit
   que quand on a trouvé la ligne. */
.vei-societe { display: inline-flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.vei-nom     { font-weight: 500; color: var(--et-ink); }
.vei-code    { font-size: 12px; color: var(--et-muted); font-family: var(--et-font-mono); }

/* Les signaux s'empilent en lignes quand la cellule est étroite : tronquer
   masquerait justement celui qui décide de l'appel à passer. */
.vei-signaux { display: flex; flex-wrap: wrap; gap: 4px; }
.vei-signaux .mx-pastille { white-space: nowrap; }

/* Règle tactile (docs/cibles-tactiles.md) : sous 1024 px, la ligne cliquable
   du tableau ne descend pas sous 44 px — le gabarit s'en charge ; ici on ne
   fait que garantir que deux badges empilés ne la compriment pas. */
@media (max-width: 1024px) {
    .vei-signaux { gap: 6px; }
}