/* Radix Scroll Area visual reference; native CSS scrolling, no JS interception. */
:root{--site-scroll-thumb:#929aa7;--site-scroll-hover:#707b8c;--site-scroll-track:transparent}
[data-theme="dark"],.ops-admin-sidebar,.ops-sidebar{--site-scroll-thumb:#647184;--site-scroll-hover:#8b99ac;--site-scroll-track:transparent}
html,[data-site-scrollbars] *{scrollbar-color:var(--site-scroll-thumb) var(--site-scroll-track);scrollbar-width:thin}
html::-webkit-scrollbar,[data-site-scrollbars] ::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track,[data-site-scrollbars] ::-webkit-scrollbar-track{background:var(--site-scroll-track)}
html::-webkit-scrollbar-thumb,[data-site-scrollbars] ::-webkit-scrollbar-thumb{background:var(--site-scroll-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:999px;min-height:32px}
html::-webkit-scrollbar-thumb:hover,[data-site-scrollbars] ::-webkit-scrollbar-thumb:hover{background-color:var(--site-scroll-hover)}
html::-webkit-scrollbar-corner,[data-site-scrollbars] ::-webkit-scrollbar-corner{background:transparent}
@media(forced-colors:active){html,[data-site-scrollbars] *{scrollbar-color:auto;scrollbar-width:auto}}
@media(pointer:coarse){html,[data-site-scrollbars] *{scrollbar-width:auto}}