/* Native scrollbars only: this stylesheet never creates a scroll container. */
*{scrollbar-width:thin;scrollbar-color:#61656c transparent}
html{scrollbar-gutter:auto}
/* Admin's intentional workspace scrollbar owns the right edge. */
html:has(#app){scrollbar-gutter:auto}
/* Chromium standard properties override WebKit pseudos unless reset to auto.
   Firefox keeps the native thin/transparent declarations above. */
@supports selector(::-webkit-scrollbar){
 *{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:6px;height:6px;background:transparent}
 ::-webkit-scrollbar-track,::-webkit-scrollbar-track-piece,::-webkit-scrollbar-corner{background:transparent;border:0;box-shadow:none}
 ::-webkit-scrollbar-thumb{background:#61656c;border:0;border-radius:999px;box-shadow:none}
 ::-webkit-scrollbar-thumb:hover{background:#858991}
 ::-webkit-scrollbar-button{display:none;width:0;height:0;background:transparent;border:0}
}
/* The public document thumb overlays content; nested scrollbars remain native.
   Native scrolling remains available if the optional control cannot load. */
html.page-scroll-overlay{scrollbar-width:none}
html.page-scroll-overlay::-webkit-scrollbar{display:none}
.page-scroll-thumb{position:fixed;right:1px;top:0;width:5px;z-index:950;border-radius:999px;background:#61656c;cursor:grab;touch-action:none;user-select:none}
.page-scroll-thumb[hidden]{display:none}
.page-scroll-thumb:hover,.page-scroll-thumb:focus-visible{width:8px;background:#858991}
.page-scroll-thumb:focus-visible{outline:2px solid #ff304f;outline-offset:-2px}
.page-scroll-thumb:active{cursor:grabbing}