.notif-item[data-v-cbf5dad9]{align-items:flex-start;background:transparent;border:none;cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:background var(--transition-fast);width:100%}.notif-item--unread[data-v-cbf5dad9],.notif-item[data-v-cbf5dad9]:hover{background:var(--color-surface-2)}.notif-icon[data-v-cbf5dad9]{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:28px;justify-content:center;margin-top:1px;width:28px}.notif-icon--info[data-v-cbf5dad9]{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.notif-icon--success[data-v-cbf5dad9]{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.notif-icon--warning[data-v-cbf5dad9]{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.notif-icon--error[data-v-cbf5dad9]{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.notif-body[data-v-cbf5dad9]{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notif-title[data-v-cbf5dad9]{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-semibold)}.notif-message[data-v-cbf5dad9],.notif-title[data-v-cbf5dad9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-message[data-v-cbf5dad9],.notif-time[data-v-cbf5dad9]{color:var(--color-text-muted);font-size:var(--text-xs)}.notif-time[data-v-cbf5dad9]{flex-shrink:0;margin-top:2px;white-space:nowrap}