/*
 * IONEXT color override.
 * Source palette: https://ionext.ai/assets/index-Bf1H3BHm.css
 */
:root,
.dark,
.\!dark {
  --background: 150 17% 4% !important;
  --foreground: 0 0% 100% !important;
  --card: 150 17% 6% !important;
  --card-foreground: 0 0% 100% !important;
  --popover: 150 17% 6% !important;
  --popover-foreground: 0 0% 100% !important;
  --primary: 124 47% 46% !important;
  --primary-foreground: 0 0% 100% !important;
  --secondary: 150 17% 10% !important;
  --secondary-foreground: 0 0% 100% !important;
  --muted: 150 14% 14% !important;
  --muted-foreground: 144 8% 56% !important;
  --accent: 124 47% 46% !important;
  --accent-foreground: 0 0% 100% !important;
  --destructive: 0 84.2% 60.2% !important;
  --destructive-foreground: 0 0% 100% !important;
  --border: 145 22% 13% !important;
  --input: 145 22% 13% !important;
  --ring: 124 47% 46% !important;
  --primary-hover: 124 47% 40% !important;
  --secondary-hover: 150 14% 14% !important;
  --placeholder-foreground: 144 8% 56% !important;
  --canvas: 150 17% 4% !important;
  --canvas-dot: 145 22% 13% !important;
  --node-selected: 124 47% 46% !important;
  --accent-emerald: 124 47% 46% !important;
  --accent-emerald-foreground: 0 0% 100% !important;
  --accent-emerald-hover: 124 47% 40% !important;
  --accent-indigo: 150 14% 14% !important;
  --accent-indigo-foreground: 124 47% 58% !important;
  --accent-blue: 124 47% 46% !important;
  --accent-blue-foreground: 124 47% 58% !important;
  --accent-blue-muted: 124 47% 46% / .18 !important;
  --accent-blue-muted-foreground: 124 47% 58% !important;
  --accent-pink: 124, 47%, 16% !important;
  --accent-pink-foreground: 124 47% 58% !important;
  --accent-assistant-brand: 124 47% 46% !important;
  --accent-assistant-purple: 124 47% 58% !important;
  --accent-purple-muted: 124 47% 46% / .16 !important;
  --accent-purple-muted-foreground: 124 47% 58% !important;
  --accent-purple-foreground: 124 47% 58% !important;
  --deployment-callout: 124 47% 46% / .12 !important;
  --deployment-callout-border: 124 47% 46% / .3 !important;
  --deployment-callout-foreground: 124 47% 58% !important;
  --tooltip: 150 17% 10% !important;
  --tooltip-foreground: 0 0% 100% !important;
  --warning: 45 93% 47% !important;
  --warning-foreground: 150 17% 4% !important;
  --code-background: 150 17% 6% !important;
  --code-description-background: 150 17% 6% !important;
  --code-foreground: 0 0% 100% !important;
  --high-indigo: #2f8d38 !important;
  --medium-indigo: #46b84a !important;
  --low-indigo: #173f1d !important;
  --filter-foreground: #46b84a !important;
  --filter-background: #102b17 !important;
  --component-icon: #46b84a !important;
  --flow-icon: #46b84a !important;
  --chat-user-icon: #8bdc8e !important;
  --chat-bot-icon: #5fd168 !important;
  --selected: #46b84a !important;
  --disabled-run: #46b84a !important;
  --build-trigger: #46b84a !important;
  --chat-trigger: #46b84a !important;
  --chat-trigger-disabled: #274b2d !important;
  --indigo-foreground: 124 47% 58% !important;
  --neon-fuschia: 124 47% 46% !important;
  --digital-orchid: 124 47% 58% !important;
  --plasma-purple: 124 47% 40% !important;
  --electric-blue: 124 47% 52% !important;
  --holo-frost: 124 47% 70% !important;
  --terminal-green: 124 47% 70% !important;
  --tool-mode-gradient-1: #46b84a !important;
  --tool-mode-gradient-2: #7ee06e !important;
}

html,
body,
#root {
  background: #090d0b !important;
  color: hsl(var(--foreground)) !important;
}

body {
  color-scheme: dark;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #090d0b;
}

::-webkit-scrollbar-thumb {
  background: #1a2820;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #2a3e30;
}

.react-flow__background pattern circle {
  fill: hsl(var(--canvas-dot)) !important;
}

.react-flow__edge-path,
.react-flow__connection-path {
  stroke: #2a3e30;
}

.react-flow__handle {
  background: hsl(var(--primary)) !important;
  border-color: hsl(var(--background)) !important;
}

.version-preview-overlay {
  border-color: rgb(70 184 74 / .35) !important;
  box-shadow:
    0 0 18px 2px rgb(70 184 74 / .25) inset,
    0 0 9px 1px rgb(70 184 74 / .16) inset !important;
}

[class*="accent-assistant-purple"][class*="accent-assistant-brand"] {
  --tw-shadow:
    0 0 15px rgb(70 184 74 / .18),
    0 0 30px rgb(70 184 74 / .12) !important;
}

[class*="from-fuchsia-"],
[class*="from-purple-"],
[class*="from-violet-"],
[class*="from-rose-"],
[class*="from-red-"] {
  --tw-gradient-from: #46b84a var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(70 184 74 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}

[class*="via-fuchsia-"],
[class*="via-purple-"],
[class*="via-violet-"],
[class*="via-rose-"],
[class*="via-red-"] {
  --tw-gradient-to: rgb(70 184 74 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops:
    var(--tw-gradient-from),
    #63d16a var(--tw-gradient-via-position),
    var(--tw-gradient-to) !important;
}

[class*="to-fuchsia-"],
[class*="to-purple-"],
[class*="to-violet-"],
[class*="to-rose-"],
[class*="to-red-"] {
  --tw-gradient-to: #7ee06e var(--tw-gradient-to-position) !important;
}

svg[title="Ionext Logo"],
svg[title="IONEXT Logo"],
[data-testid="header_left_section_wrapper"] [data-testid="icon-ChevronLeft"] svg {
  color: transparent !important;
  background: url("/favicon.ico") center / contain no-repeat !important;
}

svg[title="Ionext Logo"] *,
svg[title="IONEXT Logo"] *,
[data-testid="header_left_section_wrapper"] [data-testid="icon-ChevronLeft"] svg * {
  fill: transparent !important;
  stroke: transparent !important;
}

img[alt="Ionext Logo"],
img[alt="Ionext Logo Dark"],
img[alt="Ionext Logo Light"],
img[alt="IONEXT Logo"],
img[alt="IONEXT Logo Dark"],
img[alt="IONEXT Logo Light"] {
  content: url("/favicon.ico") !important;
  object-fit: contain !important;
}

[data-testid="ionext_removed_external_button"] {
  display: none !important;
}

[data-testid="ionext_removed_button"],
#ionext_removed_button,
[data-testid="ionext_removed_mode"],
#ionext_removed_mode,
.flex.items-center.justify-between.px-4.py-\[6\.5px\].text-sm:has([data-testid="ionext_removed_mode"]),
.flex.items-center.justify-between.px-4.py-\[6\.5px\].text-sm:has(#ionext_removed_mode) {
  display: none !important;
}

.ag-theme-balham,
.ag-theme-balham-dark,
.ag-theme-balham-auto-dark {
  --ag-balham-active-color: hsl(124 47% 46%);
  --ag-foreground-color: #ffffff;
  --ag-background-color: #090d0b;
  --ag-header-background-color: #0c120f;
  --ag-tooltip-background-color: #0c120f;
  --ag-subheader-background-color: #101a14;
  --ag-control-panel-background-color: #101a14;
  --ag-border-color: #1a2820;
  --ag-odd-row-background-color: #0c120f;
  --ag-row-hover-color: #101a14;
  --ag-column-hover-color: #101a14;
  --ag-input-border-color: #1a2820;
  --ag-checkbox-checked-color: hsl(124 47% 46%);
  --ag-range-selection-border-color: hsl(124 47% 46%);
  --ag-selected-row-background-color: hsl(124 47% 46% / .22);
}

.jse-menu,
.jse-status-bar,
.jse-main,
.jse-contents {
  --jse-theme-color: #101a14;
  --jse-theme-color-highlight: #1a2820;
  --jse-background-color: #0c120f;
  --jse-text-color: #ffffff;
  --jse-main-border: #1a2820;
  --jse-menu-color: #101a14;
  --jse-hover-background-color: #101a14;
  --jse-active-line-background-color: #101a14;
  --jse-search-match-color: hsl(124 47% 58%);
}