/* ===========================================================================
   FEUILLE D'ÉCRAN — Alertes de l'administrateur (PLT-07)
   Écran : Components/Pages/Admin/AlertesAdmin.razor — /admin/alertes

   Une feuille par écran : chacun sa fin de fichier et sa clé de cache. Le
   gabarit fournit tout le reste — la carte, la bande de faits saillants, le
   tableau de liste, les pastilles et le pied de méthode. Rien n'est redéfini
   ici, et aucun sélecteur ne porte de classe partagée : une feuille d'écran
   qui écrit « .tbl … » changerait tous les tableaux de l'application.

   AUCUNE COULEUR EN DUR : tout passe par les jetons --et-*.
   =========================================================================== */

/* ===========================================================================
   1. LE LIBELLÉ, ET LA NOTE SOUS LUI

   Le libellé porte la panne ; la note porte ce qu'un humain en a dit en la
   traitant. Mettre la note en infobulle l'aurait rendue invisible : c'est
   justement sur une ligne masquée qu'on veut lire « faux positif, le terminal
   est en réserve » sans avoir à survoler chaque ligne pour le découvrir.
   =========================================================================== */

.alr-libelle {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.alr-note {
    font-size: 12px;
    line-height: 1.35;
    color: var(--et-faint);
    max-width: 48ch;
}

/* ===========================================================================
   2. UNE LIGNE MASQUÉE

   Elle n'apparaît que si l'on a demandé à voir les masquées. Estompée, mais
   JAMAIS cachée à moitié : pas d'opacité qui rendrait le texte illisible, pas
   de barré qui dirait « annulé ». Elle est traitée ou reportée, pas fausse —
   et c'est souvent celle qu'on vient relire pour comprendre pourquoi une
   panne connue ne remonte plus.
   =========================================================================== */

.alr-masquee {
    color: var(--et-faint);
    font-style: italic;
}

/* ===========================================================================
   3. LE JETON DE SOURCE

   « INT-07 », « SEC-04 » : la référence de l'écran où le problème se règle.
   Discret, comme le jeton de famille de l'écran de santé des intégrations, et
   pour la même raison : il aide à comprendre, il ne porte aucune alerte. Le
   peindre mettrait au même niveau visuel « ça vient des connecteurs » et
   « c'est critique », alors qu'on ouvre cet écran pour le second.
   =========================================================================== */

.alr-source {
    display: inline-block;
    padding: 1px 6px;
    border: 1px solid var(--et-hairline);
    background: var(--et-surface-2);
    color: var(--et-faint);
    font-family: var(--et-font-mono);
    font-size: 12px;
    white-space: nowrap;
}
