.notification-bell{flex:none;align-self:stretch;display:inline-flex;position:relative}.notification-bell-trigger{position:relative}.notification-bell-icon{transform-origin:50% 15%;display:inline-flex}.notification-bell-trigger:hover .notification-bell-icon{animation:.5s notification-bell-ring}.notification-bell-badge{border:2px solid var(--canvas);min-width:14px;height:14px;color:var(--canvas);background:var(--mint);border-radius:10px;justify-content:center;align-items:center;padding-inline:3px;font-size:7px;font-weight:700;line-height:10px;display:flex;position:absolute;top:3px;right:3px}.notification-bell-badge.is-unknown{color:var(--soft-text);background:var(--raised)}.notification-bell-panel{z-index:1400;border:1px solid var(--border);min-width:0;color:var(--text);background:var(--surface);opacity:0;pointer-events:none;border-radius:8px;flex-direction:column;font-family:DM Sans,system-ui,sans-serif;transition:opacity .32s,transform .32s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;overflow:hidden;transform:translateY(-7px);box-shadow:0 20px 55px #0007}.notification-bell-panel.is-open{opacity:1;pointer-events:auto;transform:none}.notification-bell-panel:focus{outline:none}.notification-bell-panel button,.notification-bell-panel a{font-family:inherit}.notification-bell-panel button:focus-visible,.notification-bell-panel a:focus-visible{outline:2px solid var(--mint);outline-offset:-3px}.notification-bell-heading{flex:none;justify-content:space-between;align-items:center;gap:14px;padding:16px 16px 12px;display:flex}.notification-bell-heading h2{letter-spacing:-.04em;margin:0;font:500 18px/1.4 Space Grotesk,sans-serif}.notification-bell-heading p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.8}.notification-bell-icon-button{width:32px;height:32px;color:var(--soft-text);background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0;display:flex}.notification-bell-icon-button:hover{color:var(--mint);background:var(--raised)}.notification-bell-tools{flex:none;justify-content:space-between;align-items:center;gap:12px;padding:0 16px 10px;display:flex}.notification-bell-tools button,.notification-bell-row-actions button,.notification-bell-text-action{min-height:30px;color:var(--soft-text);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:10px;line-height:1.8;display:inline-flex}.notification-bell-tools button:hover,.notification-bell-row-actions button:hover,.notification-bell-text-action:hover{color:var(--mint)}.notification-bell-panel button:disabled{opacity:.4;cursor:default}.notification-bell-scope{border-block:1px solid var(--border);color:var(--muted);background:var(--canvas);flex-direction:column;flex:none;gap:3px;padding:9px 16px;font-size:8px;line-height:1.8;display:flex}.notification-bell-error{border-bottom:1px solid var(--border);color:var(--red);flex:none;margin:0;padding:9px 16px;font-size:10px;line-height:1.8}.notification-bell-content{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.notification-bell-coverage{color:var(--muted);margin:0;padding:11px 16px 4px;font-size:7px;line-height:1.9}.notification-bell-list{margin:0;padding:0;list-style:none}.notification-bell-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:11px;min-width:0;padding:15px 16px;display:flex}.notification-bell-item:last-child{border-bottom:0}.notification-bell-item.is-unread{background:#13deb904}.notification-bell-kind{border:1px solid var(--border);width:28px;height:28px;color:var(--muted);border-radius:7px;flex:none;justify-content:center;align-items:center;display:flex}.notification-bell-item.is-unread .notification-bell-kind{color:var(--mint);background:#13deb908;border-color:#13deb92d}.notification-bell-item-copy{flex:1;min-width:0}.notification-bell-item h3{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:11px;font-weight:500;line-height:1.7}.notification-bell-message{color:var(--soft-text);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:5px 0 7px;font-size:10px;line-height:1.8;display:-webkit-box;overflow:hidden}.notification-bell-item time{color:var(--muted);font-size:8px;line-height:1.8}.notification-bell-row-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;margin-top:5px;display:flex}.notification-bell-row-actions a{min-height:30px;color:var(--mint);align-items:center;gap:4px;font-size:9px;line-height:1.8;display:inline-flex}.notification-bell-read{min-height:30px;color:var(--muted);align-items:center;gap:4px;font-size:8px;line-height:1.8;display:inline-flex}.notification-bell-footer{border-top:1px solid var(--border);min-height:45px;color:var(--mint);background:var(--canvas);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:10px;line-height:1.8;transition:background .2s;display:flex}.notification-bell-footer:hover{background:var(--raised)}.notification-bell-empty{min-height:190px;color:var(--muted);flex-direction:column;align-items:flex-start;gap:13px;padding:25px 22px;display:flex}.notification-bell-empty h3{color:var(--text);letter-spacing:-.03em;margin:0;font:400 17px/1.5 Space Grotesk,sans-serif}.notification-bell-empty p{color:var(--muted);margin:0;font-size:11px;line-height:1.9}.notification-bell-loading{flex-direction:column;display:flex}.notification-bell-loading-item{border-bottom:1px solid var(--border);gap:12px;padding:19px 16px;display:grid}@keyframes notification-bell-ring{20%{transform:rotate(13deg)}45%{transform:rotate(-11deg)}70%{transform:rotate(5deg)}to{transform:none}}@media (pointer:coarse){.notification-bell-icon-button{width:44px;height:44px}.notification-bell-tools button,.notification-bell-row-actions button,.notification-bell-row-actions a{min-height:40px}}@media (prefers-reduced-motion:reduce){.notification-bell-panel,.notification-bell-footer{transition:none}.notification-bell-trigger:hover .notification-bell-icon{animation:none}}