.notificationBell #notificationCount:empty,.notificationBell #notificationCount[data-count="0"]{display:none}
#notificationPanel[data-revup-notifications]{--notification-surface:#ffffff;--notification-surface-soft:#f2f6fb;--notification-text:#10233d;--notification-muted:#526985;--notification-border:#9db2ca;--notification-accent:#075fc9;display:none;flex-direction:column;gap:10px;max-height:min(720px,calc(100dvh - 110px));padding:18px;border:1px solid var(--notification-border);border-radius:20px;background:var(--notification-surface);color:var(--notification-text);box-shadow:0 20px 60px rgba(3,20,43,.24);overscroll-behavior:auto;color-scheme:light}
[data-theme="dark"] #notificationPanel[data-revup-notifications],body[data-theme-mode="dark"] #notificationPanel[data-revup-notifications],.dark #notificationPanel[data-revup-notifications]{--notification-surface:#0d2034;--notification-surface-soft:#142b43;--notification-text:#f4f8fc;--notification-muted:#b7c8dc;--notification-border:#57708a;--notification-accent:#8dc2ff;color-scheme:dark}
#notificationPanel[data-revup-notifications][data-open="1"]{display:flex!important}
#notificationPanel[data-revup-notifications] .sectionTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0}
#notificationPanel[data-revup-notifications] .sectionTitle h3{margin:0;color:var(--notification-text);font-size:1.45rem}
#notificationPanel[data-revup-notifications] .sectionTitle small{display:block;color:var(--notification-muted);font-size:.9rem}
#notificationPanel[data-revup-notifications] .notificationToolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
#notificationPanel[data-revup-notifications] .notificationToolbar label{display:grid;gap:4px;min-width:140px;color:var(--notification-muted);font-size:.78rem;font-weight:700}
#notificationPanel[data-revup-notifications] .notificationToolbar select{min-height:44px;padding:8px 10px;border:1px solid var(--notification-border);border-radius:10px;background:var(--notification-surface);color:var(--notification-text)}
#notificationPanel[data-revup-notifications] :focus-visible{outline:3px solid color-mix(in srgb,var(--notification-accent) 48%,transparent);outline-offset:2px}
#notificationPanel[data-revup-notifications] :is(button,select){min-height:44px}
#notificationPanel[data-revup-notifications] #notificationList{display:grid;gap:7px;min-height:80px;max-height:min(470px,55dvh);overflow-y:auto;overflow-x:hidden;overscroll-behavior:auto;scrollbar-gutter:stable;padding-right:3px}
#notificationPanel[data-revup-notifications] .notificationItem{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:9px;align-items:start;padding:10px;border:1px solid var(--notification-border);border-radius:13px;background:var(--notification-surface-soft);color:var(--notification-text)}
#notificationPanel[data-revup-notifications] .notificationItem[data-read="1"]{opacity:.78}
#notificationPanel[data-revup-notifications] .notificationChannelIcon{width:34px;height:34px;padding:5px;border:1px solid var(--notification-border);border-radius:10px;background:#fff;object-fit:contain}
#notificationPanel[data-revup-notifications] .notificationItemMain{grid-column:2/-1;display:grid;gap:3px;min-width:0;text-align:left}
#notificationPanel[data-revup-notifications] .notificationItemMain strong{color:var(--notification-text);font-size:.9rem;overflow-wrap:anywhere}
#notificationPanel[data-revup-notifications] .notificationParticipant{color:var(--notification-text);font-size:.79rem;font-weight:750;overflow-wrap:anywhere}
#notificationPanel[data-revup-notifications] .notificationItemMain small,#notificationPanel[data-revup-notifications] .notificationItemMain time{color:var(--notification-muted);line-height:1.3;overflow-wrap:anywhere}
#notificationPanel[data-revup-notifications] .notificationItemMain small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#notificationPanel[data-revup-notifications] .notificationItemMeta{display:flex;gap:5px;align-items:center;flex-wrap:wrap}
#notificationPanel[data-revup-notifications] .notificationSource,#notificationPanel[data-revup-notifications] .notificationOccurrences{padding:2px 7px;border-radius:999px;background:var(--notification-surface);color:var(--notification-text);font-size:.68rem;font-weight:750}
#notificationPanel[data-revup-notifications] .notificationItemActions{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
#notificationPanel[data-revup-notifications] .notificationLoadMore{align-self:center;margin:5px auto 2px}
#notificationPanel[data-revup-notifications] .notificationLoadMore[hidden]{display:none!important}
#notificationPanel[data-revup-notifications] .notificationEmpty,#notificationPanel[data-revup-notifications] .notificationError{padding:18px;text-align:center;color:var(--notification-muted)}
.notificationToastRegion{position:fixed;right:20px;top:92px;z-index:15000;display:grid;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}.notificationToast{pointer-events:auto;display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border:1px solid var(--border-default,#9db2ca);border-left:5px solid var(--interactive-primary,#086ce5);border-radius:14px;background:var(--surface-primary,#fff);color:var(--text-primary,#0b172a);box-shadow:0 16px 45px rgba(5,25,52,.24)}.notificationToast button{grid-column:2;grid-row:1/3;min-height:44px}.notificationToast small{color:var(--text-secondary,#52657c);display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow-wrap:anywhere}.notificationToast:nth-child(n+4){display:none}
.notificationPreferencesDialog{width:min(720px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--border-default,#9db2ca);border-radius:18px;background:var(--surface-primary,#fff);color:var(--text-primary,#0b172a)}.notificationPreferencesDialog::backdrop{background:rgba(2,13,27,.62)}.notificationPreferencesDialog form{display:grid;gap:16px;padding:20px;overflow:auto}.notificationPreferencesDialog header,.notificationPreferencesDialog footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.notificationPreferenceGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notificationPreferenceGrid label{display:flex;align-items:center;gap:9px;min-width:0}.notificationPreferenceGrid input[type="checkbox"]{width:20px;height:20px;flex:0 0 20px}.notificationPreferenceGrid input[type="time"],.notificationPreferenceGrid input[type="text"]{min-width:0;width:100%;min-height:44px;padding:8px;border:1px solid var(--border-default,#9db2ca);border-radius:9px;background:var(--surface-primary,#fff);color:var(--text-primary,#0b172a)}.collabMessageTarget{outline:4px solid color-mix(in srgb,var(--interactive-primary,#086ce5) 55%,transparent);outline-offset:3px;background:color-mix(in srgb,var(--interactive-primary,#086ce5) 10%,var(--panel,#fff))!important}
@media(max-width:760px){#notificationPanel[data-revup-notifications]{inset:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom)) 8px!important;width:auto!important;max-height:none!important;padding:14px}#notificationPanel[data-revup-notifications] .notificationToolbar{align-items:stretch}#notificationPanel[data-revup-notifications] .notificationToolbar>*{flex:1 1 140px}#notificationPanel[data-revup-notifications] #notificationList{max-height:none;min-height:0}#notificationPanel[data-revup-notifications] .notificationItem{grid-template-columns:32px minmax(0,1fr)}#notificationPanel[data-revup-notifications] .notificationChannelIcon{width:30px;height:30px}#notificationPanel[data-revup-notifications] .notificationItemActions{grid-column:1/-1}.notificationPreferenceGrid{grid-template-columns:1fr}.notificationToastRegion{top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px)}.notificationToast:nth-child(n+3){display:none}}
@media(max-width:420px){#notificationPanel[data-revup-notifications] .notificationToolbar{display:grid;grid-template-columns:1fr}#notificationPanel[data-revup-notifications] .notificationToolbar>*{width:100%}#notificationPanel[data-revup-notifications] .notificationItemActions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}#notificationPanel[data-revup-notifications] .notificationItemActions button{min-width:0;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.notificationToast,.collabMessageTarget{animation:none!important;transition:none!important;scroll-behavior:auto!important}}