/* ============================================================================
   ÉCRAN « Maintenance planifiée » — /admin/maintenance (INT-08).

   Les .mnt-* ne servent qu'ici. Le tableau, ses colonnes et ses badges viennent
   du gabarit (.tbl-*, .md-card, Tableau.razor) et de Bootstrap (.badge
   bg-*-subtle) — même convention que Delegations.razor, ClesApi.razor et
   AlertesAdmin.razor pour un état calculé. La modale de création vient du
   gabarit (.mx-voile, .mx-modale-*, .mx-form, .mx-champ) : rien de nouveau n'y
   est inventé.

   Aucune couleur en dur : jetons --et-* seulement.
   ============================================================================ */

/* --- Bloc de tête : « Ce que cet écran ne fait pas » ---
   Mêmes jetons que .dlg-avert (ecran-delegations.css) : ambre, pas rouge. Ce
   bloc est informatif, jamais un panneau de geste destructeur (.mx-irreversible
   en est un autre, réservé à un bouton qui, lui, agit vraiment). */
.mnt-avert {
    margin-bottom: 16px;
    padding: 12px 16px;
    background: var(--et-avertissement-bg);
    border: 1px solid var(--et-avertissement-bord);
}
.mnt-avert-titre {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 6px;
    font-size: 14px; font-weight: 700;
    color: var(--et-avertissement-ink);
}
.mnt-avert p { margin: 0 0 6px; font-size: 13px; color: var(--et-ink); }
.mnt-avert p:last-child { margin-bottom: 0; }
.mnt-avert-bornes { color: var(--et-muted); }

/* --- Colonne « Période » --- */
.mnt-periode { font-family: var(--et-font-mono); font-size: 13px; color: var(--et-ink); }

/* --- Colonne « Annonce » --- */
.mnt-annonce { font-size: 13px; color: var(--et-ink); }
.mnt-annonce-non { color: var(--et-muted); font-style: italic; }

/* --- Colonne « État » : le badge, et le motif d'annulation en dessous --- */
.mnt-etat { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }
.mnt-motif { font-size: 12px; color: var(--et-muted); }

/* --- Actions de fin de ligne : annoncer, reporter, annuler --- */
.mnt-actions-ligne { display: flex; gap: 6px; flex-wrap: wrap; }