/* Novu 3.19.0 uses these neutral tokens throughout its dashboard. */
:root[data-novu-theme="dark"] {
  color-scheme: dark;
  --background: 222 32% 8%;
  --neutral-0: 222 28% 10%;
  --neutral-50: 222 25% 12%;
  --neutral-75: 222 24% 14%;
  --neutral-100: 222 22% 17%;
  --neutral-200: 221 20% 23%;
  --neutral-300: 220 18% 33%;
  --neutral-400: 220 14% 65%;
  --neutral-500: 220 14% 72%;
  --neutral-600: 220 16% 79%;
  --neutral-700: 220 20% 86%;
  --neutral-800: 220 24% 91%;
  --neutral-900: 220 28% 96%;
  --neutral-950: 220 30% 98%;
  --foreground-0: var(--neutral-0);
  --foreground-50: var(--neutral-50);
  --foreground-100: var(--neutral-100);
  --foreground-200: var(--neutral-200);
  --foreground-300: var(--neutral-300);
  --foreground-400: var(--neutral-400);
  --foreground-500: var(--neutral-500);
  --foreground-600: var(--neutral-600);
  --foreground-700: var(--neutral-700);
  --foreground-800: var(--neutral-800);
  --foreground-900: var(--neutral-900);
  --foreground-950: var(--neutral-950);
  --static-white: 0 0% 100%;
  --static-black: 222 32% 8%;
  --neutral-alpha-50: 220 15% 75% / .05;
  --neutral-alpha-100: 220 15% 75% / .1;
  --neutral-alpha-200: 220 15% 75% / .2;
  --neutral-alpha-300: 220 15% 75% / .3;
  --neutral-alpha-400: 220 15% 75% / .4;
  --neutral-alpha-500: 220 15% 75% / .5;
  --neutral-alpha-600: 220 15% 75% / .6;
  --neutral-alpha-700: 220 15% 75% / .7;
  --neutral-alpha-800: 220 15% 75% / .8;
  --neutral-alpha-900: 220 15% 75% / .9;
  --neutral-alpha-950: 220 15% 75% / .95;
  --bg-color: hsl(var(--neutral-0));
  --placeholder-color: hsl(var(--neutral-400));
}
:root[data-novu-theme="light"] { color-scheme: light; }
html[data-novu-theme="dark"] body { background: hsl(var(--background)); color: hsl(var(--neutral-950)); }
html[data-novu-theme="dark"] .bg-white { background-color: hsl(var(--neutral-0)); }
html[data-novu-theme="dark"] .text-information { color: #9ab4ff; }
html[data-novu-theme="dark"] .text-information.opacity-40 { opacity: 1; }
html[data-novu-theme="dark"] .from-neutral-alpha-900.to-neutral-900 {
  background-image: linear-gradient(to bottom, #37445e, #273247);
  color: #ffffff;
  box-shadow: inset 0 0 0 1px #64748b, 0 1px 2px #0004;
}
.jenius-novu-theme-header { height: auto; min-height: 56px; }
#jenius-novu-theme-toggle {
  flex: none; min-height: 44px; min-width: 72px; padding: 8px 10px;
  border: 1px solid hsl(var(--neutral-300)); border-radius: 8px;
  background: hsl(var(--neutral-0)); color: hsl(var(--neutral-950));
  font-family: inherit; font-size: 13px; font-weight: 500; line-height: 1.3; cursor: pointer;
}
#jenius-novu-theme-toggle:hover { background: hsl(var(--neutral-100)); }
#jenius-novu-theme-toggle:focus-visible { outline: 2px solid #739bff; outline-offset: 2px; }