/* Only installed iOS clients. A translucent install can report dvh shorter
   than vh by the status-bar inset. Do not add that inset twice, and do not
   extend installs whose status bar already sits outside the web viewport. */
@media (max-width: 640px) {
  html[data-af-ios-app="true"]:has(.customer-shell) {
    --af-ios-large-height: 100vh;
    --af-ios-dynamic-height: 100vh;
    --af-ios-top-inset: env(safe-area-inset-top, 0px);
    --af-ios-layout-height: min(var(--af-ios-large-height), calc(var(--af-ios-dynamic-height) + var(--af-ios-top-inset)));
    height: var(--af-ios-layout-height);
    min-height: var(--af-ios-layout-height);
  }
  @supports (height: 100dvh) {
    html[data-af-ios-app="true"]:has(.customer-shell) { --af-ios-dynamic-height: 100dvh; }
  }
  html[data-af-ios-app="true"] body:has(.customer-shell),
  html[data-af-ios-app="true"] body:has(.customer-shell) > #root,
  html[data-af-ios-app="true"] .customer-shell {
    height: var(--af-ios-layout-height);
    min-height: var(--af-ios-layout-height);
  }
}