/* Highlight animation for chat messages */
.chat-message-item.highlight {
    animation: highlightPulse 2s ease-out forwards !important;
    position: relative;
    z-index: 10;
    border: 1px solid rgba(245, 194, 17, 0.8) !important;
}

@keyframes highlightPulse {
    0% {
        background-color: rgba(245, 194, 17, 0.5) !important;
        box-shadow: 0 0 15px rgba(245, 194, 17, 0.6) !important;
        transform: scale(1.02);
    }
    50% {
        background-color: rgba(245, 194, 17, 0.3) !important;
        box-shadow: 0 0 10px rgba(245, 194, 17, 0.4) !important;
        transform: scale(1);
    }
    100% {
        background-color: transparent !important;
        box-shadow: none !important;
        transform: scale(1);
    }
}

/* Fade in and out animation for notices */
@keyframes fadeInOut {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    10% {
        opacity: 1;
        transform: translateY(0);
    }
    80% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        transform: translateY(-10px);
    }
}

/* Old message notice styling */
.old-message-notice {
    position: sticky;
    top: 0;
    background: linear-gradient(135deg, #3a3a3a, #2a2a2a);
    color: #f5c211;
    padding: 8px 12px;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #f5c211;
    z-index: 100;
}

/* Ensure highlighted message is visible above others */
.chat-message-item.highlight .chat-text {
    border-color: #f5c211 !important;
}