/* Core2Flow mobile guardrails — loaded by the workspace shell into every iframe.
   Presentation only: no process, data or workflow rules live in this file. */
@media (max-width: 700px), (pointer: coarse) and (max-width: 920px) {
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  html, body { max-width: 100%; overflow-x: hidden !important; }
  body { min-width: 0 !important; padding-bottom: calc(78px + env(safe-area-inset-bottom, 0px)); }
  * { min-width: 0; }
  img, svg, canvas, video { max-width: 100%; height: auto; }
  button, input, select, textarea, [role="button"] { min-height: 42px; touch-action: manipulation; }
  input, select, textarea { font-size: 16px !important; }
  h1 { font-size: clamp(22px, 6vw, 30px) !important; line-height: 1.12 !important; }
  h2 { font-size: clamp(18px, 5vw, 24px) !important; line-height: 1.18 !important; }
  h3 { font-size: clamp(16px, 4.4vw, 20px) !important; }
  .shell, .page, main, .container { width: 100% !important; max-width: none !important; padding-left: 14px !important; padding-right: 14px !important; }
  .grid, .layout, .workspace, .content-grid, .cards, .kpis, .two, .three, .sections { grid-template-columns: minmax(0,1fr) !important; }
  .toolbar, .bar, .head, .top, .actions, .controls { flex-wrap: wrap !important; gap: 8px !important; }
  .toolbar > *, .head > *, .top > * { max-width: 100%; }
  .card, .panel, .section { border-radius: 14px !important; box-shadow: 0 7px 22px rgba(15,23,42,.055) !important; }
  dialog, .modal, .drawer { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; max-height: calc(100dvh - 28px) !important; margin: auto !important; border-radius: 18px !important; }
  table { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; scrollbar-width: none; font-size: 11px !important; }
  table::-webkit-scrollbar { display: none; }
  th, td { padding: 9px 7px !important; white-space: nowrap; }
  .embed-frame, iframe { max-width: 100% !important; }
  .toast { bottom: calc(84px + env(safe-area-inset-bottom,0px)) !important; left: 12px !important; right: 12px !important; width: auto !important; text-align: center; }
}

@media (max-width: 430px) {
  body { font-size: 14px; }
  .shell, .page, main, .container { padding-left: 10px !important; padding-right: 10px !important; }
  .card, .panel, .section { padding: 12px !important; }
  .stamp, .quiet { font-size: 11px !important; }
}