.notif-bell-btn,.notif-bell-wrapper{position:relative;display:inline-flex}.notif-bell-btn{align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-pill);border:1px solid var(--border-glass);background:var(--glass-fill-light);color:var(--white);cursor:pointer;font-size:1rem;transition:background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease)}.notif-bell-btn:hover{background:var(--primary-soft);border-color:var(--border-glass-strong);transform:translateY(-1px)}.notif-bell-badge{position:absolute;top:-4px;left:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:var(--r-pill);background:var(--grad);color:#fff;font-size:.66rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px var(--bg-primary)}.notif-panel{position:absolute;top:calc(100% + 12px);left:0;width:340px;max-width:90vw;max-height:420px;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-glass);border-radius:var(--r-lg);box-shadow:var(--shadow-lift);overflow:hidden;z-index:1200;animation:notif-panel-in .18s var(--ease)}@keyframes notif-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-glass);font-weight:700;color:var(--white)}.notif-mark-all{background:none;border:none;color:var(--accent);font-size:.78rem;font-weight:600;cursor:pointer;padding:0}.notif-mark-all:hover{text-decoration:underline}.notif-panel-body{overflow-y:auto;flex:1 1}.notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px;color:var(--text-muted);font-size:.88rem;text-align:center}.notif-empty i{font-size:1.6rem;color:var(--text-faint)}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-glass);cursor:pointer;text-decoration:none;color:inherit;transition:background .15s var(--ease)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--glass-fill-light)}.notif-item.is-unread{background:var(--primary-soft)}.notif-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;margin-top:6px;background:transparent}.notif-dot.is-unread{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.notif-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.notif-item-title{margin:0;font-size:.86rem;font-weight:600;color:var(--white)}.notif-item-body{margin:0;font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-item-time{font-size:.72rem;color:var(--text-faint);margin-top:2px}@media (max-width:992px){.notif-panel{position:fixed;top:64px;left:5vw;width:220px}}.owner-shell .notif-panel{right:50px;left:unset}