/* PWA additions; original page styles remain in index.html. */
body { padding-top: env(safe-area-inset-top, 0px); }
.login { padding-top: calc(26px + env(safe-area-inset-top, 0px)); }
[data-pwa-install][hidden], [data-pwa-update][hidden], #pwaOffline[hidden] { display: none !important; }
#pwaOffline { padding: 10px 12px; border: 1px solid var(--edge); border-radius: 12px; }
.hero .cta.sport-klaar { background: rgba(52,211,153,.18); color: #9CF3D1; border: 1px solid rgba(52,211,153,.45); box-shadow: none; cursor: default; }
#pwaDialog { color: #EAF0F8; background: #101A2B; border: 1px solid #334155; border-radius: 20px; padding: 24px; width: min(90vw, 400px); font-family: var(--body); }
#pwaDialog::backdrop { background: rgba(0,0,0,.65); }
#pwaDialog h3 { margin-top: 0; }
#pwaDialog p { white-space: pre-line; }