/*
 * SIMA Staff Monitoring desktop horizontal scrolling (v63)
 * Keep the native scrollbar visible and easy to use with a mouse.
 */
html.sima-monitoring-page .ant-table-wrapper .sima-monitoring-horizontal-scroll {
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
  scrollbar-width: auto;
  scrollbar-color: #94a3b8 #eef2f7;
}

html.sima-monitoring-page
  .ant-table-wrapper
  .sima-monitoring-horizontal-scroll::-webkit-scrollbar {
  height: 12px;
}

html.sima-monitoring-page
  .ant-table-wrapper
  .sima-monitoring-horizontal-scroll::-webkit-scrollbar-track {
  background: #eef2f7;
  border-radius: 999px;
}

html.sima-monitoring-page
  .ant-table-wrapper
  .sima-monitoring-horizontal-scroll::-webkit-scrollbar-thumb {
  background: #94a3b8;
  border: 3px solid #eef2f7;
  border-radius: 999px;
}

html.sima-monitoring-page
  .ant-table-wrapper
  .sima-monitoring-horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background: #64748b;
}

/*
 * v78 - Self-calibrating Staff Monitoring sticky employee header.
 *
 * The JS measures the actual rendered gap between the Backoffice topbar and
 * Ant Design sticky holder, then compensates that gap. The offset can be
 * negative because Ant Design/layout wrappers can already contribute their
 * own visual offset. This prevents the double-offset seen in v77.
 */
html.sima-monitoring-page .ant-table-wrapper .ant-table-sticky-holder {
  top: var(--sima-monitoring-sticky-header-top, 0px) !important;
}