/* ===========================================================================
   FEUILLE D'ÉCRAN — Sortie d'un utilisateur (USR-08)
   Écran : Components/Pages/Admin/SortieUtilisateur.razor
           /admin/utilisateurs/{id}/sortie

   Une feuille par écran. Le gabarit fournit la carte, la bande de faits
   saillants, le tableau, les pastilles, le pied de méthode et le panneau de
   geste irréversible (.mx-irreversible) — rien n'est redéfini ici, et aucun
   sélecteur ne porte de classe partagée.

   La première version empruntait .whk-actions à l'écran des webhooks. Un
   écran ne dépend pas de la feuille d'un autre : le jour où les webhooks
   changent de mise en page, celui-ci se déforme sans que personne ne fasse
   le lien.

   AUCUNE COULEUR EN DUR : tout passe par les jetons --et-*.
   =========================================================================== */

/* ===========================================================================
   1. LA CONSÉQUENCE

   C'est la colonne que la passation met en avant, et elle a raison : « 2
   sessions ouvertes » n'alarme personne, « accès conservé après le départ »
   si. Elle est donc lisible et non tronquée — bornée en largeur pour ne pas
   étirer la ligne, mais jamais coupée en une seule ligne d'ellipse.
   =========================================================================== */

.srt-consequence {
    display: block;
    font-size: 12px;
    line-height: 1.4;
    color: var(--et-faint);
    max-width: 46ch;
}

/* ===========================================================================
   2. LA RANGÉE DE BOUTONS DU PANNEAU IRRÉVERSIBLE

   L'échappatoire à gauche, le geste dangereux à droite : l'ordre de lecture
   fait passer par « désigner un remplaçant » avant d'arriver au bouton qui
   arrête un circuit d'approbation.
   =========================================================================== */

.srt-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}