/* Overlay scrollbars — Admin + Demo.
   No track/background. 6px semitransparent thumb.
   Thumb stays transparent until `.inv-scrolling` (set while scrolling). */

* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}

*.inv-scrolling {
  scrollbar-color: hsl(var(--foreground) / 0.35) transparent;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background: transparent;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background: transparent;
  border: none;
  box-shadow: none;
}

::-webkit-scrollbar-thumb {
  background-color: transparent;
  border: none;
  border-radius: 9999px;
  box-shadow: none;
  transition: background-color 180ms ease-out;
}

.inv-scrolling::-webkit-scrollbar-thumb {
  background-color: hsl(var(--foreground) / 0.35);
}

.inv-scrolling::-webkit-scrollbar-thumb:hover {
  background-color: hsl(var(--foreground) / 0.5);
}