/* Shared defaults for page, panel and popup scrolling. Component-specific
   rules (including intentionally hidden scrollbars) retain precedence. */
:where(html, body, body *) {
  scrollbar-width: thin;
  scrollbar-color: rgba(124, 58, 237, .6) rgba(15, 23, 42, .8);
}
:where(html, body, body *)::-webkit-scrollbar { width: 12px; height: 12px; }
:where(html, body, body *)::-webkit-scrollbar-track {
  background: rgba(15, 23, 42, .8);
  border: 1px solid rgba(124, 58, 237, .2);
  border-radius: 6px;
}
:where(html, body, body *)::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, rgba(124, 58, 237, .6), rgba(0, 240, 255, .4));
  border: 2px solid rgba(15, 23, 42, .8);
  border-radius: 6px;
}
:where(html, body, body *)::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, rgba(124, 58, 237, .8), rgba(0, 240, 255, .6));
  border-color: rgba(0, 240, 255, .3);
}
:where(html, body, body *)::-webkit-scrollbar-corner {
  background: rgba(15, 23, 42, .8);
  border-radius: 6px;
}