.notification-bell{position:relative;flex-shrink:0}.notification-badge{position:absolute;top:-2px;right:-3px;min-width:17px;padding:1px 3px;border-radius:6px;background:var(--danger);color:#fff;font-size:10px;line-height:15px;pointer-events:none}.notification-item{display:flex;width:100%;gap:12px;padding:14px 10px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font:inherit}.notification-item:hover,.notification-item:focus-visible{background:var(--surface-2)}.notification-dot{width:7px;height:7px;border-radius:50%;margin-top:6px;flex-shrink:0}.notification-item.unread .notification-dot{background:var(--accent)}.notification-text{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere;line-height:1.5}.notification-text time{font-size:11px;color:var(--muted)}.notification-item:disabled{cursor:wait;opacity:.7}.subscription-panel{margin-top:16px}.subscription-panel small{display:block}.subscription-panel .btn{max-width:100%;white-space:normal}@media(max-width:600px){.notification-item{padding:12px 0;gap:8px}.subscription-panel .btn{width:100%}.top-actions{gap:4px}.top-actions .connection{display:none}}