/* 
 * Message highlighting animations 
 * For real-time message updates in the chat interface
 */

@keyframes highlight-new-message {
  0% {
    background-color: rgba(144, 238, 144, 0.5); /* Light green */
  }
  50% {
    background-color: rgba(144, 238, 144, 0.3);
  }
  100% {
    background-color: transparent;
  }
}

/* Apply highlight to new messages from polling */
.message[data-source="polling"] {
  animation: highlight-new-message 2s ease-out;
}

/* Visual indicator for WebSocket messages */
.message[data-source="websocket"] {
  position: relative;
}

.message[data-source="websocket"]::before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #4CAF50; /* Green indicator for WebSocket messages */
  opacity: 0.5;
}

/* For system health feedback */
.websocket-connected .status-indicator {
  color: #4CAF50;
}

.websocket-disconnected .status-indicator {
  color: #f44336;
}