/* Notification presentation. Scoped to .dn-root; no layout changes outside the mount.
   Toast/dialog entrances use cancellable one-shot WAAPI; base styles stay fully visible. */
.dn-root{--dn-bg:#09131f;--dn-line:#354454;--dn-muted:#b6c3d4;--dn-text:#f5f3fc;--dn-accent:#c3adff;position:relative;z-index:60;color:var(--dn-text);font:14px/1.5 DDInter,Inter,Arial,sans-serif;text-align:left}
.dn-root *{box-sizing:border-box}.dn-root [hidden]{display:none!important}.dn-root button,.dn-root input{font:inherit}.dn-root button{cursor:pointer;touch-action:manipulation}.dn-root button:disabled{opacity:.5;cursor:default}.dn-root :focus-visible{outline:3px solid #8be9ff;outline-offset:4px}.dn-root button{min-height:40px;border:1px solid #41526a;color:var(--dn-text);background:#0d1d2c;padding:8px 13px;border-radius:13px}.dn-root button:hover{border-color:#ae8ee9}.dn-root p,.dn-root h2,.dn-root h3{margin:0}.dn-root h2{font-size:24px;letter-spacing:-.65px;font-weight:550}.dn-root h3{font-size:15px;line-height:1.4;font-weight:600}.dn-root .dn-bell{position:relative;width:44px;height:44px;border-radius:50%;padding:10px;background:linear-gradient(135deg,#162132,#08101b)}.dn-bell svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.dn-count{position:absolute;right:-5px;top:-6px;min-width:21px;height:21px;padding:1px 5px;border-radius:10px;background:#cab8ec;color:#141221;font-size:11px;line-height:19px;font-variant-numeric:tabular-nums;border:1px solid #ede5fd}.dn-center{position:absolute;top:54px;right:0;width:min(480px,calc(100vw - 24px));max-height:calc(100vh - 100px);overflow:auto;background:linear-gradient(135deg,#10192a,#07101a 70%);border:1px solid #58637d;border-radius:22px;box-shadow:0 20px 75px #000a;padding:22px;scrollbar-color:#5b557c #0b121e;overscroll-behavior:contain}.dn-center>header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.dn-root .dn-icon-button{border-radius:50%;width:40px;height:40px;padding:0;font-size:23px}.dn-root .dn-eyebrow,.dn-root .dn-category{font-size:10px;letter-spacing:1.7px;color:var(--dn-accent);margin-bottom:5px}.dn-tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.dn-root .dn-tools button{background:transparent;font-size:11px;padding:7px 10px;min-height:36px}.dn-list{display:grid;gap:10px}.dn-item{border:1px solid #35415b;border-radius:16px;padding:16px;background:linear-gradient(115deg,#171c31,#101926)}.dn-item.is-read{background:#0b1521;border-color:#23374a}.dn-root .dn-item>p:not(.dn-category){margin-top:6px;font-size:12px}.dn-meta{color:var(--dn-muted);font-size:11px!important;overflow-wrap:anywhere}.dn-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}.dn-root .dn-actions button{font-size:11px;border-radius:11px;min-height:38px;padding:8px 11px}.dn-actions>button:first-child{background:#4b268c;border-color:#8d64c9}.dn-root .dn-empty{color:var(--dn-muted);padding:26px 6px;font-size:13px}.dn-upgrade{padding:18px;border:1px solid #69618a;background:linear-gradient(135deg,#221d3e,#111a2b);border-radius:17px;margin-top:18px}.dn-upgrade>p{margin-top:8px}.dn-preferences{margin-top:18px;border-top:1px solid var(--dn-line);padding-top:15px}.dn-preferences summary{cursor:pointer;min-height:36px;color:#d9caff;font-size:12px}.dn-preferences label{display:flex;align-items:center;gap:12px;min-height:42px;font-size:12px}.dn-preferences input{accent-color:#9875e3;width:18px;height:18px;flex:none}.dn-root .dn-preferences p{color:var(--dn-muted);font-size:11px;margin-top:9px}.dn-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:15px;max-width:min(490px,calc(100vw - 32px));padding:16px 18px;border:1px solid #877397;border-radius:18px;box-shadow:0 16px 55px #0009;background:linear-gradient(130deg,#222033,#0d1b28);z-index:90}.dn-toast-symbol{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#4d3570;color:#e6d4fb;flex:none}.dn-toast strong{font-size:13px;font-weight:600}.dn-toast p{font-size:11px;color:var(--dn-muted);margin-top:2px}.dn-root .dn-toast button{padding:5px 10px;font-size:20px;min-width:38px;background:transparent;border:0}.dn-dialog{color:var(--dn-text);background:linear-gradient(135deg,#171b2c,#07121d);border:1px solid #80698a;border-radius:24px;box-shadow:0 25px 90px #000c;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:30px}.dn-dialog::backdrop{background:#01060dbb;backdrop-filter:blur(5px)}.dn-dialog>p{margin-top:14px}.dn-dialog h2{font-size:27px;line-height:1.15}.dn-root.dn-inline{z-index:auto;position:static}.dn-inline .dn-center{position:static;width:100%;max-height:none;box-shadow:none;border-color:#344157}.dn-preferences-only .dn-preferences{border:0;margin:0;padding:0}.dn-preferences-only summary{font-size:21px;font-weight:550}.dn-preferences-only label{font-size:14px;padding:8px 0}.dn-root[data-motion=reduced] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.dn-root[data-paused=true] *{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.dn-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:620px){.dn-center{padding:17px;position:fixed;right:12px;top:76px;width:calc(100vw - 24px)}.dn-toast{right:16px;bottom:16px;gap:9px;padding:13px}.dn-inline .dn-center{position:static;width:100%}.dn-dialog{padding:23px}.dn-root .dn-actions button{min-height:42px}}
