.notification-item[data-v-395f78b7]{border-bottom:1px solid var(--surface-border);cursor:pointer;display:flex;gap:1rem;padding:1rem;position:relative;transition:background-color .2s}.notification-item[data-v-395f78b7]:hover{background-color:var(--surface-hover)}.notification-item--unread[data-v-395f78b7]{background-color:var(--primary-50)}.notification-item--unread[data-v-395f78b7]:hover{background-color:var(--primary-100)}.notification-item__icon[data-v-395f78b7]{align-items:center;background-color:var(--surface-100);border-radius:var(--border-radius);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.notification-item__icon i[data-v-395f78b7]{font-size:1.25rem}.notification-item__content[data-v-395f78b7]{flex:1;min-width:0}.notification-item__header[data-v-395f78b7]{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.notification-item__title[data-v-395f78b7]{color:var(--text-color);font-size:.875rem;font-weight:600}.notification-item__time[data-v-395f78b7]{color:var(--text-color-secondary);font-size:.75rem;white-space:nowrap}.notification-item__message[data-v-395f78b7]{color:var(--text-color-secondary);display:-webkit-box;font-size:.875rem;-webkit-line-clamp:2;margin:0;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.notification-item__unread-indicator[data-v-395f78b7]{background-color:var(--primary-500);border-radius:50%;height:8px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:8px}.notification-skeleton[data-v-e2805367]{border-bottom:1px solid var(--surface-border);display:flex;gap:1rem;padding:1rem}.notification-skeleton__icon[data-v-e2805367]{flex-shrink:0}.notification-skeleton__content[data-v-e2805367]{flex:1;min-width:0}