.pwa-card{display:flex;align-items:center;gap:16px;padding:18px;margin:0 0 24px;border:1px solid #26364d;border-radius:18px;background:linear-gradient(125deg,#142337,#101627);color:#eef5ff}.pwa-card img{width:48px;height:48px;border-radius:12px}.pwa-card div{flex:1;min-width:0}.pwa-card strong{font-size:15px}.pwa-card p{color:#a4b6cc;font-size:13px;line-height:1.5;margin:5px 0}.pwa-action{font:inherit;font-size:13px;font-weight:600;min-height:44px;padding:10px 16px;border:1px solid #396174;border-radius:12px;color:#bcf2ff;background:#142b3d;cursor:pointer}.pwa-action:focus-visible{outline:2px solid #80ddf3;outline-offset:3px}.pwa-action:disabled{opacity:.65;cursor:default}.pwa-dialog{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:26px;border:1px solid #34465f;border-radius:22px;background:#0e192b;color:#eef5ff;font-family:system-ui;box-shadow:0 25px 90px #0009}.pwa-dialog::backdrop{background:#020714b8;backdrop-filter:blur(6px)}.pwa-dialog h2{font-size:22px;margin:8px 0 16px}.pwa-dialog p,.pwa-dialog li{font-size:15px;line-height:1.6;color:#b7c7db}.pwa-dialog ol{padding-left:22px}.pwa-dialog .pwa-action{width:100%;margin-top:12px}.pwa-status{position:fixed;z-index:100050;left:50%;transform:translateX(-50%);bottom:calc(82px + env(safe-area-inset-bottom,0px));width:max-content;max-width:calc(100% - 32px);box-sizing:border-box;border:1px solid #38536c;background:#111e31;color:#d8e8f8;border-radius:14px;padding:12px 16px;font:13px/1.5 system-ui;box-shadow:0 8px 30px #0007}.pwa-status[hidden]{display:none}.pwa-login-install{display:block;margin:16px auto 0}.pwa-update{margin-top:10px}.pwa-update[hidden]{display:none}@media(max-width:480px){.pwa-card{flex-wrap:wrap}.pwa-card>.pwa-action{width:100%}}@media(display-mode:standalone){html{overscroll-behavior-y:none}}
/* Compact notification preferences shared by the centre and mobile settings. */
.push-control{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 12px;border:1px solid #283950;border-radius:14px;background:#101d2d;color:#e3ecf6;flex-shrink:0}
.push-control-copy{min-width:0;flex:1}.push-control strong{font:600 12px/1.4 system-ui}.push-control p{font:11px/1.5 system-ui;color:#9cadc2;margin:4px 0 0}.push-control-actions{display:flex;gap:6px;flex-wrap:wrap}.push-control .pwa-action{font-size:12px;padding:8px 12px;min-height:40px;border-radius:10px}.push-control [hidden]{display:none!important}
.mobile-notification-dialog>.push-control{margin:12px 14px 0}
@media(max-width:480px){.push-control{align-items:flex-start;flex-direction:column}.push-control-actions{width:100%}.push-control .pwa-action{flex:1;min-height:42px}}