/* JLJAM OS v7.10.3 | iPhone reachable top controls.
   The normal document scroll is preserved. Some installed iOS web apps return
   safe-area-inset-top: 0 despite covering their first 50+ CSS pixels.
   Explicitly reserve a status-bar corridor on manager full-screen workspaces. */
@media (max-width: 720px) {
  :root { --jljam-workspace-safe-top: max(58px, env(safe-area-inset-top, 0px)); }

  /* Both document-mode workspaces use the page as their scroll owner. */
  #jljamConstellation .cn-header,
  body.cn-document-mode #jljamConstellation .cn-header,
  #jljamForesight .fs-header,
  body.fs-document-mode #jljamForesight .fs-header {
    position: sticky !important;
    top: 0 !important;
    box-sizing: border-box !important;
    height: calc(var(--jljam-workspace-safe-top) + 64px) !important;
    min-height: calc(var(--jljam-workspace-safe-top) + 64px) !important;
    padding: var(--jljam-workspace-safe-top) 12px 8px !important;
    align-items: center !important;
    z-index: 200 !important;
  }
  #jljamConstellation .cn-head-actions button,
  #jljamForesight .fs-header-actions button {
    min-height: 46px !important;
    min-width: 46px !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent;
  }
  #jljamConstellation .cn-header .cn-brand,
  #jljamForesight .fs-header .fs-brand { min-width: 0; }

  /* Anchor and keyboard navigation respect the taller sticky header. */
  body.cn-document-mode #cnConnectionDetails,
  body.cn-document-mode #jljamConstellation .cn-lower,
  body.fs-document-mode #jljamForesight .fs-flight,
  body.fs-document-mode #jljamForesight .fs-queue {
    scroll-margin-top: calc(var(--jljam-workspace-safe-top) + 84px) !important;
  }
  html.cn-document-mode,html.fs-document-mode {
    scroll-padding-top: calc(var(--jljam-workspace-safe-top) + 70px) !important;
  }
}

/* The installed Home Screen app sometimes supplies a zero env() safe top.
   Do not add this fallback to normal Safari browser content. */
@media (max-width: 720px) and (display-mode: standalone) {
  body .topbar,body[data-display-mode="standalone"] .topbar {
    padding-top: max(58px, env(safe-area-inset-top, 0px)) !important;
  }
  body .detail-overlay .detail-head {
    padding-top: max(58px, env(safe-area-inset-top, 0px)) !important;
    min-height: calc(65px + max(58px, env(safe-area-inset-top, 0px))) !important;
  }
  .search-panel { padding-top: max(58px, env(safe-area-inset-top, 0px)) !important; }
}