.mono-notification-root{position:relative;display:inline-flex;align-items:center;justify-content:center;z-index:2147483600}.mono-notification-widget{display:inline-flex;align-items:center;justify-content:center}.mono-notification-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:42px;width:42px;height:42px;padding:0;border-radius:999px;border:1px solid var(--ms-line,var(--line,#d1d5db));background:var(--ms-card-solid,var(--card,#fff));color:var(--ms-ink,var(--ink,#111827));box-shadow:0 8px 20px rgba(0,0,0,.08);font-size:18px;line-height:1;cursor:pointer}.mono-notification-btn:hover{border-color:var(--ms-accent,#5b6cff);box-shadow:0 0 0 3px rgba(91,108,255,.12)}.mono-notification-badge{position:absolute;top:-6px;right:-6px;display:none;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--ms-danger,#ef4444);color:#fff;font-size:11px;font-weight:900;border:2px solid var(--ms-bg,var(--bg,#fff))}.mono-notification-root.has-unread .mono-notification-badge{display:inline-flex}.mono-notification-panel{position:fixed;right:var(--mono-notification-panel-right,16px);top:var(--mono-notification-panel-top,70px);width:min(var(--mono-notification-panel-width,420px),calc(100vw - 24px));max-height:min(620px,calc(100vh - 90px));overflow:hidden;border:1px solid var(--ms-line,var(--line,#d1d5db));border-radius:18px;background:var(--ms-card-solid,var(--card,#fff));color:var(--ms-ink,var(--ink,#111827));box-shadow:0 28px 72px rgba(0,0,0,.42);display:none;z-index:2147483647;isolation:isolate}.mono-notification-root.open .mono-notification-panel,.mono-notification-panel.is-open{display:block}.mono-notification-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--ms-line,var(--line,#e5e7eb));background:color-mix(in srgb,var(--ms-card-solid,var(--card,#fff)) 94%,transparent)}.mono-notification-title{font-size:18px;font-weight:950;letter-spacing:-.04em}.mono-notification-mark-all{border:0;background:transparent;color:var(--ms-accent,#4f63ff);font-weight:900;font-size:12px;cursor:pointer;padding:4px 0;min-height:auto}.mono-notification-close{border:1px solid var(--ms-line,var(--line,#d1d5db));border-radius:12px;background:var(--ms-soft,rgba(127,127,127,.08));color:var(--ms-ink,var(--ink,#111827));font-weight:900;font-size:12px;cursor:pointer;padding:8px 12px;min-height:auto}.mono-notification-list{max-height:430px;overflow:auto;background:var(--ms-card-solid,var(--card,#fff))}.mono-notification-item{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid var(--ms-line,var(--line,#e5e7eb));background:transparent;color:inherit;padding:14px 18px;cursor:pointer;min-height:auto;border-radius:0}.mono-notification-item:hover{background:var(--ms-soft,rgba(127,127,127,.08))}.mono-notification-item.unread .mono-notification-item-title::before{content:'';display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:999px;background:var(--ms-accent,#4f63ff)}.mono-notification-item-title{font-size:13px;font-weight:950;line-height:1.45}.mono-notification-message{margin-top:5px;font-size:12px;color:var(--ms-muted,var(--muted,#6b7280));line-height:1.45;white-space:normal}.mono-notification-meta{margin-top:7px;font-size:11px;color:var(--ms-muted,var(--muted,#6b7280));opacity:.82}.mono-notification-empty{padding:32px 18px;text-align:center;color:var(--ms-muted,var(--muted,#6b7280));font-size:13px;line-height:1.5}.mono-notification-error{padding:18px;color:var(--ms-danger,#ef4444);font-size:13px;line-height:1.5}.mono-notification-foot{padding:10px 14px;border-top:1px solid var(--ms-line,var(--line,#e5e7eb));font-size:11px;color:var(--ms-muted,var(--muted,#6b7280));text-align:center;background:var(--ms-card-solid,var(--card,#fff))}.mono-notification-toast-wrap{position:fixed;right:22px;bottom:22px;z-index:2147483647;display:grid;gap:10px;pointer-events:none}.mono-notification-toast{width:min(360px,calc(100vw - 44px));padding:14px 16px;border-radius:16px;border:1px solid var(--ms-line,var(--line,#d1d5db));background:var(--ms-card-solid,var(--card,#fff));color:var(--ms-ink,var(--ink,#111827));box-shadow:0 18px 50px rgba(0,0,0,.24);pointer-events:auto}.mono-notification-toast strong{display:block;font-size:13px;margin-bottom:4px}.mono-notification-toast p{margin:0;font-size:12px;color:var(--ms-muted,var(--muted,#6b7280));line-height:1.45}@media(max-width:720px){.mono-notification-panel{right:12px!important;left:12px!important;width:auto!important}.mono-notification-toast-wrap{right:12px;bottom:12px}}

/* Phase97: render notification panel through a body-level portal so parent cards, headers, modal overlays, transforms, and stacking contexts cannot cover it. */
.mono-notification-panel{inset:auto var(--mono-notification-panel-right,16px) auto auto;top:var(--mono-notification-panel-top,70px);transform:none!important;filter:none!important;opacity:1!important;pointer-events:auto;}
.mono-notification-panel[data-notification-portal="body"]{position:fixed!important;z-index:2147483647!important;}
.mono-notification-panel.is-open{display:block!important;}