/* iOS Home Screen App: let the dark app background flow behind the system status bar,
   while keeping every tappable control below the Dynamic Island / status icons. */
.app-header {
  padding-top: calc(1.05rem + env(safe-area-inset-top, 0px));
  padding-right: max(clamp(1rem, 4vw, 3rem), calc(.75rem + env(safe-area-inset-right, 0px)));
  padding-left: max(clamp(1rem, 4vw, 3rem), calc(.75rem + env(safe-area-inset-left, 0px)));
}

.app-header-actions {
  min-width: 0;
}

.app-refresh-button {
  white-space: nowrap;
}

@media (max-width: 650px) {
  .app-header {
    align-items: center;
    gap: .55rem;
    padding-top: calc(.4rem + env(safe-area-inset-top, 0px));
    padding-bottom: .55rem;
    padding-right: max(.75rem, calc(.5rem + env(safe-area-inset-right, 0px)));
    padding-left: max(.75rem, calc(.5rem + env(safe-area-inset-left, 0px)));
  }

  .app-header .eyebrow {
    margin-bottom: .12rem;
    font-size: .58rem;
    letter-spacing: .1em;
  }

  .app-header h1 {
    font-size: .92rem;
    line-height: 1.1;
  }

  .app-header-actions {
    flex-wrap: nowrap !important;
    gap: .35rem !important;
  }

  .app-refresh-button {
    min-height: 2.25rem;
    padding: .42rem .58rem !important;
    font-size: .78rem;
  }

  .app-header-actions > a {
    display: none;
  }
}

@media (orientation: landscape) and (max-height: 520px) {
  .app-header {
    padding-top: max(.35rem, env(safe-area-inset-top, 0px));
    padding-right: max(.65rem, calc(.45rem + env(safe-area-inset-right, 0px)));
    padding-left: max(.65rem, calc(.45rem + env(safe-area-inset-left, 0px)));
    padding-bottom: .4rem;
  }
}