/* Install button and update banner for the progressive web app. Neutral colours so it works on every page theme. */
.pwa-install, .pwa-update { position: fixed; z-index: 9999; font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; }
.pwa-install { right: 14px; bottom: calc(14px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 6px; align-items: center; background: #13203a; color: #fff; border: 1px solid #ffffff33; border-radius: 999px; padding: 6px 6px 6px 14px; box-shadow: 0 4px 16px #0005; }
.pwa-install button { font: inherit; cursor: pointer; border-radius: 999px; border: 0; padding: 8px 12px; }
.pwa-install .pwa-go { background: #e0561f; color: #fff; }
.pwa-install .pwa-no { background: transparent; color: #ffffffb3; padding: 8px; }
.pwa-update { left: 50%; transform: translateX(-50%); bottom: calc(14px + env(safe-area-inset-bottom, 0px)); display: flex; gap: 10px; align-items: center; background: #13203a; color: #fff; border-radius: 12px; padding: 10px 14px; box-shadow: 0 4px 16px #0005; max-width: calc(100vw - 28px); }
.pwa-update button { font: inherit; cursor: pointer; background: #e0561f; color: #fff; border: 0; border-radius: 8px; padding: 8px 12px; }
.pwa-help { position: fixed; z-index: 10000; left: 14px; right: 14px; bottom: calc(70px + env(safe-area-inset-bottom, 0px)); max-width: 26rem; margin: 0 auto; background: #fff; color: #13203a; border-radius: 12px; padding: 14px 16px; font: 15px/1.45 system-ui, -apple-system, sans-serif; box-shadow: 0 6px 24px #0006; }
.pwa-help button { margin-top: 8px; font: 600 14px system-ui; cursor: pointer; border: 1px solid #13203a44; background: transparent; border-radius: 8px; padding: 6px 10px; color: inherit; }
@media (display-mode: standalone) { .pwa-install { display: none !important; } }
@media print { .pwa-install, .pwa-update, .pwa-help { display: none !important; } }