/* Morpheus Notification Action Center preview — notification scope only */
:root{--nc-bg:#eef3f9;--nc-panel:#fff;--nc-card:#fff;--nc-soft:#f4f7fb;--nc-line:#d9e3ef;--nc-text:#111827;--nc-muted:#607087;--nc-faint:#8b9bb0;--nc-accent:#2563eb;--nc-accent2:#1d4ed8;--nc-accent-soft:#e8f0ff;--nc-danger:#d92d20;--nc-danger-soft:#fff1f0;--nc-success:#0f9f6e;--nc-success-soft:#e9fbf4;--nc-shadow:0 32px 100px rgba(15,23,42,.28),0 8px 28px rgba(15,23,42,.12)}
[data-theme="dark"]{--nc-bg:#08111f;--nc-panel:#101b2c;--nc-card:#142238;--nc-soft:#1a2940;--nc-line:#2a3e59;--nc-text:#f4f8ff;--nc-muted:#adbbcf;--nc-faint:#8192aa;--nc-accent:#7aa8ff;--nc-accent2:#9bbdff;--nc-accent-soft:#1c335b;--nc-danger:#ff8a95;--nc-danger-soft:#3c2029;--nc-success:#5fd4aa;--nc-success-soft:#123c35;--nc-shadow:0 38px 110px rgba(0,0,0,.58),0 9px 30px rgba(0,0,0,.34)}
html.mpd-notification-center-open,body.mpd-notification-center-open{overflow:hidden!important;overscroll-behavior:none}
.mpd-notification-layer,.mpd-notification-layer *{box-sizing:border-box}
.mpd-notification-layer{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;pointer-events:none;opacity:0;visibility:hidden;transition:.18s ease;font-family:inherit}
.mpd-notification-layer.is-open{pointer-events:auto;opacity:1;visibility:visible}
.mpd-notification-backdrop{position:absolute;inset:0;background:rgba(8,17,31,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.mpd-notification-panel{position:relative;width:min(760px,calc(100vw - 32px));max-height:min(88dvh,860px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--nc-line);border-radius:28px;background:var(--nc-panel);color:var(--nc-text);box-shadow:var(--nc-shadow);outline:0;transform:translateY(12px) scale(.985);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.mpd-notification-layer.is-open .mpd-notification-panel{transform:none}.mpd-notification-handle{display:none}
.mpd-notification-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid var(--nc-line);background:linear-gradient(180deg,var(--nc-soft),var(--nc-panel))}
.mpd-notification-panel>header small{display:block;margin-bottom:6px;color:var(--nc-muted);font-size:9px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}
.mpd-notification-panel>header h2{display:flex;align-items:center;gap:9px;margin:0!important;color:var(--nc-text)!important;font-size:29px!important;font-weight:850!important;line-height:1.08!important;letter-spacing:-.04em!important;-webkit-text-fill-color:var(--nc-text)!important}
.mpd-notification-panel>header h2 b{display:inline-flex;align-items:center;min-height:23px;padding:4px 8px;border-radius:999px;background:var(--nc-accent);color:#fff;font-size:9px;font-weight:850;letter-spacing:0;white-space:nowrap}
.mpd-notification-panel>header p{max-width:590px;margin:7px 0 0!important;color:var(--nc-muted)!important;font-size:11px!important;line-height:1.45!important;-webkit-text-fill-color:var(--nc-muted)!important}
.mpd-notification-panel>header>button{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;padding:0;border:1px solid var(--nc-line);border-radius:13px;background:var(--nc-panel);color:var(--nc-muted);cursor:pointer}
.mpd-notification-layer svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mpd-notification-search{display:flex;align-items:center;gap:9px;margin:11px 16px 8px;padding:0 12px;border:1px solid var(--nc-line);border-radius:13px;background:var(--nc-soft);color:var(--nc-faint)}
.mpd-notification-search:focus-within{border-color:var(--nc-accent);background:var(--nc-panel);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.mpd-notification-search input{min-width:0;flex:1;height:39px;padding:0;border:0;outline:0;background:transparent;color:var(--nc-text);font:inherit;font-size:11px;font-weight:650;-webkit-text-fill-color:var(--nc-text)}
.mpd-notification-search input::placeholder{color:var(--nc-faint)}
.mpd-notification-panel>nav{display:flex;gap:7px;padding:0 16px 10px;overflow-x:auto;scrollbar-width:none}.mpd-notification-panel>nav::-webkit-scrollbar{display:none}
.mpd-notification-panel>nav button{flex:0 0 auto;min-height:31px;padding:6px 10px;border:1px solid var(--nc-line);border-radius:999px;background:var(--nc-panel);color:var(--nc-muted);font:inherit;font-size:9px;font-weight:850;cursor:pointer;white-space:nowrap}
.mpd-notification-panel>nav button.active{border-color:var(--nc-accent);background:var(--nc-accent);color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.2)}
.mpd-notification-tools{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--nc-line);border-bottom:1px solid var(--nc-line);background:var(--nc-soft)}
.mpd-notification-tools span{flex:1}.mpd-notification-tools button{min-height:31px;display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--nc-muted);font:inherit;font-size:9px;font-weight:850;cursor:pointer}.mpd-notification-tools button:hover{border-color:var(--nc-line);background:var(--nc-panel);color:var(--nc-text)}.mpd-notification-tools button.danger{color:var(--nc-danger)}
.mpd-notification-panel>[data-confirm]{display:flex;align-items:center;gap:9px;padding:10px 16px;border-bottom:1px solid var(--nc-danger);background:var(--nc-danger-soft);color:var(--nc-muted);font-size:10px}.mpd-notification-panel>[data-confirm][hidden]{display:none!important}.mpd-notification-panel>[data-confirm] b{color:var(--nc-text)}.mpd-notification-panel>[data-confirm] span{flex:1}.mpd-notification-panel>[data-confirm] button{min-height:29px;padding:5px 9px;border:1px solid var(--nc-line);border-radius:8px;background:var(--nc-panel);color:var(--nc-muted);font:inherit;font-size:9px;font-weight:850;cursor:pointer}.mpd-notification-panel>[data-confirm] button.danger{border-color:var(--nc-danger);background:var(--nc-danger);color:#fff}
.mpd-notification-panel>main{min-height:0;flex:1;overflow-y:auto;padding:13px;background:var(--nc-bg);scrollbar-width:thin;scrollbar-color:var(--nc-line) transparent}
.mpd-notification-item{margin-bottom:9px;overflow:hidden;border:1px solid var(--nc-line);border-radius:17px;background:var(--nc-card);box-shadow:0 4px 14px rgba(15,23,42,.045)}.mpd-notification-item:last-child{margin-bottom:0}.mpd-notification-item.unread{border-color:rgba(37,99,235,.38);background:linear-gradient(90deg,var(--nc-accent-soft),var(--nc-card) 28%);box-shadow:inset 3px 0 var(--nc-accent),0 4px 14px rgba(15,23,42,.045)}
.mpd-notification-item>div{display:grid;grid-template-columns:42px minmax(0,1fr) 8px;align-items:start;gap:12px;padding:14px}
.mpd-notification-avatar{width:42px;height:42px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--nc-line);border-radius:14px;background:linear-gradient(145deg,var(--nc-accent-soft),var(--nc-soft));color:var(--nc-accent);font-size:11px;font-weight:900}.mpd-notification-avatar img{width:100%;height:100%;object-fit:cover}
.mpd-notification-item section{min-width:0}.mpd-notification-item .who{display:flex;align-items:baseline;gap:5px;min-width:0}.mpd-notification-item .who strong{max-width:42%;overflow:hidden;color:var(--nc-text)!important;font-size:10px!important;font-weight:900!important;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:var(--nc-text)!important}.mpd-notification-item .who span{min-width:0;flex:1;overflow:hidden;color:var(--nc-muted)!important;font-size:9px!important;font-weight:650!important;text-overflow:ellipsis;white-space:nowrap;-webkit-text-fill-color:var(--nc-muted)!important}.mpd-notification-item time{color:var(--nc-faint);font-size:8px;font-weight:800}
.mpd-notification-item h3{margin:5px 0 0!important;color:var(--nc-text)!important;font-size:13px!important;font-weight:850!important;line-height:1.3!important;-webkit-text-fill-color:var(--nc-text)!important}.mpd-notification-item section>p{display:-webkit-box!important;margin:5px 0 0!important;overflow:hidden!important;color:var(--nc-muted)!important;font-size:10px!important;line-height:1.48!important;white-space:pre-line!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-text-fill-color:var(--nc-muted)!important}.mpd-notification-item section>small{display:block;margin-top:7px;overflow:hidden;color:var(--nc-accent);font-size:8px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.mpd-notification-item .dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--nc-accent);box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.mpd-notification-item footer{display:flex;gap:5px;margin-top:10px;overflow-x:auto;scrollbar-width:none}.mpd-notification-item footer::-webkit-scrollbar{display:none}.mpd-notification-item footer button,.mpd-notification-item form button{flex:0 0 auto;min-height:30px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--nc-line);border-radius:9px;background:var(--nc-panel);color:var(--nc-muted);font:inherit;font-size:8px;font-weight:850;white-space:nowrap;cursor:pointer}.mpd-notification-item footer button:hover{border-color:var(--nc-accent);background:var(--nc-accent-soft);color:var(--nc-accent)}.mpd-notification-item button.primary{border-color:var(--nc-accent);background:var(--nc-accent);color:#fff}.mpd-notification-item button.primary:hover{background:var(--nc-accent2);color:#fff}.mpd-notification-item button.liked{border-color:var(--nc-accent);background:var(--nc-accent-soft);color:var(--nc-accent)}.mpd-notification-item button.liked svg{fill:currentColor}.mpd-notification-item footer button:last-child:hover{border-color:var(--nc-danger);background:var(--nc-danger-soft);color:var(--nc-danger)}
.mpd-notification-item form{margin-top:11px;padding:10px;border:1px solid var(--nc-line);border-radius:12px;background:var(--nc-soft)}.mpd-notification-item textarea{width:100%;min-height:78px;padding:9px 10px;resize:vertical;border:1px solid var(--nc-line);border-radius:9px;outline:0;background:var(--nc-panel);color:var(--nc-text);font:inherit;font-size:10px;line-height:1.45;-webkit-text-fill-color:var(--nc-text)}.mpd-notification-item textarea:focus{border-color:var(--nc-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.mpd-notification-item form>div{display:flex;justify-content:flex-end;gap:6px;margin-top:7px}
.mpd-notification-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--nc-muted)}.mpd-notification-empty>svg{width:52px;height:52px;padding:13px;margin-bottom:12px;border-radius:17px;background:var(--nc-success-soft);color:var(--nc-success)}.mpd-notification-empty b{color:var(--nc-text);font-size:14px}.mpd-notification-empty p{margin:5px 0 0;font-size:10px}.mpd-notification-layer.busy main{pointer-events:none;opacity:.7}
.mpd-notification-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:2147483647;max-width:min(430px,calc(100vw - 28px));padding:10px 14px;border-radius:12px;background:#111827;color:#fff;box-shadow:0 16px 38px rgba(15,23,42,.28);font-size:10px;font-weight:750;opacity:0;transform:translate(-50%,10px);transition:.18s ease}.mpd-notification-toast.is-visible{opacity:1;transform:translate(-50%,0)}.mpd-notification-toast.is-bad{background:#991b1b}
.mpd-notification-layer button:focus-visible,.mpd-notification-layer input:focus-visible,.mpd-notification-layer textarea:focus-visible{outline:2px solid var(--nc-accent)!important;outline-offset:2px!important}
@media(max-width:700px){.mpd-notification-layer{place-items:end center;padding:0}.mpd-notification-panel{width:100%;max-height:94dvh;border-width:1px 0 0;border-radius:24px 24px 0 0;transform:translateY(36px)}.mpd-notification-handle{display:block;width:38px;height:4px;margin:8px auto 0;border-radius:99px;background:var(--nc-line)}.mpd-notification-panel>header{padding:12px 15px}.mpd-notification-panel>header h2{font-size:23px!important}.mpd-notification-panel>header p{font-size:9px!important}.mpd-notification-search{margin:8px 11px 7px}.mpd-notification-panel>nav{padding:0 11px 8px}.mpd-notification-tools{padding:7px 11px}.mpd-notification-panel>main{padding:8px 8px calc(13px + env(safe-area-inset-bottom))}.mpd-notification-item>div{grid-template-columns:37px minmax(0,1fr) 7px;gap:9px;padding:11px}.mpd-notification-avatar{width:37px;height:37px;border-radius:12px}.mpd-notification-item h3{font-size:12px!important}.mpd-notification-item section>p{font-size:9px!important}.mpd-notification-panel>[data-confirm]{flex-wrap:wrap;padding:9px 11px}.mpd-notification-panel>[data-confirm] span{min-width:60%}}
@media(max-width:390px){.mpd-notification-panel>header p{display:none}.mpd-notification-tools button{font-size:0}.mpd-notification-tools button svg{width:16px;height:16px}.mpd-notification-item>div{grid-template-columns:33px minmax(0,1fr) 6px}.mpd-notification-avatar{width:33px;height:33px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.mpd-notification-layer,.mpd-notification-panel,.mpd-notification-toast{transition:none!important}}