/* Scrollbar */
:root{--scroll-track:var(--bg,#0e1218);--scroll-thumb:#52657d;--scroll-hover:#7892b1}
:root[data-theme="light"]{--scroll-thumb:#8997aa;--scroll-hover:#60758f}
html,*{scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin}
/* Chromium supports both APIs; use its rounded native scrollbar styling. */
@supports selector(::-webkit-scrollbar){
  html,*{scrollbar-width:auto;scrollbar-color:auto}
  /* Thin native scrollers bypass WebKit pseudo styles in Chromium. */
  .tabs,.perf-scroll{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:var(--scroll-track)}
  ::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:10px}
  ::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}
  ::-webkit-scrollbar-corner{background:var(--scroll-track)}
  ::-webkit-scrollbar-button{display:none}
}
@media(forced-colors:active){html,*{scrollbar-color:auto}}

/* Additive preview override: preserve the complete built platform CSS bundle. */
:root{--scroll-track:var(--bg,#0e1218);--scroll-thumb:#52657d;--scroll-hover:#7892b1}
:root[data-theme="light"]{--scroll-thumb:#8997aa;--scroll-hover:#60758f}
html,*{scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:var(--scroll-track)}
::-webkit-scrollbar-thumb,.perf-scroll::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:10px}
::-webkit-scrollbar-thumb:hover,.perf-scroll::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}
::-webkit-scrollbar-corner{background:var(--scroll-track)}
::-webkit-scrollbar-button{display:none}
@media(forced-colors:active){html,*{scrollbar-color:auto}}