.pwa-install-dialog {
  box-sizing: border-box;
  width: min(440px, calc(100% - 32px));
  max-height: calc(100dvh - 32px);
  border: 1px solid #d8dfe7;
  border-radius: 8px;
  padding: 24px;
  color: #24303d;
  background: #fff;
  font: 16px/1.6 system-ui, sans-serif;
  letter-spacing: 0;
}
.pwa-install-dialog::backdrop { background: rgb(20 25 32 / 45%); }
.pwa-install-dialog h2 { margin: 0 36px 12px 0; font-size: 21px; }
.pwa-install-dialog p { margin: 0; overflow-wrap: anywhere; }
.pwa-install-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-right: 24px; }
.pwa-install-brand img { width: 56px; height: 56px; flex: 0 0 56px; object-fit: contain; }
.pwa-install-brand h2 { margin: 0; }
.pwa-install-brand span { font-size: 14px; color: #586575; }
.pwa-install-dialog ol { margin: 16px 0 0; padding-left: 22px; }
.pwa-install-dialog li + li { margin-top: 10px; }
.pwa-install-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.pwa-install-actions:has(> [hidden]):not(:has(> :not([hidden]))) { display: none; }
.pwa-install-actions button { width: 100%; min-height: 44px; padding: 10px 16px; border-radius: 8px; font: inherit; font-weight: 600; cursor: pointer; }
.pwa-install-action { border: 1px solid #24303d; background: #24303d; color: #fff; }
.pwa-install-action i { margin-right: 6px; }
.pwa-install-retry { border: 1px solid #d8dfe7; background: #fff; color: #24303d; }
.pwa-install-actions [hidden], .pwa-install-dialog ol[hidden] { display: none; }
.pwa-dialog-close { position: absolute; right: 12px; top: 12px; width: 36px; height: 36px; border: 0; background: transparent; color: inherit; cursor: pointer; font-size: 26px; }
[data-pwa-install] { white-space: normal; max-width: 100%; }
[data-pwa-install]:disabled { opacity: .65; cursor: default; }
[data-pwa-push-status] { min-height: 24px; overflow-wrap: anywhere; }
.settings-row > div { min-width: 0; }
@media (max-width: 560px) {
  .settings-row:has([data-pwa-install]) { flex-wrap: wrap; }
}