/* Voice Agent button state styling — shared across guided chat, agentic AI,
   and Mentor AI. Kept separate from any one page's own icon-button CSS so
   the color language (recording=red, transcribing=amber, speaking=green)
   stays consistent everywhere the button appears. */

.va-btn-recording {
  color: var(--lx-danger) !important;
  animation: va-pulse 1.1s ease-in-out infinite;
}
.va-btn-transcribing {
  color: var(--lx-warning) !important;
}
.va-btn-speaking {
  color: var(--lx-success) !important;
  animation: va-pulse 1.1s ease-in-out infinite;
}

@keyframes va-pulse {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.6; transform: scale(1.08); }
}