/* web/static/pwa.css - owned by the PWA layer (pwa.js). [platform-core] Deliberately a separate file (site.css/site.js have other owners). Two concerns only: 1. .pwa-standalone - the installed-app chrome (class set by pwa.js on ) 2. #aimsInstallBanner - the custom "install as app" banner (built by pwa.js) */ /* ---- 1. installed app: drop the big website chrome, tighten spacing. Navigation stays fully available - the top bar (appnav / nav) is the menu. */ .pwa-standalone footer { display: none; } .pwa-standalone .appmain { padding: 26px 0 64px; } .pwa-standalone .appnav .wrap { height: 60px; } .pwa-standalone .nav .wrap { height: 60px; } .pwa-standalone .nav-cta { display: none; } /* already "inside" the app */ .pwa-standalone body { padding-top: env(safe-area-inset-top); } /* ---- 2. the install banner (RTL, dismissible) ---- */ #aimsInstallBanner { position: fixed; left: 12px; right: 12px; bottom: 14px; z-index: 420; max-width: 560px; margin: 0 auto; display: flex; align-items: center; gap: 12px; background: #fff; border: 1px solid #dfe6f0; border-radius: 16px; box-shadow: 0 14px 40px rgba(13, 27, 46, .18); padding: 12px 14px; font-size: 14px; color: #0d1b2e; } #aimsInstallBanner .pwa-ib-ico { font-size: 24px; flex: none; } #aimsInstallBanner .pwa-ib-txt { flex: 1; line-height: 1.5; min-width: 0; } #aimsInstallBanner .pwa-ib-txt strong { display: block; font-weight: 800; } #aimsInstallBanner .pwa-ib-txt span { color: #4a5872; font-size: 13.5px; } #aimsInstallBanner .pwa-ib-go { flex: none; border: 0; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: 800; color: #fff; padding: 9px 18px; border-radius: 999px; background: linear-gradient(135deg, #1259ff, #00b8a9); } #aimsInstallBanner .pwa-ib-x { flex: none; border: 0; background: none; cursor: pointer; color: #7d8ba3; font-size: 17px; padding: 4px; }