/* chat.css - Styles for the chat interface */
#messages {
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 1em;
  height: 20em;
  overflow-y: scroll;
}

.msg.user {
  color: #3366cc;
  margin-bottom: 0.5em;
}

.msg.bot {
  color: #009933;
  margin-bottom: 0.5em;
}

#input {
  padding: 0.5em;
  width: calc(100% - 4em);
  border: 1px solid #ccc;
  border-radius: 4px;
}

#send {
  padding: 0.5em 1em;
  margin-left: 0.5em;
  background-color: #3366cc;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#send:hover {
  background-color: #254a99;
}