/* Shared install controls; env() values are zero on ordinary rectangular viewports. */
@media (display-mode: standalone) {
  body {
    padding-top: env(safe-area-inset-top, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
  }
  .um-nav { top: env(safe-area-inset-top, 0px); }
  .sheet { padding-bottom: calc(26px + env(safe-area-inset-bottom, 0px)); }
}
.app-install-panel {
  position: relative;
  margin: 22px auto;
  padding: 16px;
  border: 1px solid var(--line, rgba(232, 201, 107, .28));
  border-radius: 16px;
  background: var(--card, rgba(255, 255, 255, .035));
  color: var(--ink, #ece7ff);
  max-width: 640px;
  font-family: inherit;
}
.app-install-copy { font-size: 14px; line-height: 1.75; color: var(--dim, #a99fce); margin: 0; }
.app-install-button {
  display: inline-block;
  min-height: 44px;
  padding: 10px 18px;
  margin-top: 12px;
  border: 1px solid var(--gold-d, #b9932f);
  border-radius: 12px;
  background: rgba(232, 201, 107, .12);
  color: var(--gold, #e8c96b);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.app-install-button:disabled { opacity: .65; cursor: default; }
.app-install-button:focus-visible, .app-install-summary:focus-visible { outline: 2px solid #e8c96b; outline-offset: 4px; }
.app-install-summary { min-height: 44px; padding: 10px 0; color: var(--gold, #e8c96b); font-size: 14px; font-weight: 700; cursor: pointer; }