/* =========================================================================================
   Onglet « Historique » — couleurs par importance (lot 4 de docs/chantier-historique.md).

   Une paire fond clair / texte foncé par LogSeverity. Le rapport de contraste de chaque paire est
   ≥ 7:1, donc AAA pour du texte normal : une grille se lit en diagonale, et un contraste tout juste
   suffisant y est un contraste insuffisant.

   ⚠️ Les couleurs sont ICI et pas dans history-tab.js : le JS ne connaît que le NOM de la classe
   (HISTORY_SEVERITY_CLASSES), jamais sa valeur. C'est la même règle que pour les icônes — la charte
   appartient à la feuille de style, pas à la donnée ni au comportement.

   ⚠️ `Removal` n'est PAS une variante d'`Error` : supprimer est un geste normal, et une corbeille bien
   remplie ne doit pas ressembler à une panne. D'où le violet, qui ne se confond avec aucun des deux.
   ========================================================================================= */

.grid-history .dx-row.history-info > td {
    background-color: #EEF2F7;
    color: #1E3A5F;
}

.grid-history .dx-row.history-success > td {
    background-color: #E7F6EC;
    color: #14532D;
}

.grid-history .dx-row.history-warning > td {
    background-color: #FFF4E5;
    color: #7A4100;
}

.grid-history .dx-row.history-error > td {
    background-color: #FDECEA;
    color: #8A1C13;
}

.grid-history .dx-row.history-removal > td {
    background-color: #F3EEF8;
    color: #4A2A6B;
}

/* L'icône reprend la couleur du texte de sa ligne : elle porte la même information, elle ne doit pas
   introduire une seconde échelle de couleurs. */
.grid-history .dx-row > td i {
    color: inherit;
}

/* Le survol de DevExtreme repose sur sa propre couleur de fond, qui écraserait la nôtre. On lui rend la
   main sur la seule luminosité, pour que la ligne survolée reste identifiable sans perdre sa sévérité. */
.grid-history .dx-row.dx-state-hover > td {
    filter: brightness(0.96);
}

/* --- Détail déplié ------------------------------------------------------------------------ */

.history-detail {
    padding: 0.5rem 0.25rem;
}

/* La référence AVANT la trace, et lisible : c'est elle que le support demande, pas les 40 lignes de
   pile qui suivent. Sélectionnable d'un double-clic. */
.history-detail-reference {
    font-weight: 600;
    margin-bottom: 0.5rem;
    user-select: all;
}

/* `pre` et non `div` : une pile d'appels est du texte préformaté. `pre-wrap` évite la barre de
   défilement horizontale, `break-word` les URL et noms de types interminables. */
.history-detail-text {
    max-height: 18rem;
    overflow: auto;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-radius: 0.25rem;
    font-size: 0.8125rem;
    white-space: pre-wrap;
    overflow-wrap: break-word;
}