.notification-bell-wrapper{position:relative}.notification-bell-btn{border:1px solid var(--border-color,#e5e7eb);background:var(--card-bg,#fff);width:36px;height:36px;color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:flex}.notification-bell-btn:hover{background:var(--hover-bg,#f3f4f6)}.notification-bell-btn--open{border-color:var(--accent-color,#345053);color:var(--accent-color,#345053)}.notification-bell-dot{border:2px solid var(--card-bg,#fff);background:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:4px}.notification-panel{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:100;border-radius:10px;min-width:220px;padding:8px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #0000001f}.notification-panel-title{color:var(--text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.04em;padding:6px 14px 8px;font-size:12px;font-weight:600}.notification-panel .dropdown-option{cursor:pointer;align-items:center;gap:8px;padding:8px 14px;transition:background .1s;display:flex}.notification-panel .dropdown-option:hover{background:var(--hover-bg,#f3f4f6)}.notification-panel-hint{color:var(--text-muted,#9ca3af);padding:0 14px 4px 38px;font-size:11px}.notification-panel-disclaimer{color:var(--text-muted,#9ca3af);border-top:1px solid var(--border-color,#e5e7eb);margin-top:4px;padding:8px 14px 4px;font-size:11px}.notification-panel-error{color:#dc2626;padding:6px 14px;font-size:12px}.notification-panel-unsupported{color:var(--text-secondary,#6b7280);padding:10px 14px;font-size:13px;line-height:1.4}.notification-panel-unsupported p{margin:0 0 6px}.notification-panel-unsupported p:last-child{margin-bottom:0}