/* Pages rendered inside the Hotwire Native iOS app.
   body.ios-native-app = any app binary (RideMentor-iOS UA token).
   body.native-chrome  = binaries that draw their own native tab bar.
   The top-inset rules mirror what app builds <= 1.0.x inject via WKUserScript. */

body.ios-native-app [class*='border-b'] > .max-w-7xl {
  padding-top: calc(0.75rem + env(safe-area-inset-top)) !important;
}

body.ios-native-app .provider-approval-banner > .max-w-7xl {
  padding-top: calc(0.75rem + env(safe-area-inset-top)) !important;
}

@media (min-width: 640px) {
  body.ios-native-app .fixed.bottom-4 {
    top: calc(5rem + env(safe-area-inset-top)) !important;
    bottom: auto !important;
  }
}

body.native-chrome main.app-content {
  padding-bottom: calc(env(safe-area-inset-bottom) + 4.5rem);
}