:root {
  --apex-safe-gutter: clamp(10px, 2vw, 18px);
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.app-shell,
.main-area,
.content-scroll,
.panel,
.card{
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Viewport fallback: same behavior when JS has not run yet. */

/* Higher-specificity mobile/narrow overrides for previous production table sizing. */