.notification-item-wrapper.svelte-13lsgv4{position:relative;display:flex;align-items:flex-start;gap:var(--spacing-md)}.notification-item.svelte-13lsgv4{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-white-marble);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;flex:1;text-align:left;font-family:inherit}.notification-item.svelte-13lsgv4:hover{background:var(--color-beige);border-color:var(--color-primary)}.notification-item.unread.svelte-13lsgv4{border-left:4px solid var(--color-primary);background:var(--color-cream)}.notification-content.svelte-13lsgv4{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.notification-header.svelte-13lsgv4{display:flex;align-items:center;gap:var(--spacing-sm)}.notification-title.svelte-13lsgv4{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-text-primary)}.notification-dot.svelte-13lsgv4{width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.notification-body.svelte-13lsgv4{margin:0;font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:1.5}.notification-time.svelte-13lsgv4{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.notification-remove.svelte-13lsgv4{background:none;border:none;font-size:20px;line-height:1;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s ease;flex-shrink:0}.notification-remove.svelte-13lsgv4:hover{background-color:var(--color-danger);color:var(--color-white-marble)}
