/* user-notifications.css - 通知中心页样式
 * 提取自 src/pages/user/notifications.html.j2
 */

.notification-item {
  transition: background-color var(--transition-fast);
}

.notification-item:hover {
  background-color: var(--color-gray-50);
}

.notification-item.unread {
  background-color: var(--color-blue-50);
}

.notification-icon {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.notification-icon--comment_reply { background-color: var(--color-blue-50); }
.notification-icon--comment_approved,
.notification-icon--cert_approved,
.notification-icon--trust_upgrade { background-color: var(--color-green-50); }
.notification-icon--comment_rejected,
.notification-icon--cert_rejected { background-color: var(--color-red-50); }
.notification-icon--report_result,
.notification-icon--trust_downgrade { background-color: var(--color-yellow-50); }
.notification-icon--system { background-color: var(--color-cyan-50); }

/* 工具类 - 替代内联样式 */
.notification-link { text-decoration: none; }
.notification-icon--primary { background-color: var(--color-blue-50); }
.notification-icon--success { background-color: var(--color-green-50); }
.notification-icon--danger { background-color: var(--color-red-50); }
.notification-icon--warning { background-color: var(--color-yellow-50); }
.notification-icon--info { background-color: var(--color-cyan-50); }
.notification-icon--secondary { background-color: var(--color-gray-100); }