/**
 * Compact dark scrollbar – Mantine dark theme
 * Super thin, minimal thumb, subtle track
 */

/* WebKit (Chrome, Safari, Edge, Opera) – super compact */
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-track {
  background: #0d0d0d;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.2);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.28);
}

::-webkit-scrollbar-corner {
  background: #0d0d0d;
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: rgba(255, 255, 255, 0.2) #0d0d0d;
}

/* Dark scheme only – override light mode if needed */
[data-mantine-color-scheme=dark] ::-webkit-scrollbar-track {
  background: #0d0d0d;
}

[data-mantine-color-scheme=dark] ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
}

/* Light mode – subtle gray scrollbar */
[data-mantine-color-scheme=light] ::-webkit-scrollbar-track {
  background: #f1f3f5;
}

[data-mantine-color-scheme=light] ::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.2);
}

[data-mantine-color-scheme=light] ::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3);
}

[data-mantine-color-scheme=light] * {
  scrollbar-color: rgba(0, 0, 0, 0.25) #f1f3f5;
}