/* CasinoOpsAI Internal: shared reliability and narrow-screen containment. */
html,
body {
  max-width: 100%;
  overflow-x: clip;
}

:where(input, select, textarea, button) {
  max-width: 100%;
}

:where(.table-wrap, .canvas-wrap, .coa-demo-langs) {
  overscroll-behavior-inline: contain;
}

@media (max-width: 480px) {
  :where(
    .app-main,
    .app-header__inner,
    .site-strip__inner,
    .coa-demo-container,
    .coa-demo-langs,
    .panel,
    .left-panel,
    .right-panel,
    .center-column,
    .canvas-stage,
    .canvas-toolbar,
    .card,
    .workflow-grid,
    .stack,
    .sidebar
  ) {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
  }

  .coa-demo-langs {
    overflow-x: auto;
  }
}

@supports not (overflow: clip) {
  html,
  body {
    overflow-x: hidden;
  }
}

@media (max-width: 480px) {
  body {
    width: 100vw;
  }

  .app-shell {
    padding-inline: 16px !important;
  }

  .coa-demo-container {
    width: calc(100% - 1.25rem) !important;
  }
}