/* Visible native scrollbars: keep existing scroll containers and layout semantics. */
html:root, html:root body, html:root body * {
  scrollbar-width: auto !important;
  scrollbar-color: #6b7280 #eef0f3 !important;
}
html:root { scrollbar-gutter: stable; }
html:root::-webkit-scrollbar, html:root body::-webkit-scrollbar, html:root body *::-webkit-scrollbar {
  display: block !important; width: 15px !important; height: 15px !important;
}
html:root::-webkit-scrollbar-track, html:root body::-webkit-scrollbar-track, html:root body *::-webkit-scrollbar-track {
  background: #eef0f3 !important;
}
html:root::-webkit-scrollbar-thumb, html:root body::-webkit-scrollbar-thumb, html:root body *::-webkit-scrollbar-thumb {
  background: #6b7280 !important; border: 3px solid #eef0f3; border-radius: 9px;
}
html:root::-webkit-scrollbar-thumb:hover, html:root body::-webkit-scrollbar-thumb:hover, html:root body *::-webkit-scrollbar-thumb:hover {
  background: #374151 !important;
}
html:root::-webkit-scrollbar-corner, html:root body *::-webkit-scrollbar-corner { background: #eef0f3; }
@media (forced-colors: active) {
  html:root, html:root body, html:root body * { scrollbar-color: auto !important; }
}