/* Tableau de données partagé — extrait de Shared/Chat/ResponseBlockView.razor.css (implémenté en
   session) pour être consommé aussi par Shared/InvoiceSearch/InvoiceResultsTable.razor : ces règles
   encodent deux écarts délibérés non documentés dans components/DataTable/README.md (teinte de zébrure,
   alignement numérique en police tabulaire) — les dupliquer entre le tableau du chat et celui de la page
   Recherche risquerait une divergence silencieuse entre les deux. Feuille globale plutôt que CSS scopé
   par composant (*.razor.css) : consommée par deux composants distincts, un fichier scopé à l'un des deux
   ne s'appliquerait jamais à l'autre (même piège déjà documenté pour NavLink/MarkupString, cf. CLAUDE.md
   Client §4bis/§6). */

.chat-block__table-scroll {
    overflow-x: auto;
}

.data-table {
    width: 100%;
    border-collapse: collapse;
}

.data-table th,
.data-table td {
    padding: var(--space-2) var(--space-3);
    border-bottom: 1px solid var(--divider);
    white-space: nowrap;
}

.data-table thead th {
    background: var(--surface-sunken);
    color: var(--ink-secondary);
    font-weight: 500;
}

/* Bandes zébrées sur les lignes impaires (demandé explicitement) : non décrit dans DataTable.md, qui ne
   documente que le survol/la sélection en surface-sunken ("matching the header rather than introducing a
   new tint") — pas de teinte de zébrure fournie. surface (fond de page) plutôt que surface-sunken (déjà
   pris par l'en-tête/le survol, les réutiliser aurait rendu une ligne impaire indiscernable du survol).
   Doit rester déclarée avant la règle :hover ci-dessous pour que le survol garde le dernier mot sur une
   ligne impaire comme paire. */
.data-table tbody tr:nth-child(odd) td {
    background: var(--surface);
}

.data-table tbody tr:hover td {
    background: var(--surface-sunken);
}

.data-table td.data {
    font-family: var(--font-mono);
}