.notification-backdrop.svelte-1tecbks{position:fixed;inset:0;z-index:99}.notification-menu.svelte-1tecbks{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:480px;overflow-y:auto;background:var(--surface-raised);border:1px solid var(--surface-border);border-radius:12px;box-shadow:0 8px 32px #00000026;z-index:100}.notification-header.svelte-1tecbks{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--surface-border);position:sticky;top:0;background:var(--surface-raised)}.notification-tabs.svelte-1tecbks{display:flex;border-bottom:1px solid var(--surface-border)}.notification-tab.svelte-1tecbks{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink-faint)}.notification-tab.svelte-1tecbks:hover{color:var(--ink);background:var(--surface)}.notification-tab.active.svelte-1tecbks{color:var(--accent);border-bottom-color:var(--accent)}.tab-label.svelte-1tecbks{font-weight:500}.tab-badge.svelte-1tecbks{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;font-size:var(--text-label);font-weight:600;background:var(--surface-border);color:var(--ink-faint);transition:all .15s ease}.tab-badge.active.svelte-1tecbks{background:var(--surface-border);color:var(--accent)}.mark-all-btn.svelte-1tecbks{padding:4px 8px;border-radius:6px;transition:background-color .15s}.mark-all-btn.svelte-1tecbks:hover{background:var(--surface)}.notification-error.svelte-1tecbks{border-bottom:1px solid var(--surface-border)}.notification-list.svelte-1tecbks{display:flex;flex-direction:column}.notification-empty.svelte-1tecbks{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 16px}.notification-item.svelte-1tecbks{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;border-bottom:1px solid var(--surface-border)}.notification-item.svelte-1tecbks:last-child{border-bottom:none}.notification-main.svelte-1tecbks{flex:1;min-width:0;cursor:pointer;border-radius:4px;padding:2px;transition:background-color .15s}.notification-main.svelte-1tecbks:hover{background:var(--surface)}.notification-item.unread.svelte-1tecbks .notification-main:where(.svelte-1tecbks):hover{background:var(--surface)}.notification-top-row.svelte-1tecbks{display:flex;align-items:center;gap:6px;margin-bottom:4px}.request-chip.svelte-1tecbks{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:6px;font-family:var(--font-sans);font-size:var(--text-label);font-weight:500}.chip-label.svelte-1tecbks{line-height:1}.unread-dot.svelte-1tecbks{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.notification-content.svelte-1tecbks{display:flex;flex-direction:column;gap:2px}.notification-message.svelte-1tecbks{line-height:1.4}.notification-item.unread.svelte-1tecbks .notification-message:where(.svelte-1tecbks){font-weight:600}.notification-time.svelte-1tecbks{margin-top:2px}.mark-read-btn.svelte-1tecbks{flex-shrink:0;padding:4px;border-radius:4px;background:none;border:none;cursor:pointer;transition:background-color .15s}.mark-read-btn.svelte-1tecbks:hover{background:var(--surface)}.mark-read-btn.svelte-1tecbks:disabled{cursor:default}