style.css

h1 {
  text-align: center;
  display: block;
}

#duplicate-button {
  margin: auto;
  color: white;
  background: #1565c0;
  border-radius: 100vh;
}

.contain {
  max-width: 900px;
  margin: auto;
  padding-top: 1.5rem;
}

/* Adjust message box size */
.message-textbox {
    height: 80px !important;  /* Reduced from default */
    min-height: 80px !important;
    max-height: 80px !important;
}

/* Ensure the textbox doesn't overlap with content */
.message-wrap {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

/* Adjust the chat container to give more space to messages */
.chatbot {
    height: 500px !important;  /* Slightly reduced to accommodate smaller input box */
    overflow-y: auto !important;
}

.chatbot-container {
  height: auto !important;
  overflow: visible !important;
}

/* Fix input area */
.input-row {
  position: sticky !important;
  bottom: 0 !important;
  background: var(--background-fill-primary);
  padding: 1rem 0;
  margin: 0;
}

/* Ensure chat container doesn't jump */
#chatbot {
  min-height: 400px;
  max-height: 500px;  /* Adjusted to match chatbot height */
  overflow-y: auto;
  scroll-behavior: smooth;
}

/* Disable auto-scroll */
.scroll-lock {
  overflow: hidden !important;
}