/* V276: dock the portal navigation to the visual viewport edge.
   Fill the iOS safe area rather than leaving page content exposed beneath a floating bar.
   Keep pinch zoom and all browser accessibility features enabled. */
@media (max-width: 900px) {
  #mobileNav.mobile-nav {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    padding: 8px max(10px, env(safe-area-inset-right, 0px))
             calc(8px + env(safe-area-inset-bottom, 0px))
             max(10px, env(safe-area-inset-left, 0px)) !important;
    border: 0 !important;
    border-top: 1px solid #e6e0d8 !important;
    border-radius: 22px 22px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 -6px 22px rgba(23, 49, 42, .08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: hidden !important;
  }
  #mobileNav.mobile-nav > button {
    min-width: 0 !important;
    min-height: 64px !important;
    width: 100% !important;
    border-radius: 16px !important;
  }
  #app .main {
    padding-bottom: calc(102px + env(safe-area-inset-bottom, 0px)) !important;
  }
  #workspace {
    padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)) !important;
  }
}
@media (max-width: 380px) {
  #mobileNav.mobile-nav {
    padding-left: max(5px, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(5px, env(safe-area-inset-right, 0px)) !important;
  }
}