.nav-notification-dropdown{width:380px;max-height:min(360px,100vh - var(--nav-size) - 24px);background:linear-gradient(145deg, color-mix(in srgb, var(--nav-accent) 9%, var(--surface-elevated)) 0%, var(--surface-elevated) 72%);border:1px solid color-mix(in srgb, var(--border-color) 72%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);z-index:1000;border-radius:16px;flex-direction:column;transition:background-color .3s,border-color .3s;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-toolbar{border-bottom:1px solid color-mix(in srgb, var(--border-color) 45%, transparent);background:0 0;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;min-height:44px;padding:6px 8px 6px 14px;display:flex}.notif-close{z-index:1;width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:22px;line-height:1;transition:background .15s,color .15s,transform .15s;display:grid;position:static}.notif-close:hover{color:var(--text-primary);background:0 0}.notif-close:active{transform:scale(.94)}.notif-read-all{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:13px;font-weight:600}.notif-read-all:hover:not(:disabled){color:var(--text-primary)}.notif-content{text-align:left;min-width:0;color:inherit;font:inherit;padding:0}.notif-list{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow-y:auto}.notif-avatar-link .user-link-avatar{width:44px;height:44px}.notif-avatar-link .user-link-text{display:none}.notif-item{cursor:pointer;background:color-mix(in srgb, var(--nav-accent) 7%, transparent);border:0;border-bottom:1px solid color-mix(in srgb, var(--border-color) 38%, transparent);border-radius:0;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:11px 14px;transition:background-color .2s,opacity .2s;display:grid}.notif-item:hover{background:color-mix(in srgb, var(--nav-accent) 10%, var(--bg-primary))}.notif-item:last-child{border-bottom:0}.notif-item-seen{opacity:.72;background:0 0}.notif-item-seen .notif-message{color:var(--text-secondary);font-weight:400}.notif-item-seen:hover{background:var(--bg-hover);opacity:.9}.notif-avatar-img{object-fit:cover;border:1px solid var(--overlay-light);border-radius:50%;width:44px;height:44px}.notif-message{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.35}.notif-actions{align-items:center;gap:6px;display:inline-flex}.notif-unread-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px}.notif-btn{border:1px solid var(--border-color);background:var(--bg-tertiary);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.notif-btn:hover{transform:translateY(-1px)}.notif-approve:hover{background:var(--success-bg);border-color:var(--success-border);color:var(--accent-success)}.notif-decline:hover{background:color-mix(in srgb, var(--accent-danger) 16%, var(--bg-tertiary));border-color:var(--accent-danger);color:var(--accent-danger)}.notif-choice{color:var(--text-tertiary);white-space:nowrap;pointer-events:none;font-size:12px;font-weight:600;line-height:1}.notif-choice-accepted{color:color-mix(in srgb, var(--accent-success) 62%, var(--text-tertiary))}.notif-choice-declined{color:color-mix(in srgb, var(--text-tertiary) 78%, var(--accent-danger))}.notif-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:18px 16px 22px;font-size:14px;line-height:1.4;display:flex}.notif-empty-icon{color:color-mix(in srgb, var(--nav-accent) 72%, var(--text-secondary));opacity:.88;font-size:22px!important}.notif-load-more{text-align:center;min-height:12px;color:var(--text-secondary);padding:8px;font-size:12px}@media screen and (max-width:768px){.nav-notification-dropdown{border:0;border-bottom:1px solid color-mix(in srgb, var(--border-color) 55%, transparent);background:radial-gradient(circle at 92% 0%, color-mix(in srgb, var(--nav-accent) 17%, transparent), transparent 46%),color-mix(in srgb, var(--nav-accent) 3%, var(--bg-primary));border-radius:0 0 22px 22px;width:auto;max-height:min(56vh,100dvh - 16px);animation:.2s cubic-bezier(.22,1,.36,1) notif-dropdown-in;position:fixed;top:0;left:0;right:0;box-shadow:0 14px 34px #00000029}.notif-close{width:40px;height:40px;color:var(--text-secondary);background:0 0}.notif-toolbar{min-height:0;padding:calc(var(--nav-offset,var(--nav-size)) + 4px) 12px 8px 20px;border-bottom-color:color-mix(in srgb, var(--border-color) 30%, transparent)}.notif-empty{min-height:calc(var(--nav-offset,var(--nav-size)) + 58px);padding:calc(var(--nav-offset,var(--nav-size)) - 2px) 20px 20px;font-size:13px}.notif-empty-icon{font-size:21px!important}.notif-item{border-radius:0;grid-template-columns:36px minmax(0,1fr) auto;gap:8px;padding:10px 16px}.notif-avatar-link .user-link-avatar,.notif-avatar-img{width:36px;height:36px}.notif-message{font-size:13px;line-height:1.35}.notif-btn{border-radius:8px;width:36px;height:36px}.notif-btn:hover{transform:none}.notif-actions{gap:6px}.notif-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:0}}@keyframes notif-dropdown-in{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}