/* ============================================================================
   ÉCRAN « Prise de contrôle par le support » — /admin/prise-controle-support
   (PLT-05).

   Les .pcs-* 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 et Maintenance.razor
   pour un état calculé. Les deux modales viennent 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 et .mnt-avert : ambre, informatif, jamais un
   panneau de geste destructeur. */
.pcs-avert {
    margin-bottom: 16px;
    padding: 12px 16px;
    background: var(--et-avertissement-bg);
    border: 1px solid var(--et-avertissement-bord);
}
.pcs-avert-titre {
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 6px;
    font-size: 14px; font-weight: 700;
    color: var(--et-avertissement-ink);
}
.pcs-avert p { margin: 0 0 6px; font-size: 13px; color: var(--et-ink); }
.pcs-avert p:last-child { margin-bottom: 0; }
.pcs-avert-bornes { color: var(--et-muted); }

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

/* --- Colonne « État » : le badge, et la date de révocation en dessous --- */
.pcs-etat { display: flex; flex-direction: column; gap: 2px; align-items: flex-start; }
.pcs-revoc { font-size: 12px; color: var(--et-muted); }

/* --- Actions de fin de ligne : actes, révoquer --- */
.pcs-actions-ligne { display: flex; gap: 6px; flex-wrap: wrap; }

/* --- Modale des actes --- */
.pcs-actes-vide { margin: 0; font-size: 13px; color: var(--et-muted); }
.pcs-actes-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.pcs-actes-table th {
    text-align: left; padding: 6px 10px; font-weight: 600; color: var(--et-muted);
    border-bottom: 1px solid var(--et-hairline);
}
.pcs-actes-table td {
    padding: 6px 10px; color: var(--et-ink);
    border-bottom: 1px solid var(--et-hairline);
}
.pcs-actes-requete { font-family: var(--et-font-mono); }