/* Shared scroll surfaces; no heights or scrolling behavior are changed. */
:root{--scrollbar-thumb:color-mix(in srgb,var(--brand-action-blue,#006c96) 72%,#dce4ec);--scrollbar-hover:color-mix(in srgb,var(--brand-action-blue,#006c96) 85%,#dce4ec)}
*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}
/* Chromium/WebKit: rounded thumb with a quiet transparent track. */
@supports selector(::-webkit-scrollbar){
 *{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:10px;height:10px}
 ::-webkit-scrollbar-track{background:transparent}
 ::-webkit-scrollbar-button{display:none;width:0;height:0}
 ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid transparent;background-clip:padding-box;border-radius:20px;min-height:36px}
 ::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-hover)}
 ::-webkit-scrollbar-thumb:active{background-color:var(--brand-action-blue,#006c96)}
 ::-webkit-scrollbar-corner{background:transparent}
}
@media(pointer:coarse){::-webkit-scrollbar{width:12px;height:12px}}
@media(forced-colors:active){
 *{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:auto;height:auto}
 ::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:Canvas}
 ::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
}