.notification-bell{display:inline-flex;position:relative}.notification-bell__badge{border-radius:var(--ds-radius-badge);background:var(--ds-status-red-bg);min-width:1.25rem;height:1.25rem;color:var(--ds-status-red-text);border:1px solid var(--ds-status-red-border);text-align:center;pointer-events:none;padding:0 .3rem;font-size:11px;font-weight:600;line-height:1.1rem;position:absolute;top:-2px;right:-4px}.notification-panel{z-index:1100;background:hsl(var(--popover,var(--card)));border:1px solid hsl(var(--border));border-radius:var(--ds-radius-card);width:24rem;max-width:calc(100vw - 2rem);box-shadow:var(--ds-elevation-overlay);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notification-panel__header,.notification-panel__footer{justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.notification-panel__header{border-bottom:1px solid hsl(var(--border))}.notification-panel__footer{border-top:1px solid hsl(var(--border));justify-content:center}.notification-panel__footer a{color:hsl(var(--primary));font-weight:500;text-decoration:none}.notification-panel__body{max-height:24rem;overflow-y:auto}.notification-feed__day{background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));padding:6px 12px;position:sticky;top:0}.notification-feed__item{border:0;border-bottom:1px solid hsl(var(--border));width:100%;color:hsl(var(--foreground));font:inherit;text-align:left;cursor:pointer;background:0 0;padding:8px 12px;display:block}.notification-feed__item:hover,.notification-feed__item:focus-visible{background:hsl(var(--muted)/.6)}.notification-feed__item--unread{background:hsl(var(--primary)/.05)}.notification-feed__dot{border-radius:var(--ds-radius-badge);background:hsl(var(--primary));flex-shrink:0;width:8px;height:8px}