[hidden]{display:none!important}.pwa-install-popup{position:fixed;z-index:60;top:calc(76px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:8px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-radius:20px;background:#fff;color:#000;box-shadow:0 4px 24px #0004;font:14px Arial,sans-serif}.pwa-install-popup button{border:0;border-radius:999px;background:#50d9bf;color:#000;font:inherit;font-weight:700;padding:9px 18px;min-height:36px;cursor:pointer}.pwa-install-popup .pwa-install-close{background:#f0f1f2;padding:4px;width:32px;min-height:32px;font-size:20px}.pwa-install-status{flex-basis:100%;max-width:320px;margin:4px 2px;line-height:1.5}.pwa-wallet-cancel{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100000;border:0;border-radius:99px;background:#50d9bf;color:#000;padding:10px 18px}
/* R5: automatic install dialog, with no separate floating install button. */
.pwa-install-popup{display:grid;grid-template-columns:48px minmax(0,1fr) 32px;gap:10px 12px;width:340px;padding:16px;border-radius:20px;align-items:center}
.pwa-install-icon{grid-column:1;grid-row:1/3;border-radius:12px;width:48px;height:48px}
#pwaInstallTitle{grid-column:2;grid-row:1;font-size:15px;line-height:1.4}
.pwa-install-close{grid-column:3;grid-row:1}
#pwaInstall{grid-column:2;grid-row:2;justify-self:start}
.pwa-install-status{grid-column:1/-1;width:100%;max-width:none;margin:4px 0 0}

/* R10: match the supplied Chrome install banner; retain the browser-owned prompt. */
.pwa-install-popup{top:calc(12px + env(safe-area-inset-top,0px));width:min(560px,calc(100vw - 24px));max-width:calc(100vw - 24px);grid-template-columns:40px minmax(0,1fr) auto;gap:5px 12px;padding:16px;border-radius:14px;background:#303034;color:#fff;box-shadow:0 5px 18px #0003}
.pwa-install-icon{grid-column:1;grid-row:1/3;box-sizing:border-box;width:40px;height:40px;padding:4px;border-radius:50%;background:#000;object-fit:contain}
#pwaInstallTitle{grid-column:2;grid-row:1;font-size:16px;font-weight:400;line-height:1.35}
.pwa-install-origin{grid-column:2;grid-row:2;color:#f1f1f1;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.pwa-install-popup #pwaInstall{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;border-radius:4px;background:transparent;color:#50d9bf;font-weight:500;font-size:16px;padding:8px 6px;min-height:44px}
.pwa-install-popup #pwaInstall:focus-visible{outline:2px solid #50d9bf;outline-offset:2px}
.pwa-install-status{color:#fff;font-size:13px}
@media(max-width:360px){.pwa-install-popup{padding:12px;column-gap:9px}#pwaInstallTitle{font-size:14px}.pwa-install-origin{font-size:12px}}

/* R14: the same persistent mint install control appears inside My Office. */
.pwa-install-popup{box-sizing:border-box;z-index:10050;background:#202023}
.pwa-install-popup #pwaInstall{color:#50d9bf!important;background:transparent!important}

.pwa-wallet-retry{position:fixed;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:100000;max-width:calc(100vw - 32px);border:0;border-radius:99px;background:#50d9bf;color:#000;padding:12px 18px;font:inherit;cursor:pointer}

/* R15: installer is separate from sidebar layout at every width. */
#pwaInstallPopup{position:fixed!important;inset:auto!important;top:calc(12px + env(safe-area-inset-top,0px))!important;left:50%!important;bottom:auto!important;right:auto!important;width:min(560px,calc(100vw - 24px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 24px);overflow:auto!important;display:grid;transform:translateX(-50%)!important;transition:none!important}
#pwaInstallPopup[hidden]{display:none!important}

/* R16: indeterminate progress, with no invented percentage or completion signal. */
.pwa-install-popup .pwa-install-progress{grid-column:1/-1;height:5px;border-radius:9px;background:#ffffff26;overflow:hidden;margin-top:4px}
.pwa-install-progress>span{display:block;width:36%;height:100%;border-radius:inherit;background:#50d9bf;animation:pwa-install-travel 1.4s ease-in-out infinite}
.pwa-install-popup .pwa-install-progress[hidden],.pwa-install-popup button[hidden]{display:none!important}
.pwa-install-popup .pwa-install-close{grid-column:3;grid-row:1/3;justify-self:end;align-self:center;position:static;background:transparent;color:#50d9bf;border:0;min-width:44px;min-height:44px;font-size:24px;cursor:pointer}
@keyframes pwa-install-travel{from{transform:translateX(-110%)}to{transform:translateX(390%)}}
@media(prefers-reduced-motion:reduce){.pwa-install-progress>span{animation:none;width:100%}}

@media(max-width:900px){.pwa-wallet-cancel{bottom:calc(88px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px)}}