/* ===========================================================================
   ZONES DE POINTAGE (/app/zones, /app/paie/zones) — feuille d'écran.

   Reprise sur la maquette du 2026-10-01 (docs/modeles/design_handoff_zones).
   Le gros de l'écran vient du gabarit : tuiles (.mx-tuiles), bandeau à lignes
   marquées (.mx-signal), nom et code dessous (.mx-ligne-nom), cartes sous
   1024 px (.mx-liste-cartes). Ne restent ici que les encres de trois cellules,
   la ligne du bandeau avec son bouton, et le sous-titre de la fiche.
   Préfixe .zon-* : vérifié libre le 2026-10-02.
   =========================================================================== */

/* LES CELLULES — un rayon sous le seuil GPS est valide mais risqué (ambre) ; des
   coordonnées manquantes sous contrôle refusent tout (rouge) ; un tiret sur une
   zone libre dit « sans objet », à l'encre secondaire. Encres d'état au rang -ink :
   jamais la couleur d'état elle-même en texte. */
.zon-serre  { font-weight: 700; color: var(--et-avertissement-ink); }
.zon-manque { font-weight: 700; color: var(--et-danger-ink); }
.zon-sans   { color: var(--et-muted); }

/* EN CARTES (sous 1024 px), le tiret « sans objet » d'une zone libre disparaît : sans
   en-tête de colonne, trois tirets alignés ne disent plus rien. */
@media (max-width: 1024px) {
    .mx-liste-cartes .zon-sans { display: none; }
}

/* LA LIGNE DU BANDEAU : le constat prend la place, le bouton « Corriger » se range à
   droite ; sous 640 px il passe sous le texte, pleine largeur. */
.zon-signal-ligne { align-items: center; flex-wrap: wrap; }
.zon-signal-txt { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.zon-signal-tete, .zon-signal-constat { display: block; }
.zon-signal-acte { flex: none; }
@media (max-width: 1024px) {
    .zon-signal-acte { min-height: 44px; }
}
@media (max-width: 640px) {
    .zon-signal-acte { flex: 1 1 100%; justify-content: center; margin-left: 18px; }
}

/* LE SOUS-TITRE DE LA FICHE passe à la ligne au lieu de se couper : l'effectif, en
   dernier, est ce qui décide si la zone peut être supprimée. */
.mx-modale-sous.zon-fiche-sous { white-space: normal; overflow: visible; text-overflow: clip; }