/* Top horizontal scrollbar. */
.topScroll {
  overflow-x: auto;
  overflow-y: hidden;
}

/* Scrollable table container with a height limit. */
.bodyScroll {
  overflow-x: auto;
  overflow-y: auto;
  max-height: 70vh;
}

/* Firefox: thin bar with subtle thumb. */
.topScroll,
.bodyScroll {
  scrollbar-width: thin;
  scrollbar-color: var(--mantine-color-gray-4) transparent;
}

.topScroll::-webkit-scrollbar,
.bodyScroll::-webkit-scrollbar {
  height: 6px;
  -webkit-appearance: none;
}

.topScroll::-webkit-scrollbar-track,
.bodyScroll::-webkit-scrollbar-track {
  background: transparent;
}

.topScroll::-webkit-scrollbar-thumb,
.bodyScroll::-webkit-scrollbar-thumb {
  background: var(--mantine-color-gray-4);
  border-radius: 999px;
}

.topScroll::-webkit-scrollbar-thumb:hover,
.bodyScroll::-webkit-scrollbar-thumb:hover {
  background: var(--mantine-color-gray-5);
}