/* Chat-specific styles */
.no-scrollbar {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.no-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari, and Opera */
}

/* Chat message animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.chat-message {
  animation: fadeInUp 0.3s ease-out;
}

/* Thinking indicator animation */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Input focus styles */
.chat-input:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1);
}

/* Send button hover effect */
.send-button:hover {
  transform: scale(1.05);
  transition: transform 0.1s ease-in-out;
}

/* Error message styles */
.error-message {
  animation: fadeInUp 0.3s ease-out;
}

/* Full height chat container */
.chat-container {
  height: calc(100vh - 4rem); /* Adjust based on your header height */
}

/* Message spacing */
.chat-messages {
  gap: 2rem;
}