.content-box {
  height: 400px;
  overflow-y: auto;
  border: 1px solid #ddd;
  padding: 10px;
  display: flex;
  flex-direction: column;
}

#chat-box > .message {
  max-width: 80%;
  border-radius: 10px;
  padding: 0.5rem;
  margin-bottom: 10px;
}
#chat-box > .message.assistant {
  background-color: darkslategray;
  color: #ddd;
  align-self: flex-start;
}
#chat-box > .message.user {
  background-color: lightblue;
  align-self: flex-end;
}
.action-box {
  display: flex;
  justify-content: center;
}

#editor {
  min-height: 200px;
}

.company-logo {
  max-height: 80px;
  object-fit: contain;
}

.pre-wrap {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.hidden {
  display: none;
}