/* Light mode: sidebar follows the page theme instead of staying dark */
:root:not(.dark) {
  --sidebar: 0 0% 100%;
  --sidebar-foreground: 222 47% 11%;
  --sidebar-border: 220 13% 89%;
  --sidebar-primary: 217 91% 60%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 220 14% 93%;
  --sidebar-accent-foreground: 222 47% 11%;
  --sidebar-ring: 217 91% 60%;
}

/* Custom logo is designed for dark backgrounds; invert it in day mode (sidebar + login), not in the Settings preview */
:root:not(.dark):not(.has-day-logo) img[alt="Logo"][src^="data:"] { filter: invert(1) hue-rotate(180deg); }

/* Login page only (wrapper has .min-h-screen + .justify-center): ancestors transparent, navy on html/body */
html:has(#root > .min-h-screen.justify-center), body:has(#root > .min-h-screen.justify-center), html:has(#root > div > .min-h-screen.justify-center), body:has(#root > div > .min-h-screen.justify-center) { background-color: #00001f !important; border: 0 !important; min-height: 100%; }
#root:has(> .min-h-screen.justify-center), #root > .min-h-screen.justify-center, #root:has(> div > .min-h-screen.justify-center), #root > div:has(> .min-h-screen.justify-center), #root > div > .min-h-screen.justify-center { background: transparent !important; border: 0 !important; box-shadow: none !important; }