/* Scroll controls follow the active palette without JavaScript or layout shifts. */
html[data-panel-theme]{--scroll-track:var(--ui-subtle);--scroll-thumb:var(--ui-action);--scroll-thumb-hover:var(--ui-action-hover)}
html[data-panel-theme],html[data-panel-theme] *{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
@supports selector(::-webkit-scrollbar){
 html[data-panel-theme],html[data-panel-theme] *{scrollbar-width:auto!important;scrollbar-color:auto!important}
 html[data-panel-theme]::-webkit-scrollbar,html[data-panel-theme] ::-webkit-scrollbar{width:8px;height:12px}
 html[data-panel-theme]::-webkit-scrollbar-track,html[data-panel-theme] ::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}
 html[data-panel-theme]::-webkit-scrollbar-thumb,html[data-panel-theme] ::-webkit-scrollbar-thumb{background:var(--ui-control-border);border:2px solid var(--scroll-track);border-radius:999px;min-width:40px;min-height:40px}
 html[data-panel-theme]::-webkit-scrollbar-thumb:horizontal,html[data-panel-theme] ::-webkit-scrollbar-thumb:horizontal{background:var(--scroll-thumb)}
 html[data-panel-theme]::-webkit-scrollbar-thumb:hover,html[data-panel-theme] ::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
 html[data-panel-theme]::-webkit-scrollbar-thumb:active,html[data-panel-theme] ::-webkit-scrollbar-thumb:active{background:var(--ui-action-pressed)}
 html[data-panel-theme]::-webkit-scrollbar-corner,html[data-panel-theme] ::-webkit-scrollbar-corner{background:var(--scroll-track)}
 html[data-panel-theme]::-webkit-scrollbar-button,html[data-panel-theme] ::-webkit-scrollbar-button{display:none;width:0;height:0}
}
@media(forced-colors:active){html[data-panel-theme],html[data-panel-theme] *{scrollbar-color:auto;scrollbar-width:auto}}