/**
 * iOS / notch safe-area env() — served from /public so Tailwind/PostCSS never scans this file.
 */

.landing-header-safe {
  padding-top: env(safe-area-inset-top, 0px);
  padding-left: env(safe-area-inset-left, 0px);
  padding-right: env(safe-area-inset-right, 0px);
}
.public-main-offset {
  padding-top: calc(4.75rem + env(safe-area-inset-top, 0px));
}
@media (min-width: 640px) {
  .public-main-offset {
    padding-top: calc(5rem + env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 768px) {
  .public-main-offset {
    padding-top: calc(5.5rem + env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 1024px) {
  .public-main-offset {
    padding-top: calc(6rem + env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 1280px) {
  .public-main-offset {
    padding-top: calc(6.5rem + env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 1536px) {
  .public-main-offset {
    padding-top: calc(7rem + env(safe-area-inset-top, 0px));
  }
}
.mobile-nav-panel-safe {
  max-height: calc(100dvh - 4.75rem - env(safe-area-inset-top, 0px));
  padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}
@media (min-width: 640px) {
  .mobile-nav-panel-safe {
    max-height: calc(100dvh - 5rem - env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 768px) {
  .mobile-nav-panel-safe {
    max-height: calc(100dvh - 5.5rem - env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 1024px) {
  .mobile-nav-panel-safe {
    max-height: calc(100dvh - 6rem - env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 1280px) {
  .mobile-nav-panel-safe {
    max-height: calc(100dvh - 6.5rem - env(safe-area-inset-top, 0px));
  }
}
@media (min-width: 1536px) {
  .mobile-nav-panel-safe {
    max-height: calc(100dvh - 7rem - env(safe-area-inset-top, 0px));
  }
}

.admin-header-safe-pt {
  padding-top: env(safe-area-inset-top, 0px);
}
.admin-shell-inner-x {
  padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
  padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
}
@media (min-width: 640px) {
  .admin-shell-inner-x {
    padding-left: max(1.5rem, env(safe-area-inset-left, 0px));
    padding-right: max(1.5rem, env(safe-area-inset-right, 0px));
  }
}
@media (min-width: 1024px) {
  .admin-shell-inner-x {
    padding-left: max(2rem, env(safe-area-inset-left, 0px));
    padding-right: max(2rem, env(safe-area-inset-right, 0px));
  }
}
.admin-main-safe-padding {
  padding-top: 1.5rem;
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0px));
  padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
  padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
}
@media (min-width: 640px) {
  .admin-main-safe-padding {
    padding-top: 2rem;
    padding-bottom: max(2rem, env(safe-area-inset-bottom, 0px));
    padding-left: max(1.5rem, env(safe-area-inset-left, 0px));
    padding-right: max(1.5rem, env(safe-area-inset-right, 0px));
  }
}
@media (min-width: 1024px) {
  .admin-main-safe-padding {
    padding-left: max(2rem, env(safe-area-inset-left, 0px));
    padding-right: max(2rem, env(safe-area-inset-right, 0px));
  }
}
/** Main under fixed admin header (h-14, md:h-16) — same horizontal/bottom as .admin-main-safe-padding */
.admin-main-under-fixed-header {
  padding-top: calc(env(safe-area-inset-top, 0px) + 3.5rem + 1.5rem);
  padding-bottom: max(1.5rem, env(safe-area-inset-bottom, 0px));
  padding-left: max(0.75rem, env(safe-area-inset-left, 0px));
  padding-right: max(0.75rem, env(safe-area-inset-right, 0px));
}
@media (min-width: 640px) {
  .admin-main-under-fixed-header {
    padding-top: calc(env(safe-area-inset-top, 0px) + 3.5rem + 2rem);
    padding-bottom: max(2rem, env(safe-area-inset-bottom, 0px));
    padding-left: max(1.5rem, env(safe-area-inset-left, 0px));
    padding-right: max(1.5rem, env(safe-area-inset-right, 0px));
  }
}
@media (min-width: 768px) {
  .admin-main-under-fixed-header {
    padding-top: calc(env(safe-area-inset-top, 0px) + 4rem + 2rem);
  }
}
@media (min-width: 1024px) {
  .admin-main-under-fixed-header {
    padding-left: max(2rem, env(safe-area-inset-left, 0px));
    padding-right: max(2rem, env(safe-area-inset-right, 0px));
  }
}
.admin-nav-drawer-width {
  width: min(20rem, calc(100vw - 1rem - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)));
}
.admin-nav-drawer-header-pt {
  padding-top: max(0.75rem, env(safe-area-inset-top, 0px));
}
.admin-nav-drawer-scroll {
  -webkit-overflow-scrolling: touch;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}