.api-monitor-ai-wrapper {
  margin: 20px 0;
  background: #f9f9f9;
  display: flex;
  flex-direction: column;
}

.chat-header {
  padding: 15px;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.chat-display-area {
  height: 400px;
  overflow-y: auto;
  padding: 20px;
  background: #fff;
}

.user-msg, .ai-msg {
  margin-bottom: 15px;
  padding: 10px;
  border-radius: 6px;
  max-width: 90%;
}

.user-msg {
  background: #e2f2ff;
  align-self: flex-end;
  margin-left: auto;
  border: 1px solid #b3d7f5;
}

.ai-msg {
  background: #f1f1f1;
  border: 1px solid #ddd;
}

.chat-input-wrapper {
  padding: 15px;
  background: #fff;
  border-top: 1px solid #ddd;
}

#question-input {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px;
}
