/**
 * أنماط تمييز التعليقات والردود من الإشعارات
 */

@keyframes comment-highlight {
    0%   { background-color: rgba(139, 92, 246, 0.05); }
    50%  { background-color: rgba(139, 92, 246, 0.3); }
    100% { background-color: rgba(139, 92, 246, 0.05); }
}

@keyframes reply-highlight {
    0%   { background-color: rgba(59, 130, 246, 0.05); }
    50%  { background-color: rgba(59, 130, 246, 0.3); }
    100% { background-color: rgba(59, 130, 246, 0.05); }
}

.highlight-comment {
    animation: comment-highlight 2s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(139, 92, 246, 0.5);
    border: 1px solid rgba(139, 92, 246, 0.5) !important;
    transition: all 0.3s ease;
}

.highlight-reply {
    animation: reply-highlight 2s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(59, 130, 246, 0.5);
    border: 1px solid rgba(59, 130, 246, 0.5) !important;
    transition: all 0.3s ease;
}