/* Stabilization layer: low-risk rendering guardrails for heavy views. */

.table-shell,
.analytics-card,
.system-settings-card,
.payroll-section-card,
.hr-record-summary-card,
.approval-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 360px;
}

.table-shell {
  contain: layout style;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

.table-shell[data-scrollable-x="true"] {
  cursor: grab;
}

.table-shell[data-scrollable-x="true"]:active {
  cursor: grabbing;
}

.table-shell table {
  contain: layout style;
}

.breaklist-table,
.breaklist-monitor-table,
.my-breaklist-matrix-shell,
.payroll-table,
.error-log-shell {
  contain-intrinsic-size: auto 640px;
}

@media (prefers-reduced-motion: reduce) {
  .table-shell {
    scroll-behavior: auto;
  }
}