/* Install UI shares the app's theme, and stays reachable above the mobile dock. */
#install-help.pwa-sheet{padding:24px;width:min(560px,calc(100% - 32px));max-width:560px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;border-radius:24px;background:var(--surface,var(--bg));color:var(--ink)}
.pwa-sheet-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.pwa-sheet-top .eyebrow{margin:0;letter-spacing:1.4px}
.pwa-close{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--soft);color:var(--ink);font-size:26px;line-height:1}
.pwa-app-identity{display:flex;gap:16px;align-items:center;margin-bottom:20px}.pwa-app-identity img{border-radius:16px;flex:none}.pwa-app-identity h2{font-size:25px!important;line-height:1.18;letter-spacing:-.8px;margin:0 0 6px}.pwa-app-identity p{margin:0;color:var(--muted);font-size:12px!important}
.pwa-sheet #pwa-summary{font-size:14px;line-height:1.7;margin-bottom:20px;color:var(--muted)}.pwa-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.pwa-benefits span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:7px 11px;background:var(--soft)}
.pwa-readiness{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--soft);margin-bottom:16px}.pwa-state-dot{flex:none;width:8px;height:8px;border-radius:50%;margin-top:7px;background:var(--muted)}.pwa-readiness.is-ready .pwa-state-dot{background:var(--gold)}.pwa-readiness strong{font-size:12px}.pwa-readiness p{margin:4px 0 0;font-size:11px!important;line-height:1.6;color:var(--muted)}
.pwa-install-message{font-size:12px!important;line-height:1.6;color:var(--gold);margin:0 0 16px}.pwa-install-message:empty{display:none}
.pwa-primary,.pwa-secondary{width:100%;display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--line);border-radius:12px;font-weight:600;font-size:13px}.pwa-primary{background:var(--ink);color:var(--bg);margin-bottom:20px}.pwa-primary[hidden]{display:none}.pwa-secondary{background:var(--soft);color:var(--ink)}.pwa-primary:disabled{opacity:.65;cursor:wait}
.pwa-instructions h3{font-size:14px;margin:0 0 12px}.pwa-instructions ol{padding-left:24px;margin:0}.pwa-instructions li{font-size:12px;margin-bottom:10px;padding-left:4px;line-height:1.7}.pwa-instructions li::marker{color:var(--gold);font-weight:700}.pwa-instructions #pwa-browser-note,.pwa-footnote{font-size:11px!important;color:var(--muted);line-height:1.6;margin:14px 0}.pwa-footnote{border-top:1px solid var(--line);padding-top:14px}
.pwa-sheet button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.is-installed-app{overscroll-behavior-y:none}.is-installed-app body{-webkit-tap-highlight-color:transparent}.is-installed-app .header-actions{padding-top:env(safe-area-inset-top,0)}
.pwa-mobile-card{border:1px solid var(--line);border-radius:20px;background:var(--surface,var(--bg));padding:20px}.pwa-mobile-title{display:flex;align-items:center;gap:12px}.pwa-mobile-title img{border-radius:12px;flex:none}.pwa-mobile-title strong{font-size:14px;display:block}.pwa-mobile-title span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.pwa-mobile-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0}.pwa-mobile-card button{width:100%;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:600}.pwa-mobile-card button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:600px){#install-help.pwa-sheet{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:calc(100dvh - max(16px,env(safe-area-inset-top)));border-radius:24px 24px 0 0;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));border-bottom:0}.pwa-app-identity h2{font-size:23px!important}.pwa-sheet-top{margin-bottom:16px}.pwa-app-identity{gap:14px}.pwa-app-identity img{width:56px;height:56px}.update-banner{bottom:calc(84px + env(safe-area-inset-bottom,0px));min-height:48px;max-width:calc(100% - 32px);white-space:normal}}
