/* Test Call Animations */

/* Pulsing phone icon animation */
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.8;
  }
}

.pulse-animation {
  animation: pulse 2s ease-in-out infinite;
}

/* Audio bar animation */
@keyframes audioBar {
  0%, 100% {
    transform: scaleY(0.5);
    opacity: 0.5;
  }
  50% {
    transform: scaleY(1);
    opacity: 1;
  }
}

.audio-bar {
  animation: audioBar 0.8s ease-in-out infinite;
}

.audio-bar:nth-child(1) { animation-delay: 0s; }
.audio-bar:nth-child(2) { animation-delay: 0.1s; }
.audio-bar:nth-child(3) { animation-delay: 0.2s; }
.audio-bar:nth-child(4) { animation-delay: 0.3s; }
.audio-bar:nth-child(5) { animation-delay: 0.2s; }
.audio-bar:nth-child(6) { animation-delay: 0.1s; }
.audio-bar:nth-child(7) { animation-delay: 0s; }

/* Transcript message styling */
.transcript-user {
  background: #E0F2FE;
  border-left: 4px solid #0EA5E9;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.transcript-ai {
  background: #F0FDF4;
  border-left: 4px solid #14B8A6;
  padding: 12px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.transcript-label {
  font-weight: 600;
  font-size: 0.875rem;
  margin-bottom: 4px;
  color: #1E3A8A;
}

.transcript-text {
  color: #475569;
  line-height: 1.6;
}