/* Scoped iPadOS PWA keyboard / input focus fix
   Applies only in WebKit (iOS/iPadOS) when the app is running as a standalone PWA.
   This file is intentionally minimal and only overrides properties known to
   interfere with the virtual keyboard (body overflow and transforms on ancestors).
*/

@supports (-webkit-touch-callout: none) {
  @media (display-mode: standalone) {
    html, body {
      /* make the root scrollable in standalone so WebKit will attach the keyboard */
      overflow-x: visible !important;
      overflow-y: auto !important;
      height: 100% !important;
      -webkit-overflow-scrolling: touch;
    }

    /* Inputs inside transformed/animated containers can fail to show the keyboard.
       Remove transforms for common app containers in standalone mode only. */
    .onboarding-container,
    .onboarding-card,
    .auth-container,
    .auth-card,
    .app-shell {
      -webkit-transform: none !important;
      transform: none !important;
      -webkit-backface-visibility: visible !important;
      backface-visibility: visible !important;
    }

    /* Keep decorative layers non-interactive so they don't block taps */
    .starfield, .mobile-overlay { pointer-events: none !important; }
  }
}