#user_consent_container,
.share-button,
footer,
.built-with,
#component-1,
#component-2,
#component-10,
#component-13,
.svelte-1b6s6s,
.svelte-1gfkn6j,
.svelte-1eq475l,
.svelte-g2oxp3,
.svelte-1to105q,
.icon-button-wrapper,
.toast-wrap,
.toast-body,
.toast-title,
.toast-text,
.toast-close,
.toast-icon,
.toast-details,
.settings,
.settings-wrapper,
.settings-panel,
.download-link,
.extra-feedback,
.extra-feedback-options,
.message-buttons,
.message-buttons-left,
.message-buttons-right,
.wrapper:not(.svelte-g3p8na),
.panel:not(.svelte-yaaj3),
.compose-area,
.status-bar,
#statusBar,
.control-wrapper,
.toolbar-wrap,
.nav-holder,
.nav,
.menu,
.tab-container,
.stepper,
.sidebar,
.loading,
.loader,
.progress-bar,
.api-docs,
.api-docs-wrap,
.api-docs-menu,
.api-section,
.api-section-header,
.api-section-content,
.api-count,
.meta-text,
.timebox,
.hf.svelte-1170pvd,
.html-container,
.markdown-body,
.captcha,
.banner-wrap,
.snippets,
.extra,
.selection-button,
.selection-button-row,
.options,
.option,
.gallery,
.gallery-item,
.attachments,
.uploading,
.uploaded,
.file-container,
.file-preview,
.file-name,
.file-info,
.file-icon,
.file-type,
.file-wrap,
.upload-container,
.image-container,
.image-frame,
.image-preview,
.image-preview-close-button,
.image-overlay,
.video-container,
.video-preview,
.video-player,
.audio-container,
.audio-player,
.audio-controls,
.scroll-down-button-container,
.scroll-down-button,
.scroll-top-button,
.modal,
.modal-inner,
.overlay,
.backdrop,
.toast,
.toast-message,
.tooltip,
.tooltip-content,
.tooltip-arrow,
.tooltip-inner,
.wavesurfer,
.waveform-container,
.waveform-timeline,
.progress-level,
.progress-text,
.progress-level-inner,
.progress-bar-wrap,
.progress-bar,
.selection-button-column,
.selection-button-row,
.spin-button,
.dragging,
.drag-handle,
.history,
.history-item,
.session-info,
.session-history,
.emoji-picker,
emoji-picker,
.vote,
.vote-button,
.share-dialog,
.notification,
.notification-content,
.notification-icon,
.notification-title,
.notification-text,
.notification-close,
.updates,
.updates-list,
.updates-item,
.unread,
.user-suggestions,
.suggestion-list,
.autocomplete,
.info-box,
.info-message,
.info-text,
.info-icon,
.footer,
.header,
.title,
.titlebar,
.nav-bar,
nav,
nav-link,
nav-item {
  display: none !important;
}

#col_container,
#component-7,
#component-9,
.form.svelte-633qhp,
textarea.scroll-hide.svelte-173056l,
#chatbot,
.bubble-wrap.svelte-gjtrl6,
.message-row,
.message-row.bubble,
.message-row.bubble.user-row,
.message-row.bubble.bot-row,
.bubble,
.bubble.with-avatar,
.bubble.with-avatar.user-row,
.avatar-container,
.avatar,
.avatar-image,
.user-icon,
.bot-icon,
.prose,
.panel-full-width.svelte-yaaj3,
.wrapper.svelte-g3p8na {
  display: block !important;
}

#col_container {
  display: flex !important;
  flex-direction: column !important;
  height: 100vh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background-color: #141b17 !important; /* slightly deeper jungle green */
  color: #cce4c6 !important; /* light fresh green */
  font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  box-sizing: border-box !important;
}

#component-7 {
  display: flex !important;
  order: 1 !important;
  flex: 0 0 54px !important; /* slightly taller header */
  justify-content: center !important;
  align-items: center !important;
  background-color: #21312b !important; /* deeper green-black */
  border-bottom: 1.5px solid #375341 !important; /* subtle brighter contrast */
  padding: 0 16px !important;
  user-select: none !important;
  z-index: 10 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #a0d28d !important;
}

#component-9 {
  display: inline-flex !important;
  background-color: #5dbd3d !important; /* brighter leaf green */
  border-radius: 10px !important;
  color: #0d1b09 !important; /* very dark green-black text */
  padding: 8px 24px !important; /* bigger clickable area */
  font-weight: 700 !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  user-select: none !important;
  border: none !important;
  transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
  box-shadow: 0 2px 6px #417d2aaa !important; /* subtle shadow */
}

#component-9:hover:enabled {
  background-color: #73cd52 !important; /* lighter green hover */
  box-shadow: 0 4px 12px #63b532cc !important;
}

.form.svelte-633qhp {
  order: 2 !important;
  flex-shrink: 0 !important;
  min-height: 60px !important; /* slightly taller input area */
  padding: 8px 16px !important;
  align-items: center !important;
  background-color: #1c2a20 !important; /* dark jungle green-blue */
  border-bottom: 1.5px solid #3a523d !important;
  box-sizing: border-box !important;
  width: 100% !important;
  gap: 10px !important;
  display: flex !important;
}

textarea.scroll-hide.svelte-173056l {
  flex-grow: 1 !important;
  max-height: 55vh !important; /* a bit taller max-height */
  min-height: 44px !important;
  background-color: #1f311d !important; /* very dark moss green */
  border: 1.5px solid #5dbd3d !important;
  border-radius: 8px !important;
  color: #d6eac8 !important;
  font-family: 'Consolas', monospace !important;
  font-size: 1.1rem !important;
  padding: 9px 14px !important;
  resize: vertical !important;
  box-sizing: border-box !important;
  overflow-y: auto !important;
  outline: none !important;
  white-space: normal !important;
  transition: box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out !important;
  scrollbar-width: auto !important;
}

textarea.scroll-hide.svelte-173056l:focus {
  box-shadow: 0 0 10px #5dbd3dcc !important;
  border-color: #73cd52 !important;
}

.fillable.svelte-1170pvd.svelte-1170pvd:not(.fill_width) {
  max-width: fit-content !important;
}

.app.svelte-1170pvd.svelte-1170pvd {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#chatbot {
  display: flex !important;
  order: 3 !important;
  flex: 1 1 auto !important;
  flex-direction: column-reverse !important;
  overflow-y: auto !important;
  padding: 16px !important; /* a little extra padding */
  background-color: #141b17 !important; /* match main container */
  color: #ccd9c1 !important; /* soft jungle fog */
  min-width: 0 !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: #5dbd3d #141b17 !important;
}

.message-row.bubble.user-row {
  background-color: rgba(93, 189, 61, 0.2) !important; /* softer leaf green */
  color: #acd88f !important;
  align-self: flex-start !important;
  border-radius: 14px !important;
  margin: 6px 0 !important;
  padding: 10px 16px !important;
  max-width: 78vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
  user-select: text !important;
}

.message-row.bubble.bot-row {
  background-color: rgba(27, 38, 26, 0.9) !important; /* darker jungle shade */
  color: #c5d7b9 !important;
  align-self: flex-end !important;
  border-radius: 14px !important;
  margin: 6px 0 !important;
  padding: 10px 18px !important;
  max-width: 78vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
  font-size: 1.05rem !important;
  line-height: 1.4 !important;
  user-select: text !important;
}

#chatbot::-webkit-scrollbar {
  width: 10px !important;
}
#chatbot::-webkit-scrollbar-track {
  background: #162117 !important;
  border-radius: 10px !important;
}
#chatbot::-webkit-scrollbar-thumb {
  background-color: #5dbd3d !important;
  border-radius: 10px !important;
  border: 2px solid #162117 !important;
}
#chatbot::-webkit-scrollbar-thumb:hover {
  background-color: #81d970 !important;
}

*:focus {
  outline: none !important;
  box-shadow: none !important;
}