/* Native VASTELOR scroll regions. The browser owns wheel, touch, inertia,
   keyboard and thumb dragging. Hosts can reuse .v-scroll-region directly. */
:root {
  --v-scroll-thumb:#8d959e;
  --v-scroll-thumb-hover:#687480;
}
:root[data-theme="dark"] {
  --v-scroll-thumb:#77838f;
  --v-scroll-thumb-hover:#a2acb6;
}
.v-scroll-region { min-height:0; overflow-y:auto; overscroll-behavior:contain; }
.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu {
  scrollbar-width:auto; scrollbar-color:auto;
}
html:has(body.v-shell-page) { scrollbar-width:auto; scrollbar-color:auto; }
/* Long lists keep a stable gutter. Dialog bodies reserve it only while
   overflowing, so short account/action windows have no empty scrollbar rail. */
@media (any-pointer:fine) {
  html:has(body.v-shell-page),
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu) {
    scrollbar-width:thin; scrollbar-color:var(--v-scroll-thumb) transparent;
    scrollbar-gutter:stable;
  }
  .v-dialog-body { scrollbar-gutter:auto; }
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu):is(:hover,:focus-within) {
    scrollbar-color:var(--v-scroll-thumb-hover) transparent;
  }
  html:has(body.v-shell-page)::-webkit-scrollbar,
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu)::-webkit-scrollbar {
    width:8px; height:8px;
  }
  html:has(body.v-shell-page)::-webkit-scrollbar-track,
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu)::-webkit-scrollbar-track {
    background:transparent;
  }
  html:has(body.v-shell-page)::-webkit-scrollbar-thumb,
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu)::-webkit-scrollbar-thumb {
    background:var(--v-scroll-thumb); border:2px solid transparent;
    border-radius:12px; background-clip:padding-box;
  }
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu)::-webkit-scrollbar-thumb:hover {
    background-color:var(--v-scroll-thumb-hover);
  }
}
/* In the fixed touch shell the inner main owns page scrolling. */
@media (max-width:719px), (min-width:720px) and (max-width:1199px) and (orientation:portrait) and (any-pointer:coarse) {
  html:has(body.v-shell-page) { scrollbar-gutter:auto; }
}
@media (forced-colors:active) {
  html:has(body.v-shell-page),
  :is(.v-scroll-region,.v-dialog-body,.v-currency-list,.v-app-main,.v-side-rail,.v-balance-options-menu) {
    scrollbar-color:auto; scrollbar-width:auto;
  }
}