.notification-item.svelte-nzndwg{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);position:relative;border:1px solid transparent}.notification-item.unread.svelte-nzndwg{background:var(--bg-tertiary);border-color:var(--border-subtle)}.notification-item.read.svelte-nzndwg{background:transparent;opacity:.7}.notification-item.svelte-nzndwg:hover{background:var(--bg-tertiary);opacity:1;border-color:var(--border-default)}.priority-bar.svelte-nzndwg{position:absolute;left:0;top:var(--space-2);bottom:var(--space-2);width:3px;border-radius:2px}.unread-dot.svelte-nzndwg{position:absolute;top:var(--space-3);right:var(--space-3);width:8px;height:8px;border-radius:50%;background:var(--accent)}.type-icon.svelte-nzndwg{flex-shrink:0;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;margin-top:2px}.content.svelte-nzndwg{flex:1;min-width:0}.content-header.svelte-nzndwg{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:2px}.title.svelte-nzndwg{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread.svelte-nzndwg .title:where(.svelte-nzndwg){font-weight:700}.read.svelte-nzndwg .title:where(.svelte-nzndwg){color:var(--text-secondary)}.time.svelte-nzndwg{font-size:.7rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.message.svelte-nzndwg{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read.svelte-nzndwg .message:where(.svelte-nzndwg){color:var(--text-dim)}.priority-badge.svelte-nzndwg{display:inline-block;margin-top:var(--space-1);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:var(--radius-sm)}.priority-badge.urgent.svelte-nzndwg{background:#ef444426;color:#ef4444}.priority-badge.high.svelte-nzndwg{background:#f59e0b26;color:#f59e0b}.actions.svelte-nzndwg{display:flex;gap:var(--space-1);flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.notification-item.svelte-nzndwg:hover .actions:where(.svelte-nzndwg){opacity:1}.action-btn.svelte-nzndwg{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast)}.action-btn.svelte-nzndwg:hover{background:var(--bg-secondary);color:var(--text-primary)}.delete-btn.svelte-nzndwg:hover{color:var(--color-error, #ef4444)}.mark-read-btn.svelte-nzndwg:hover{color:var(--accent)}