/**
 * Chatbot Widget CSS
 * Chat widget iframe and main widget styles.
 */

/* ══════════════════════════════════════════════════════════════════════════════
   CHAT WIDGET IFRAME - MESSAGES CONTAINER
   Container for chat messages with fixed height
   ══════════════════════════════════════════════════════════════════════════════ */

.chat-messages-container {
  max-height: 400px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   CHAT WIDGET IFRAME - TYPING INDICATOR
   Animated dots with staggered timing
   ══════════════════════════════════════════════════════════════════════════════ */

.typing-dot {
  animation: pulse 1.4s infinite;
}

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

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

/* ══════════════════════════════════════════════════════════════════════════════
   CHAT WIDGET IFRAME - INPUT TEXTAREA
   Textarea styling with auto-expand behavior
   ══════════════════════════════════════════════════════════════════════════════ */

.chat-input-textarea {
  resize: none;
  min-height: 2.5rem;
  max-height: 12rem;
  overflow-y: hidden;
}

/* ══════════════════════════════════════════════════════════════════════════════
   CHAT WIDGET - PROGRESS BAR
   AI task progress visualization
   ══════════════════════════════════════════════════════════════════════════════ */

.ai-tasks-progress-bar {
  width: 0%;
}