#notification-center{position:fixed;right:12px;bottom:12px;z-index:9500;background:white;color:#16253b;padding:8px;border:1px solid #75849b;border-radius:8px;font:14px system-ui}#notification-center>div{max-width:min(460px,90vw);max-height:75vh;overflow:auto}#notification-center button,#notification-center input,#notification-center select{margin:5px;padding:8px;max-width:95%}#notification-center label{display:block}#notification-inbox article{border-top:1px solid #ccd;padding:8px}.notification-popup{position:fixed;right:16px;top:16px;z-index:9600;background:#fff3c4;color:#16253b;padding:20px;max-width:85vw;box-shadow:0 3px 15px #5558}.notification-popup button{display:block;margin-top:12px}

.notification-phone{font:16px system-ui;margin:16px auto;padding:0 16px;max-width:620px;color:#16253b}.notification-phone #notification-center{position:static;border:0;padding:0;font:inherit}.notification-phone #notification-center>button{display:none}.notification-phone #notification-center>div{max-width:none;max-height:none;overflow:visible}#notification-center [data-personal-code]{border:1px solid #75849b;border-radius:10px;padding:12px;margin:12px 0}#notification-personal-code{box-sizing:border-box;width:95%;font-size:16px}#notification-center textarea{box-sizing:border-box;width:95%;min-height:145px;margin:5px;font:14px system-ui}
/* Shared compact cards, system theme, touch targets; no dependency. */
#notification-center,.notification-popup{color-scheme:light dark;background:var(--notification-bg,#fff);color:var(--notification-fg,#16253b)}
.notification-card{box-sizing:border-box;border:1px solid #8796aa55!important;border-radius:16px;padding:18px!important;margin:12px 0;background:var(--notification-bg,#fff);color:var(--notification-fg,#16253b);font:500 16px/1.45 system-ui;overflow-wrap:anywhere}
.notification-card>p{margin:0 0 14px}.notification-card button{min-height:44px;min-width:120px;border:0;border-radius:12px;background:#315fbb;color:#fff;font:600 16px system-ui;padding:12px 24px;cursor:pointer}.notification-card button:disabled{background:#60758f;cursor:default}.notification-card button:focus-visible{outline:3px solid #e8aa29;outline-offset:3px}.notification-error:empty{display:none}.notification-error{font-size:14px;color:#a52c2c}.notification-popup{width:min(400px,calc(100vw - 32px));max-height:70vh;overflow:auto;top:max(16px,env(safe-area-inset-top));right:16px;box-shadow:0 8px 32px #0003;z-index:9600}
@media(prefers-color-scheme:dark){:root{--notification-bg:#202a39;--notification-fg:#eef3fa}.notification-phone{background:#141c28;color:#eef3fa}.notification-error{color:#ffb7b7}}
@media(max-width:480px){.notification-phone{margin:12px auto;padding:0 12px}.notification-card button{width:100%;margin:0!important}.notification-popup{right:12px;width:calc(100vw - 24px)}}

/* Owner2334: a push deep link is one compact event, not device management. */
.notification-focused [data-notification-management]{display:none}
.notification-focused .notification-phone{box-sizing:border-box;margin:0;max-width:none;min-height:100vh;min-height:100dvh;padding:20px;display:grid;place-items:center;background:#eef1f6}
.notification-focused #notification-center{width:min(100%,340px);margin:0}
.notification-focused #notification-inbox{box-sizing:border-box;border-radius:18px;background:var(--notification-bg,#fff);padding:24px;text-align:center;box-shadow:0 8px 32px #0002}
.notification-focused .notification-card{border:0!important;margin:0;padding:0!important;font-size:18px}
.notification-focused .notification-card>p:first-child{margin:0 0 20px}
.notification-focused #notification-center .notification-card button{box-sizing:border-box;margin:0;width:100%;max-width:100%;min-height:48px}
.notification-focused #notification-inbox>p{margin:0 0 12px}
@media(prefers-color-scheme:dark){.notification-focused .notification-phone{background:#141c28}}
