/* BoothbysWorkShop site-wide Industrial Wave scrollbars */
:root{color-scheme:dark;scrollbar-color:#9c41c7 #11101a;scrollbar-width:thin}
*{scrollbar-color:#9c41c7 #11101a;scrollbar-width:thin}
*::-webkit-scrollbar{width:9px;height:9px}
*::-webkit-scrollbar-track{background:#11101a;border-left:1px solid #32223f}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ba58d7,#673b90);border:2px solid #11101a;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e47aff,#8261c2)}
*::-webkit-scrollbar-corner{background:#11101a}
/* Keep tickers and visual rails scrollbar-free. */
.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}
/* Footers retain full width but are slim, not double layered. */
.epk-immersive .site-footer{padding:7px 0!important;min-height:0!important}
.epk-immersive .site-footer .footer-inner{min-height:0!important;padding-top:3px!important;padding-bottom:3px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}
.epk-immersive .site-footer .footer-inner strong,.epk-immersive .site-footer .footer-inner small{font-size:11px!important;margin:0!important}
.epk-immersive .site-footer nav{display:flex;align-items:center;gap:clamp(8px,1.5vw,20px)!important}
.epk-immersive .site-footer nav a{font-size:11px!important}
#tools-taskbar{min-height:45px!important;padding-top:4px!important;padding-bottom:4px!important}
.v20-tool-page>footer{display:none!important}

/* v20.6.0: CSS scrollbar-color overrides ::-webkit-scrollbar in Chromium;
   use its native pseudo-elements there and retain a Firefox fallback. */
@supports selector(::-webkit-scrollbar) {
  :root,html,body,body *,#desktop-area,#tools-wrapper {scrollbar-color:auto!important;scrollbar-width:auto!important}
  #desktop-area::-webkit-scrollbar,html::-webkit-scrollbar,body::-webkit-scrollbar,
  .window-body::-webkit-scrollbar,.start-menu::-webkit-scrollbar,.bw-dialog::-webkit-scrollbar,
  #bw-running::-webkit-scrollbar {width:11px!important;height:10px!important}
  #desktop-area::-webkit-scrollbar-track,html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,
  .window-body::-webkit-scrollbar-track,.start-menu::-webkit-scrollbar-track {background:#090e1d!important;border-left:1px solid #342344;border-radius:9px}
  #desktop-area::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,
  .window-body::-webkit-scrollbar-thumb,.start-menu::-webkit-scrollbar-thumb,
  .bw-dialog::-webkit-scrollbar-thumb,#bw-running::-webkit-scrollbar-thumb {
    background:linear-gradient(180deg,#ed68ee 0%,#8058ec 25%,#33c9e4 50%,#c34de8 75%,#ed68ee 100%)!important;
    background-size:100% 350%!important;border:2px solid #090e1d!important;border-radius:12px!important;
    animation:bw-scrollbar-wave 5s linear infinite!important;
  }
  #desktop-area::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,
  .window-body::-webkit-scrollbar-thumb:hover,.start-menu::-webkit-scrollbar-thumb:hover {
    background:linear-gradient(180deg,#ff9afa,#55eaff,#b777ff)!important;border-color:#1d1536!important;
  }
}
@keyframes bw-scrollbar-wave {0%{background-position:0 0}100%{background-position:0 100%}}
@media(prefers-reduced-motion:reduce){*::-webkit-scrollbar-thumb{animation:none!important}}
/* Firefox supports a colored scrollbar but not gradient scrollbar thumbs. */
@supports not selector(::-webkit-scrollbar){html,body,#desktop-area,.window-body,.start-menu,.bw-dialog {scrollbar-width:thin!important;scrollbar-color:#b85de9 #090e1d!important}}