.infinite-scrolling-table {
  scrollbar-width: thin;
}

/* Mantine draws the sticky-header bottom border via box-shadow on each <th>,
   which stops at the last column. The <tr> shadow fills the remaining space. */
.infinite-scrolling-table thead tr {
  box-shadow: inset 0 -1px 0
    var(
      --table-border-color,
      light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4))
    );
}

.infinite-scrolling-table::-webkit-scrollbar {
  width: 8px;
}

.infinite-scrolling-table::-webkit-scrollbar-track {
  background: transparent;
}

.infinite-scrolling-table::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.infinite-scrolling-table:hover::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
}