/* BoothbysWorkShop v9.3 | Universal Industrial Wave scrollbars.
   Loaded last by every HTML document, standalone tool, admin UI and EPK.
   Only presentation: no overflow, sizing, positioning, or scroll behavior changes.
   Native overlay scrollbars on touch devices are controlled by browser/OS. */
:root {
  --bw-scroll-track: #090e1d;
  --bw-scroll-thumb: #bb67e5;
  --bw-scroll-highlight: #49dfee;
}
/* Firefox and browsers implementing the standard scrollbar properties. */
@supports (scrollbar-color: auto) {
  :where(html, body, body *) {
    scrollbar-color: var(--bw-scroll-thumb) var(--bw-scroll-track) !important;
    scrollbar-width: thin !important;
  }
}
/* Chromium/WebKit gradient theme. Standard non-auto colors must be reset first
   or Chromium ignores ::-webkit-scrollbar* even when the selectors exist. */
@supports selector(::-webkit-scrollbar) {
  :where(html, body, body *) {
    scrollbar-color: auto !important;
    scrollbar-width: auto !important;
  }
  :is(html, body, body *)::-webkit-scrollbar {
    width: 11px !important;
    height: 11px !important;
  }
  :is(html, body, body *)::-webkit-scrollbar-track {
    background: #090e1d !important;
    border: 1px solid #36234b !important;
    border-radius: 12px !important;
  }
  :is(html, body, body *)::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg,#e775ea 0%,#8d57e8 28%,#39ccdf 53%,#a147dd 78%,#e775ea 100%) !important;
    border: 2px solid #090e1d !important;
    border-radius: 12px !important;
    min-height: 30px;
    min-width: 30px;
  }
  :is(html, body, body *)::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg,#ffa4f9 0%,#aa7bff 42%,#65eeff 76%,#f088f4 100%) !important;
    border-color: #17112d !important;
  }
  :is(html, body, body *)::-webkit-scrollbar-thumb:active {
    background: #81eafa !important;
  }
  :is(html, body, body *)::-webkit-scrollbar-corner {
    background: #090e1d !important;
  }
}
/* These are decorative marquees, not interactive scroll containers. */
.onair-ticker-viewport, .band, .band-track {
  scrollbar-width: none !important;
}
.onair-ticker-viewport::-webkit-scrollbar,
.band::-webkit-scrollbar, .band-track::-webkit-scrollbar {
  display: none !important;
}
/* Keep a high-contrast native scrollbar when system contrast is forced. */
@media (forced-colors: active) {
  :where(html, body, body *) { scrollbar-color: auto !important; }
  :is(html, body, body *)::-webkit-scrollbar-thumb,
  :is(html, body, body *)::-webkit-scrollbar-track { background: initial !important; border-color: initial !important; }
}
