/* ============================================================
   CLARIS — Fix sticky tables v2 (round 9 hotfix)

   PROBLÈME 1 : custom_style.css ligne 131 met position:sticky
   sur .table thead th avec background:transparent → quand on
   scrolle, les lignes du tbody passent À TRAVERS le thead.

   PROBLÈME 2 (introduit par v1 de ce fix) : un linear-gradient
   appliqué SUR CHAQUE <th> individuellement crée des "seams"
   (coupures visuelles fines) entre colonnes adjacentes à cause
   du rendu subpixel du navigateur.

   FIX v2 : couleur UNIE sur les <th> + neutralisation des
   bordures et box-shadow par cellule. Le résultat visuel est
   un header bleu continu, sans aucune coupure visible.
   ============================================================ */

/* Cohérence des bordures — évite les traits parasites */
.table {
    border-collapse: collapse !important;
}

/* Header sticky avec fond UNI (pas de gradient par cellule = pas de seams) */
.table thead th {
    background: #2858a0 !important;
    background-color: #2858a0 !important;
    /* Neutralise toutes les bordures de cellule qui créeraient
       des traits verticaux entre colonnes. */
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    /* Le box-shadow PAR CELLULE crée aussi des seams entre colonnes.
       On le neutralise et on le déplace sur le <tr>. */
    box-shadow: none !important;
}

/* Box-shadow déplacé sur le tr (visible mais SANS seams) */
.table thead tr {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Coins arrondis du thead (premier et dernier th) */
.table thead th:first-child {
    border-top-left-radius: 12px;
}
.table thead th:last-child {
    border-top-right-radius: 12px;
}
