/* V864 · Visible scroll affordance for every OS-style managed window. */
.app-managed-window,
.app-managed-window * {
  scrollbar-width: thin;
  scrollbar-color: #9da5af #f2f3f5;
}

.app-managed-window::-webkit-scrollbar,
.app-managed-window *::-webkit-scrollbar {
  width: 11px;
  height: 11px;
}
.app-managed-window::-webkit-scrollbar-track,
.app-managed-window *::-webkit-scrollbar-track {
  background: #f2f3f5;
  border-left: 1px solid #e3e6ea;
}
.app-managed-window::-webkit-scrollbar-thumb,
.app-managed-window *::-webkit-scrollbar-thumb {
  min-height: 34px;
  border: 2px solid #f2f3f5;
  border-radius: 999px;
  background: #9da5af;
}
.app-managed-window::-webkit-scrollbar-thumb:hover,
.app-managed-window *::-webkit-scrollbar-thumb:hover {
  background: #7f8994;
}

/* Any managed window that itself scrolls reserves its right edge so content
   does not jump underneath the scrollbar when it becomes necessary. */
.app-managed-window {
  scrollbar-gutter: stable !important;
  overscroll-behavior: contain;
}

html[data-app-theme="dark"] .app-managed-window,
html[data-app-theme="dark"] .app-managed-window * {
  scrollbar-color: #697581 #202832;
}
html[data-app-theme="dark"] .app-managed-window::-webkit-scrollbar-track,
html[data-app-theme="dark"] .app-managed-window *::-webkit-scrollbar-track {
  background: #202832;
  border-left-color: #303a44;
}
html[data-app-theme="dark"] .app-managed-window::-webkit-scrollbar-thumb,
html[data-app-theme="dark"] .app-managed-window *::-webkit-scrollbar-thumb {
  border-color: #202832;
  background: #697581;
}