/* chat-input.css */
#chat-input {
  display: flex;
  gap: 0.5rem;
}

#chat-input input {
  flex: 1;
  padding: 14px;
  border: none;
  font-size: 16px;
  border-radius: 8px;
  outline: none;
}

#chat-input button {
  padding: 14px 20px;
  background-color: #222;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
}

#mic-btn.recording {
  background-color: red;
  animation: pulse 1s infinite;
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}