.message-user {
  background-color: #eff6ff;
  border-radius: 1rem 1rem 0.25rem 1rem;
}

.message-ai {
  background-color: #f0fdf4;
  border-radius: 1rem 1rem 1rem 0.25rem;
}

.typing-indicator span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #9ca3af;
  animation: typing 1.4s infinite ease-in-out;
}

.typing-indicator span:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-indicator span:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing {
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}