#startButton.listening {
  background-color: var(--color-neon-green);
}

/* Style for user messages */
.user-message {
  background-color: #007bff; /* Blue background for user messages */
  color: #fff; /* White text color for user messages */
  padding: 5px 10px;
  margin: 5px 0;
  border-radius: 10px;
  align-self: flex-end; /* Right-align user messages */
  max-width: 60%;
  word-wrap: break-word; /* Wrap long words if needed */
}

/* Style for AI messages */
.ai-message {
  background-color: #e0e0e0; /* Gray background for AI messages */
  color: #000; /* Black text color for AI messages */
  padding: 5px 10px;
  margin: 5px 0;
  border-radius: 10px;
  align-self: flex-start; /* Left-align AI messages */
  max-width: 60%;
  word-wrap: break-word; /* Wrap long words if needed */
}

.chat-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: #1a1a1a;
  overflow: auto;
  max-height: calc(100vh - 20vh);
}
