/* Installed iPhone/iPad web app: keep controls clear of the status bar and notch. */
@media (display-mode: standalone) {
  html { scroll-padding-top: calc(88px + env(safe-area-inset-top)); }
  .topbar {
    padding-top: env(safe-area-inset-top) !important;
    height: calc(84px + env(safe-area-inset-top)) !important;
    min-height: calc(84px + env(safe-area-inset-top));
  }
  .topbar .pi-brand img {
    content: url('./assets/icon.svg');
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    border-radius: 0;
    background: #000;
  }
  dialog { max-height: calc(100dvh - env(safe-area-inset-top) - 24px) !important; }
}
@media (display-mode: standalone) and (max-width: 760px) {
  .topbar {
    height: calc(66px + env(safe-area-inset-top)) !important;
    min-height: calc(66px + env(safe-area-inset-top));
  }
}