/* -------------------------
   Darky-Retrish Gradio Theme
   Base background #010201
   ------------------------- */

/* Global backgrounds and grayscale blocks */
html, body, .gradio-container-5-25-1,
.block.svelte-11xb1hd, .panel.svelte-vt1mxs,
.block.padded.svelte-11xb1hd,
form.svelte-633qhp,
.wrap.svelte-1byz9vf,
.contain.svelte-1byz9vf,
.main-content, #col_container, main.svelte-1170pvd,
textarea.svelte-173056l,
input.svelte-173056l,
select.svelte-173056l,
button.svelte-1ixn6qd,
label.svelte-1to105q,
.nav.svelte-1170pvd, .sidebar.svelte-y4v1h1,
footer.svelte-1byz9vf
{
  background-color: #010201 !important;  /* deep near-black green */
  color: #8fbc8f !important; /* muted light green text */
  border-color: #0a100a !important; /* very dark green borders */
  box-shadow: none !important;
}

/* Remove any lighter backgrounds from nested containers */
.block.svelte-11xb1hd, .panel.svelte-vt1mxs,
.block.padded.svelte-11xb1hd {
  background-color: transparent !important;
  border-color: #0a100a !important;
}

/* Override all grey borders with a dark green hue */
.gradio-container-5-25-1 [class*="border"],
.gradio-container-5-25-1 hr,
.gradio-container-5-25-1 .divider {
  border-color: #0a100a !important;
}

/* Table backgrounds */
table, thead, tbody,
th, td {
  background-color: transparent !important;
  border-color: #0a100a !important;
  color: #9acc9a !important; /* lighter green text in tables */
}

/* Scrollbars (generic) */
::-webkit-scrollbar {
  background: #010201 !important;
}
::-webkit-scrollbar-track {
  background: #010201 !important;
}
::-webkit-scrollbar-thumb {
  background: #3aac3a !important; /* retro neon green shade */
  border-radius: 8px !important;
  border: 2px solid #010201 !important;
}
::-webkit-scrollbar-thumb:hover {
  background: #5cdd5c !important;
}
.scrollbar-width {
  scrollbar-color: #3aac3a #010201 !important;
  scrollbar-width: thin !important;
}

/* Buttons background & text */
button.svelte-1ixn6qd {
  background-color: #022002 !important;
  border-color: #0a100a !important;
  color: #8fcc8f !important;
  box-shadow: none !important;
}
button.svelte-1ixn6qd:hover {
  background-color: #054005 !important;
  color: #b9f4b9 !important;
}

/* Inputs & textareas */
input.svelte-173056l, textarea.svelte-173056l, select.svelte-173056l {
  background-color: #011001 !important;
  border-color: #064006 !important;
  color: #9bd49b !important;
}

/* Labels */
label.svelte-1to105q {
  color: #7aaa7a !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

/* Links */
a.svelte-1ixn6qd, a.svelte-1170pvd {
  color: #6bd96b !important;
  text-decoration: underline !important;
}
a.svelte-1ixn6qd:hover, a.svelte-1170pvd:hover {
  color: #94f194 !important;
}

/* Accordions, dropdowns, menus */
.options.svelte-y6qw75, .checkbox-label, .dropdown-arrow,
.icon-button-wrapper {
  background-color: #010201 !important;
  border-color: #0a100a !important;
  color: #7cbc7c !important;
}

/* Modals and overlays */
.modal, .overlay, .backdrop {
  background-color: rgba(1, 2, 1, 0.9) !important;
  color: #91d691 !important;
}

/* Misc shadows */
.box-shadow, .toast-message, .notification {
  box-shadow: none !important;
}

/* Headers and titles */
.title.svelte-1byz9vf,
.header.svelte-1byz9vf {
  color: #8fed8f !important;
}

/* Set body background for consistency */
body {
  background-color: #010201 !important;
  color: #8fed8f !important;
}