button:disabled,
textarea:disabled,
input:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  filter: grayscale(20%);
}

button:disabled:hover {
  filter: grayscale(20%); /* sem realce no hover */
}
#first-message {
  position: sticky;
  top: 0;
  z-index: 10;
}
@keyframes pulse-recording {
  0% { transform: scale(1); background-color: #f87171; } /* vermelho */
  50% { transform: scale(1.1); background-color: #fbbf24; } /* amarelo */
  100% { transform: scale(1); background-color: #f87171; }
}

.recording {
  animation: pulse-recording 0.6s infinite;
}