html.pwa-phone-app {
  width: 100%;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  touch-action: pan-x pan-y;
  overscroll-behavior: none;
  -webkit-tap-highlight-color: transparent;
}

html.pwa-phone-app body {
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  min-height: 100dvh;
  margin: 0;
  overflow-x: hidden;
  overscroll-behavior-y: none;
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}

html.pwa-phone-app .modal-overlay {
  padding-top: max(18px, env(safe-area-inset-top, 0px));
  padding-right: max(18px, env(safe-area-inset-right, 0px));
  padding-bottom: max(18px, env(safe-area-inset-bottom, 0px));
  padding-left: max(18px, env(safe-area-inset-left, 0px));
}

/* The AnnAI widget owns its own dimensions. The PWA shell intentionally does
   not resize, scale, or reposition widget iframes and floating chat panels. */