/* Bootstrap palette mirrors AppColors: surface, border, text and brand. */
#pwa-install {
  --install-surface: #FFFFFF; --install-border: #E5E7EB;
  --install-text: #1A1F36; --install-muted: #6B7280;
  --install-green: #0F6E56; --install-danger: #E5484D;
  box-sizing: border-box; width: calc(100% - 32px); max-width: 360px;
  max-height: calc(100dvh - 32px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  padding: 24px; border: 1px solid var(--install-border); border-radius: 24px;
  background: var(--install-surface); color: var(--install-text);
  font: 400 15px/1.5 system-ui, -apple-system, sans-serif;
  overflow-y: auto; box-shadow: 0 16px 48px rgba(0,0,0,.2);
}
#pwa-install::backdrop { background: rgba(11,31,77,.45); }
#pwa-install img { display: block; border-radius: 14px; margin-bottom: 16px; }
#pwa-install h2 { margin: 0 24px 8px 0; font-size: 22px; line-height: 1.2; }
#pwa-install p { margin: 0 0 20px; color: var(--install-muted); }
#pwa-install button {
  min-height: 44px; border: 0; border-radius: 12px; cursor: pointer;
  padding: 10px 14px; font: 600 15px/1.3 system-ui, -apple-system, sans-serif;
}
#pwa-install button:focus-visible { outline: 2px solid var(--install-green); outline-offset: 3px; }
#pwa-install button:disabled { opacity: .6; cursor: wait; }
#pwa-install .pwa-install-close {
  position: absolute; right: 12px; top: 12px; width: 44px;
  background: transparent; color: var(--install-muted); font-size: 28px;
}
#pwa-install .pwa-install-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#pwa-install .pwa-install-actions button { flex: 1 1 120px; }
#pwa-install-later { background: transparent; color: var(--install-muted); }
#pwa-install-action { background: var(--install-green); color: var(--install-surface); }
#pwa-install ol { padding-left: 22px; margin: 0 0 24px; }
#pwa-install li { padding-left: 4px; margin-bottom: 10px; }
#pwa-install #pwa-install-error { color: var(--install-danger); }