/**
 * INR Service — styles globaux hors pipeline Vite.
 *
 * En-têtes de tableaux collants :
 * Bootstrap `.table-responsive` met `overflow-x: auto`, ce qui casse `position: sticky`
 * par rapport au scroll de la page. On définit donc une hauteur max + scroll vertical
 * sur le bloc `.table-responsive` : le `sticky` s’applique alors à ce défilement interne.
 */

.layout-page .table-responsive,
.card .table-responsive,
.modal .table-responsive {
  max-height: min(72vh, calc(100dvh - 11rem));
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.modal .table-responsive {
  max-height: min(55vh, 22rem);
}

/**
 * Saisie des heures (tracker) : listes très longues (ex. 100 lignes).
 * Une zone .table-responsive à hauteur max + overflow-y interne peut empêcher
 * le défilement au trackpad / affichage de la réglette sur macOS + Chrome,
 * alors que le défilement de la fenêtre reste fiable. On laisse le tableau
 * prendre sa hauteur naturelle : le scroll vertical est celui de la page.
 */
.layout-page .table-responsive.inr-table-scroll--page,
.card .table-responsive.inr-table-scroll--page {
  max-height: none;
  overflow-y: visible;
}

.table thead th {
  position: sticky;
  top: 0;
  z-index: 7;
  background-color: var(--bs-table-bg, var(--bs-body-bg, #fff));
  background-clip: padding-box;
  box-shadow: inset 0 -1px 0 var(--bs-table-border-color, var(--bs-border-color-translucent, rgba(0, 0, 0, 0.125)));
}

.table-dark thead th {
  background-color: var(--bs-table-bg);
}