.notification-bell{align-items:center;display:flex;position:relative}.notification-bell-button{min-width:44px;min-height:44px;color:var(--foreground);border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:relative}.notification-bell-button:hover,.notification-bell-button[aria-expanded=true]{color:var(--primary)}.notification-bell-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.notification-bell-badge{background:var(--primary);min-width:18px;color:var(--primary-foreground);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;right:2px}.notification-panel{z-index:50;border:1px solid var(--border);background:var(--popover);width:min(380px,100vw - 32px);max-height:min(70vh,560px);color:var(--popover-foreground);box-shadow:0 12px 32px color-mix(in srgb, var(--foreground) 14%, transparent);border-radius:12px;padding:12px;font-size:14px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notification-panel-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.notification-panel-head h2{margin:0;font-size:1rem}.site-header-row nav .notification-panel a.notification-panel-all{min-height:44px;color:var(--primary);justify-content:center;text-decoration:underline}.notification-rows{gap:2px;margin:0;padding:0;list-style:none;display:grid}.notification-rows li>a,.notification-rows li>button{width:100%;min-height:44px;color:inherit;text-align:left;font:inherit;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 8px;text-decoration:none;display:flex}.notification-rows li>a:hover,.notification-rows li>button:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.notification-rows li>button:disabled{cursor:default}.notification-dot{border-radius:999px;flex:none;width:8px;height:8px;margin-top:7px}.notification-dot[data-unread]{background:var(--primary)}.notification-text{overflow-wrap:anywhere;gap:2px;min-width:0;line-height:1.45;display:grid}.notification-rows li[data-read] .notification-text{color:var(--muted-foreground)}.notification-text time{color:var(--muted-foreground);font-size:12px}.notification-inbox{max-width:880px;color:var(--foreground);margin:0 auto;padding:32px 16px 64px}.notification-inbox-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.notification-inbox h1{margin:0;font-size:2rem;line-height:1.2}.notification-inbox .notification-rows li{border-bottom:1px solid var(--border)}.notification-inbox-empty{color:var(--muted-foreground)}.notification-pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}@media (max-width:700px){.notification-panel{width:auto;position:fixed;top:88px;left:16px;right:16px}}