.notif-trigger[data-v-bb4b97ac],.notif-wrapper[data-v-bb4b97ac]{position:relative}.notif-trigger[data-v-bb4b97ac]{align-items:center;background:transparent;border:none;color:#71717a;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.notif-trigger[data-v-bb4b97ac]:hover{background:#f4f4f5;color:#18181b}.dark .notif-trigger[data-v-bb4b97ac]:hover{background:#27272a;color:#fafafa}.notif-trigger.is-open[data-v-bb4b97ac]{background:#f4f4f5;color:#18181b}.dark .notif-trigger.is-open[data-v-bb4b97ac]{background:#27272a;color:#fafafa}.notif-badge[data-v-bb4b97ac]{align-items:center;background:#ef4444;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}.notif-dropdown[data-v-bb4b97ac]{background:#fff;border:1px solid #e4e4e7;box-shadow:0 4px 16px #0000001a;position:absolute;right:0;top:calc(100% + 4px);width:340px;z-index:1000}.dark .notif-dropdown[data-v-bb4b97ac]{background:#18181b;border-color:#27272a;box-shadow:0 4px 16px #0006}.notif-header[data-v-bb4b97ac]{align-items:center;border-bottom:1px solid #e4e4e7;display:flex;justify-content:space-between;padding:10px 12px}.dark .notif-header[data-v-bb4b97ac]{border-color:#27272a}.header-left[data-v-bb4b97ac]{align-items:center;display:flex;gap:8px}.header-title[data-v-bb4b97ac]{color:#18181b;font-size:13px;font-weight:600}.dark .header-title[data-v-bb4b97ac]{color:#fafafa}.muted-badge[data-v-bb4b97ac]{background:#fef3c7;color:#d97706;font-size:10px;padding:2px 6px}.dark .muted-badge[data-v-bb4b97ac]{background:#d9770633}.header-actions[data-v-bb4b97ac]{gap:2px}.action-btn[data-v-bb4b97ac],.header-actions[data-v-bb4b97ac]{align-items:center;display:flex}.action-btn[data-v-bb4b97ac]{background:transparent;border:none;color:#71717a;cursor:pointer;height:28px;justify-content:center;transition:all .1s;width:28px}.action-btn[data-v-bb4b97ac]:hover{background:#f4f4f5;color:#18181b}.dark .action-btn[data-v-bb4b97ac]:hover{background:#27272a;color:#fafafa}.action-btn-danger[data-v-bb4b97ac]:hover{color:#ef4444}.mute-wrapper[data-v-bb4b97ac]{position:relative}.mute-menu[data-v-bb4b97ac]{background:#fff;border:1px solid #e4e4e7;box-shadow:0 2px 8px #0000001a;margin-top:4px;position:absolute;right:0;top:100%;z-index:10}.dark .mute-menu[data-v-bb4b97ac]{background:#27272a;border-color:#3f3f46}.mute-menu button[data-v-bb4b97ac]{background:transparent;border:none;color:#3f3f46;cursor:pointer;display:block;font-size:13px;padding:8px 16px;text-align:left;white-space:nowrap;width:100%}.mute-menu button[data-v-bb4b97ac]:hover{background:#f4f4f5}.dark .mute-menu button[data-v-bb4b97ac]{color:#d4d4d8}.dark .mute-menu button[data-v-bb4b97ac]:hover{background:#3f3f46}.notif-list[data-v-bb4b97ac]{max-height:360px;overflow-y:auto}.empty-state[data-v-bb4b97ac]{align-items:center;color:#a1a1aa;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:32px}.empty-icon[data-v-bb4b97ac]{opacity:.5}.notif-item[data-v-bb4b97ac]{align-items:flex-start;background:transparent;border:none;border-bottom:1px solid #f4f4f5;cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:background .1s;width:100%}.notif-item[data-v-bb4b97ac]:last-child{border-bottom:none}.notif-item[data-v-bb4b97ac]:hover{background:#f4f4f5}.dark .notif-item[data-v-bb4b97ac]{border-color:#27272a}.dark .notif-item[data-v-bb4b97ac]:hover{background:#27272a}.notif-item.is-unread[data-v-bb4b97ac]{background:#eff6ff}.dark .notif-item.is-unread[data-v-bb4b97ac]{background:#2563eb1a}.notif-indicator[data-v-bb4b97ac]{flex-shrink:0;height:8px;margin-top:6px;width:8px}.notif-content[data-v-bb4b97ac]{flex:1;min-width:0}.notif-top[data-v-bb4b97ac]{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:2px}.notif-title[data-v-bb4b97ac]{color:#18181b;font-size:13px;font-weight:500;line-height:1.3}.dark .notif-title[data-v-bb4b97ac]{color:#fafafa}.notif-item:not(.is-unread) .notif-title[data-v-bb4b97ac]{color:#71717a}.notif-time[data-v-bb4b97ac]{color:#a1a1aa;flex-shrink:0;font-size:11px}.notif-message[data-v-bb4b97ac]{color:#71717a;display:-webkit-box;font-size:12px;-webkit-line-clamp:2;line-height:1.4;margin:0;-webkit-box-orient:vertical;overflow:hidden}.notif-project[data-v-bb4b97ac]{background:#f4f4f5;color:#71717a;display:inline-block;font-size:10px;margin-top:4px;padding:2px 6px}.dark .notif-project[data-v-bb4b97ac]{background:#27272a}.notif-actions[data-v-bb4b97ac]{display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .1s}.notif-item:hover .notif-actions[data-v-bb4b97ac]{opacity:1}.item-action[data-v-bb4b97ac]{align-items:center;background:transparent;border:none;color:#a1a1aa;cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .1s;width:22px}.item-action[data-v-bb4b97ac]:hover{background:#e4e4e7;color:#18181b}.dark .item-action[data-v-bb4b97ac]:hover{background:#3f3f46;color:#fafafa}.item-action-danger[data-v-bb4b97ac]:hover{color:#ef4444}.dropdown-enter-active[data-v-bb4b97ac],.dropdown-leave-active[data-v-bb4b97ac]{transition:opacity .15s,transform .15s}.dropdown-enter-from[data-v-bb4b97ac],.dropdown-leave-to[data-v-bb4b97ac]{opacity:0;transform:translateY(-4px)}