@media screen and (max-width: 760px) {
  html, body { max-width:100%; overflow-x:clip; }
  body .app-shell { width:100% !important; max-width:100% !important; margin:0 !important; border-radius:0 !important; }
  body .workspace, body.sidebar-collapsed .workspace { display:grid !important; grid-template-columns:minmax(0,1fr) !important; }
  body .window-bar { display:flex; flex-wrap:wrap !important; gap:6px !important; padding:8px !important; height:auto !important; min-width:0 !important; }
  body .window-bar > * { max-width:100%; }
  body #workspaceSearch { flex:1 0 100%; min-width:0; }
  body #workspaceSearchInput { flex:1; min-width:0; width:100%; }
  body .sidebar, body #screen { width:100% !important; max-width:100% !important; min-width:0 !important; padding:8px !important; }
  body #navigation { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
  body #navigation button { text-align:left; white-space:normal; min-width:0; }
  body .sidebar .shift-card { display:none; }
  body .ai-rail { grid-column:1; min-width:0; }
  body .screen-title, body .journal-toolbar, body .workspace-toolbar, body .order-tabs { flex-wrap:wrap !important; min-width:0; }
  body .order-form-grid, body .order-master-fields, body .specification-layout,
  body .specification-fields, body .client-workspace-body, body .order-totals,
  body .ai-group-list { grid-template-columns:minmax(0,1fr) !important; min-width:0 !important; }
  body .modal-window, body dialog:modal { width:calc(100vw - 12px) !important; max-width:calc(100vw - 12px) !important; min-width:0 !important; max-height:94dvh !important; overflow:auto !important; box-sizing:border-box; }
  body .modal-window input, body .modal-window select, body .modal-window textarea,
  body #authGate input { min-width:0; max-width:100%; font-size:16px !important; }
  body .order-action-footer { display:flex !important; flex-wrap:wrap !important; gap:6px !important; height:auto !important; position:sticky; bottom:0; padding-bottom:env(safe-area-inset-bottom); }
  body .window-bar button, body .window-bar a, body #navigation button,
  body .order-action-footer button { min-height:40px !important; }
  body .table-wrap, body .fp-table-scroll { display:block; min-width:0 !important; max-width:100%; overflow-x:auto !important; }
  body .communications-drawer { width:100vw !important; max-width:100vw !important; }
}