/* ✅ Custom scrollbar styles */
#chatMessages::-webkit-scrollbar,
#chatHistoryItems::-webkit-scrollbar {
  width: 6px;
}

#chatMessages::-webkit-scrollbar-track,
#chatHistoryItems::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}

#chatMessages::-webkit-scrollbar-thumb,
#chatHistoryItems::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

#chatMessages::-webkit-scrollbar-thumb:hover,
#chatHistoryItems::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* ✅ Typing animation */
.typing-dots {
  display: flex;
  align-items: center;
  gap: 4px;
}

.dot {
  width: 5px;
  height: 5px;
  background: #666;
  border-radius: 50%;
  animation: bounce 1.4s infinite ease-in-out;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.dot:nth-child(2) {
  animation-delay: 0.2s;
}

.dot:nth-child(3) {
  animation-delay: 0.4s;
}

/* ✅ Notification dot animation */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

#newMessageDot {
  animation: pulse 2s infinite;
}

/* ✅ File download hover effect */
a[download]:hover {
  transform: translateY(-1px);
  transition: transform 0.2s ease;
}

/* ✅ Chat button hover effect */
#chatButton:hover {
  transform: scale(1.1);
  transition: transform 0.2s ease;
}