/* UpTime Invoice Pro V17.12.2 — iOS / PWA safe-area guard.
   Keeps mobile navigation controls below the iPhone status bar while
   preserving the translucent standalone PWA chrome. */

@supports (padding-top: env(safe-area-inset-top)) {
  @media (max-width: 1000px) {
    .mobileTop {
      min-height: calc(62px + env(safe-area-inset-top, 0px)) !important;
      padding-top: calc(10px + env(safe-area-inset-top, 0px)) !important;
      padding-right: calc(var(--app-gutter-sm, 12px) + env(safe-area-inset-right, 0px)) !important;
      padding-left: calc(var(--app-gutter-sm, 12px) + env(safe-area-inset-left, 0px)) !important;
    }

    .side {
      top: calc(10px + env(safe-area-inset-top, 0px)) !important;
      bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
      left: calc(10px + env(safe-area-inset-left, 0px)) !important;
    }
  }

  @media (max-width: 520px) {
    .mobileTop {
      min-height: calc(60px + env(safe-area-inset-top, 0px)) !important;
      padding-top: calc(9px + env(safe-area-inset-top, 0px)) !important;
      padding-right: calc(10px + env(safe-area-inset-right, 0px)) !important;
      padding-left: calc(10px + env(safe-area-inset-left, 0px)) !important;
    }
  }
}