/* AI Career Coach Styles */

.coach-bubble {
  max-width: 85%;
  padding: 12px 16px;
  border-radius: 16px;
  font-size: 14px;
  line-height: 1.6;
  word-wrap: break-word;
}

.coach-bubble-coach {
  background: white;
  color: #1f2937;
  border: 1px solid #e5e7eb;
  border-top-left-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}

.coach-bubble-user {
  background: #6c5ce7;
  color: white;
  border-top-right-radius: 4px;
}

.coach-bubble strong {
  font-weight: 700;
}

.coach-bubble-coach strong {
  color: #6c5ce7;
}

.coach-bubble-user strong {
  color: white;
}

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

.typing-dots span {
  width: 8px;
  height: 8px;
  background: #bdc3c7;
  border-radius: 50%;
  animation: typingBounce 1.4s infinite;
}

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

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

@keyframes typingBounce {
  0%, 60%, 100% {
    transform: translateY(0);
    background: #bdc3c7;
  }
  30% {
    transform: translateY(-6px);
    background: #6c5ce7;
  }
}

/* Chat input focus */
#coach-input:focus {
  border-color: #6c5ce7;
  box-shadow: 0 0 0 3px rgba(108, 92, 231, 0.1);
}

/* Quick reply buttons hover */
#coach-quick-replies button:hover {
  border-color: #6c5ce7;
  color: #6c5ce7;
  background: rgba(108, 92, 231, 0.03);
}

/* Smooth scroll for chat */
#coach-messages {
  scroll-behavior: smooth;
}

/* Message fade-in */
.flex.items-start {
  animation: messageSlideIn 0.3s ease-out;
}

@keyframes messageSlideIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}