/* Ventogo scrollbars: Firefox + Chromium/WebKit — neutral tones, no arrows, comfortable width */
:root {
  --vg-scroll-thumb: rgba(130, 154, 177, 0.55);
  --vg-scroll-thumb-hover: rgba(100, 126, 154, 0.72);
  --vg-scroll-track: rgba(225, 232, 241, 0.75);
  --vg-scroll-thumb-border: rgba(255, 255, 255, 0.75);
}

/* Firefox: auto is wider than "thin" */
* {
  scrollbar-width: auto;
  scrollbar-color: var(--vg-scroll-thumb) var(--vg-scroll-track);
}

*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

/* Hide stepper arrows (classic scrollbars on some Win/WebKit setups) */
*::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}
*::-webkit-scrollbar-button:start:decrement,
*::-webkit-scrollbar-button:end:increment {
  display: none;
}

*::-webkit-scrollbar-track {
  background: var(--vg-scroll-track);
  border-radius: 10px;
  margin: 3px;
}

*::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: linear-gradient(
    180deg,
    rgba(148, 168, 190, 0.65),
    rgba(118, 142, 168, 0.7)
  );
  border: 3px solid var(--vg-scroll-thumb-border);
  background-clip: padding-box;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

*::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(
    180deg,
    var(--vg-scroll-thumb-hover),
    rgba(90, 116, 145, 0.78)
  );
  border: 3px solid var(--vg-scroll-thumb-border);
  background-clip: padding-box;
}

*::-webkit-scrollbar-corner {
  background: transparent;
}