/* RC13: neutral grey scrollbar matching vertical scrollbar. Original table scrollbar stays enabled. */
.performance-scroll { scrollbar-width: auto !important; }
.dashboard-horizontal-scroll {
  position: fixed; bottom: 0; z-index: 100;
  height: 15px; box-sizing: border-box;
  background: #f1f1f1;
  border-top: 1px solid #dedede;
  display: none; overflow-x: auto; overflow-y: hidden;
  scrollbar-width: auto; scrollbar-color: #858585 #f1f1f1;
  scrollbar-gutter: stable;
}
.dashboard-horizontal-scroll.is-visible { display: block; }
.dashboard-horizontal-scroll::-webkit-scrollbar { height: 12px; }
.dashboard-horizontal-scroll::-webkit-scrollbar-track { background: #f1f1f1; }
.dashboard-horizontal-scroll::-webkit-scrollbar-thumb { background: #858585; border-radius: 7px; border: 1px solid #f1f1f1; }
.dashboard-horizontal-scroll::-webkit-scrollbar-thumb:hover { background: #737373; }
.dashboard-horizontal-scroll-spacer { height: 1px; pointer-events: none; }
html[data-theme="dark"] .dashboard-horizontal-scroll {
  background: #16293a; border-top-color: #2c455b;
  scrollbar-color: #777777 #292929;
}
html[data-theme="dark"] .dashboard-horizontal-scroll::-webkit-scrollbar-track { background: #292929; }
html[data-theme="dark"] .dashboard-horizontal-scroll::-webkit-scrollbar-thumb { background: #777777; border-color: #292929; }
@media (max-width: 600px), (pointer: coarse) { .dashboard-horizontal-scroll { display: none !important; } }
