/* Hide known clutter except key elements and necessary message wrappers */
body > *:not(#col_container),
#col_container > *:not(#component-7):not(.form.svelte-633qhp):not(#chatbot):not(.svelte-gjtrl6):not(.bubble-wrap) {
  display: none !important;
}

/* Container setup */
#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: #121212 !important;
  color: #e0e0e0 !important;
  font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  box-sizing: border-box !important;
}

/* Run button */
#component-7 {
  display: flex !important;
  order: 1 !important;
  flex: 0 0 48px !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 0 12px !important;
}

/* Run button style */
#component-9 {
  background-color: #4caf50 !important;
  color: #121212 !important;
  padding: 6px 20px !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background-color 0.3s ease !important;
  white-space: nowrap !important;
}
#component-9:hover:enabled {
  background-color: #66bb6a !important;
}

/* Input container */
.form.svelte-633qhp {
  display: flex !important;
  order: 2 !important;
  flex: 0 0 52px !important;
  align-items: center !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 6px 16px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Input textarea */
textarea.scroll-hide.svelte-173056l {
  flex: 1 1 auto !important;
  max-height: 44px !important;
  background-color: #222 !important;
  border: 1px solid #4caf50 !important;
  border-radius: 6px !important;
  color: #ddd !important;
  font-family: 'Consolas', monospace !important;
  font-size: 1rem !important;
  padding: 8px 12px !important;
  resize: none !important;
  box-sizing: border-box !important;
  overflow-y: hidden !important;
  outline: none !important;
  white-space: nowrap !important;
  transition: box-shadow 0.2s ease-in-out !important;
}
textarea.scroll-hide.svelte-173056l:focus {
  box-shadow: 0 0 8px #4caf50aa !important;
}

/* Chat container */
#chatbot,
.bubble-wrap.svelte-gjtrl6,
.bubble.svelte-yaaj3 {
  display: flex !important;
}

#chatbot {
  order: 3 !important;
  flex: 1 1 auto !important;
  flex-direction: column-reverse !important;
  overflow-y: auto !important;
  padding: 12px !important;
  background-color: #121212 !important;
  color: #ccc !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* User message bubbles */
.message-row.bubble.user-row {
  background-color: rgba(76, 175, 80, 0.15) !important;
  color: #a5d6a7 !important;
  align-self: flex-start !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  padding: 8px 14px !important;
  max-width: 80vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Bot message bubbles */
.message-row.bubble.bot-row {
  background-color: rgba(33, 33, 33, 0.85) !important;
  color: #ccc !important;
  align-self: flex-end !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  padding: 8px 14px !important;
  max-width: 80vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Scrollbars WebKit */
#chatbot::-webkit-scrollbar {
  width: 8px !important;
}
#chatbot::-webkit-scrollbar-track {
  background: #222 !important;
  border-radius: 8px !important;
}
#chatbot::-webkit-scrollbar-thumb {
  background-color: #4caf50 !important;
  border-radius: 8px !important;
  border: 2px solid #222 !important;
}
#chatbot::-webkit-scrollbar-thumb:hover {
  background-color: #81c784 !important;
}

/* Scrollbars Firefox */
#chatbot {
  scrollbar-width: thin !important;
  scrollbar-color: #4caf50 #121212 !important;
}

/* Remove outlines on focus globally */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}/* Hide known clutter except key elements and necessary message wrappers */
body > *:not(#col_container),
#col_container > *:not(#component-7):not(.form.svelte-633qhp):not(#chatbot):not(.svelte-gjtrl6):not(.bubble-wrap) {
  display: none !important;
}

/* Container setup */
#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: #121212 !important;
  color: #e0e0e0 !important;
  font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  box-sizing: border-box !important;
}

/* Run button */
#component-7 {
  display: flex !important;
  order: 1 !important;
  flex: 0 0 48px !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 0 12px !important;
}

/* Run button style */
#component-9 {
  background-color: #4caf50 !important;
  color: #121212 !important;
  padding: 6px 20px !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background-color 0.3s ease !important;
  white-space: nowrap !important;
}
#component-9:hover:enabled {
  background-color: #66bb6a !important;
}

/* Input container */
.form.svelte-633qhp {
  display: flex !important;
  order: 2 !important;
  flex: 0 0 52px !important;
  align-items: center !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 6px 16px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Input textarea */
textarea.scroll-hide.svelte-173056l {
  flex: 1 1 auto !important;
  max-height: 44px !important;
  background-color: #222 !important;
  border: 1px solid #4caf50 !important;
  border-radius: 6px !important;
  color: #ddd !important;
  font-family: 'Consolas', monospace !important;
  font-size: 1rem !important;
  padding: 8px 12px !important;
  resize: none !important;
  box-sizing: border-box !important;
  overflow-y: hidden !important;
  outline: none !important;
  white-space: nowrap !important;
  transition: box-shadow 0.2s ease-in-out !important;
}
textarea.scroll-hide.svelte-173056l:focus {
  box-shadow: 0 0 8px #4caf50aa !important;
}

/* Chat container */
#chatbot,
.bubble-wrap.svelte-gjtrl6,
.bubble.svelte-yaaj3 {
  display: flex !important;
}

#chatbot {
  order: 3 !important;
  flex: 1 1 auto !important;
  flex-direction: column-reverse !important;
  overflow-y: auto !important;
  padding: 12px !important;
  background-color: #121212 !important;
  color: #ccc !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* User message bubbles */
.message-row.bubble.user-row {
  background-color: rgba(76, 175, 80, 0.15) !important;
  color: #a5d6a7 !important;
  align-self: flex-start !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  padding: 8px 14px !important;
  max-width: 80vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Bot message bubbles */
.message-row.bubble.bot-row {
  background-color: rgba(33, 33, 33, 0.85) !important;
  color: #ccc !important;
  align-self: flex-end !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  padding: 8px 14px !important;
  max-width: 80vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Scrollbars WebKit */
#chatbot::-webkit-scrollbar {
  width: 8px !important;
}
#chatbot::-webkit-scrollbar-track {
  background: #222 !important;
  border-radius: 8px !important;
}
#chatbot::-webkit-scrollbar-thumb {
  background-color: #4caf50 !important;
  border-radius: 8px !important;
  border: 2px solid #222 !important;
}
#chatbot::-webkit-scrollbar-thumb:hover {
  background-color: #81c784 !important;
}

/* Scrollbars Firefox */
#chatbot {
  scrollbar-width: thin !important;
  scrollbar-color: #4caf50 #121212 !important;
}

/* Remove outlines on focus globally */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}/* Hide known clutter except key elements and necessary message wrappers */
body > *:not(#col_container),
#col_container > *:not(#component-7):not(.form.svelte-633qhp):not(#chatbot):not(.svelte-gjtrl6):not(.bubble-wrap) {
  display: none !important;
}

/* Container setup */
#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: #121212 !important;
  color: #e0e0e0 !important;
  font-family: 'IBM Plex Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  box-sizing: border-box !important;
}

/* Run button */
#component-7 {
  display: flex !important;
  order: 1 !important;
  flex: 0 0 48px !important;
  justify-content: center !important;
  align-items: center !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 0 12px !important;
}

/* Run button style */
#component-9 {
  background-color: #4caf50 !important;
  color: #121212 !important;
  padding: 6px 20px !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background-color 0.3s ease !important;
  white-space: nowrap !important;
}
#component-9:hover:enabled {
  background-color: #66bb6a !important;
}

/* Input container */
.form.svelte-633qhp {
  display: flex !important;
  order: 2 !important;
  flex: 0 0 52px !important;
  align-items: center !important;
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 6px 16px !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Input textarea */
textarea.scroll-hide.svelte-173056l {
  flex: 1 1 auto !important;
  max-height: 44px !important;
  background-color: #222 !important;
  border: 1px solid #4caf50 !important;
  border-radius: 6px !important;
  color: #ddd !important;
  font-family: 'Consolas', monospace !important;
  font-size: 1rem !important;
  padding: 8px 12px !important;
  resize: none !important;
  box-sizing: border-box !important;
  overflow-y: hidden !important;
  outline: none !important;
  white-space: nowrap !important;
  transition: box-shadow 0.2s ease-in-out !important;
}
textarea.scroll-hide.svelte-173056l:focus {
  box-shadow: 0 0 8px #4caf50aa !important;
}

/* Chat container */
#chatbot,
.bubble-wrap.svelte-gjtrl6,
.bubble.svelte-yaaj3 {
  display: flex !important;
}

#chatbot {
  order: 3 !important;
  flex: 1 1 auto !important;
  flex-direction: column-reverse !important;
  overflow-y: auto !important;
  padding: 12px !important;
  background-color: #121212 !important;
  color: #ccc !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* User message bubbles */
.message-row.bubble.user-row {
  background-color: rgba(76, 175, 80, 0.15) !important;
  color: #a5d6a7 !important;
  align-self: flex-start !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  padding: 8px 14px !important;
  max-width: 80vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Bot message bubbles */
.message-row.bubble.bot-row {
  background-color: rgba(33, 33, 33, 0.85) !important;
  color: #ccc !important;
  align-self: flex-end !important;
  border-radius: 12px !important;
  margin: 4px 0 !important;
  padding: 8px 14px !important;
  max-width: 80vw !important;
  word-wrap: break-word !important;
  box-sizing: border-box !important;
}

/* Scrollbars WebKit */
#chatbot::-webkit-scrollbar {
  width: 8px !important;
}
#chatbot::-webkit-scrollbar-track {
  background: #222 !important;
  border-radius: 8px !important;
}
#chatbot::-webkit-scrollbar-thumb {
  background-color: #4caf50 !important;
  border-radius: 8px !important;
  border: 2px solid #222 !important;
}
#chatbot::-webkit-scrollbar-thumb:hover {
  background-color: #81c784 !important;
}

/* Scrollbars Firefox */
#chatbot {
  scrollbar-width: thin !important;
  scrollbar-color: #4caf50 #121212 !important;
}

/* Remove outlines on focus globally */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}