/* Shared native scrollbars; scrolling and layout remain browser controlled. */
:is(.site-public, .aitera-web, .site-admin),
html:has(> body.site-admin) {
  --site-scrollbar-track: #f0f2f8;
  --site-scrollbar-thumb: #b5aecf;
  --site-scrollbar-hover: #8f7cc6;
}
:is(.site-public, .aitera-web) .aitera-sidebar,
.site-admin .admin-sidebar {
  --site-scrollbar-track: #1b1d30;
  --site-scrollbar-thumb: #71658f;
  --site-scrollbar-hover: #a493d3;
}
:is(.site-public, .aitera-web, .site-admin),
:is(.site-public, .aitera-web, .site-admin) *,
html:has(> body.site-admin) {
  scrollbar-width: thin;
  scrollbar-color: var(--site-scrollbar-thumb) var(--site-scrollbar-track);
}
/* Chromium and Safari support rounded handles and a brighter hover state. */
@supports selector(::-webkit-scrollbar) {
  :is(.site-public, .aitera-web, .site-admin),
  :is(.site-public, .aitera-web, .site-admin) *,
  html:has(> body.site-admin) {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar,
  html:has(> body.site-admin)::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-track,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-track,
  html:has(> body.site-admin)::-webkit-scrollbar-track {
    background: var(--site-scrollbar-track);
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-thumb,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-thumb,
  html:has(> body.site-admin)::-webkit-scrollbar-thumb {
    min-height: 36px;
    border: 2px solid var(--site-scrollbar-track);
    border-radius: 8px;
    background: var(--site-scrollbar-thumb);
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-thumb:hover,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-thumb:hover,
  html:has(> body.site-admin)::-webkit-scrollbar-thumb:hover {
    background: var(--site-scrollbar-hover);
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-corner,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-corner,
  html:has(> body.site-admin)::-webkit-scrollbar-corner {
    background: var(--site-scrollbar-track);
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-button,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-button,
  html:has(> body.site-admin)::-webkit-scrollbar-button {
    display: none;
  }
}
@media (forced-colors: active) {
  :is(.site-public, .aitera-web, .site-admin),
  :is(.site-public, .aitera-web, .site-admin) *,
  html:has(> body.site-admin) {
    scrollbar-width: auto;
    scrollbar-color: auto;
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-thumb,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-thumb,
  html:has(> body.site-admin)::-webkit-scrollbar-thumb {
    background: ButtonText;
    border-color: Canvas;
  }
  :is(.site-public, .aitera-web, .site-admin)::-webkit-scrollbar-track,
  :is(.site-public, .aitera-web, .site-admin) *::-webkit-scrollbar-track,
  html:has(> body.site-admin)::-webkit-scrollbar-track {
    background: Canvas;
  }
}