/* Native scroll areas: quiet transparent tracks, readable surface-specific thumbs. */
:root{
  --scroll-thumb:#6a8598;--scroll-thumb-hover:#52778d;--scroll-thumb-active:#3b6279;
  --scroll-track:transparent;
}
/* Match the document and panes whose surrounding surface is navy glass. */
html:has(body:is(.treasury-detail-page,.portfolio-page,.crystal-rush-page)),
:is(.treasury-detail-page,.portfolio-page,.crystal-rush-page),
#home-liquid-glass :is(#market,.treasury-band),
#site-liquid-glass.ecosystem-page :is(.treasury-mission,.shared-flow),
:is(#burn-redeem-preview,#quick-vote,dialog.entry-loading){
  --scroll-thumb:#87afc2;--scroll-thumb-hover:#afd4e1;--scroll-thumb-active:#d1edf5;
}
/* Light nested pickers and dialogs retain contrast against their own surface. */
:is(.real-nft-review,.treasury-nft-dialog,#redeem-preview,#live-vote-popup,#round-announcement,.market-expanded){
  --scroll-thumb:#6a8598;--scroll-thumb-hover:#52778d;--scroll-thumb-active:#3b6279;
}
/* These replace older component scrollbar declarations, not their overflow rules. */
:where(html,body,body *){
  scrollbar-width:thin!important;
  scrollbar-color:var(--scroll-thumb,#6a8598) var(--scroll-track,transparent)!important;
}
:where(html,body,body *):hover{
  scrollbar-color:var(--scroll-thumb-hover,#52778d) var(--scroll-track,transparent)!important;
}
:where(html,body,body *)::-webkit-scrollbar{width:9px;height:9px}
:where(html,body,body *)::-webkit-scrollbar-track{
  background:var(--scroll-track,transparent);border:0;border-radius:999px;box-shadow:none;
}
:where(html,body,body *)::-webkit-scrollbar-thumb{
  background:var(--scroll-thumb,#6a8598);background-clip:padding-box;
  border:2px solid transparent;border-radius:999px;min-height:28px;
}
:where(html,body,body *)::-webkit-scrollbar-thumb:hover{background-color:var(--scroll-thumb-hover,#52778d)}
:where(html,body,body *)::-webkit-scrollbar-thumb:active{background-color:var(--scroll-thumb-active,#3b6279)}
:where(html,body,body *)::-webkit-scrollbar-corner{background:transparent}
/* Reserve one slim vertical gutter, with no extra rail or second border. */
:is(.treasury-gallery-grid,.nft-options,.asset-table-scroll,#activity-rows,#portfolio-claim-list,
.cronos-vote-list,#received-token-list,.vote-results ol,#results-list,#token-results,
#winner-history-scroll,.rankings .table-wrap){scrollbar-gutter:stable}
:is(.treasury-gallery-grid,.nft-options){padding-inline-end:8px}
/* Keep operating-system high-contrast and scrollbar size choices authoritative. */
@media(forced-colors:active){
  :where(html,body,body *){scrollbar-color:auto!important;scrollbar-width:auto!important}
  :where(html,body,body *)::-webkit-scrollbar{width:revert;height:revert}
  :where(html,body,body *)::-webkit-scrollbar-track,
  :where(html,body,body *)::-webkit-scrollbar-thumb{background:revert;border:revert}
}