/* Console accent only. Body scope also reaches native portalled settings. */
body:has([data-slot="sidebar-wrapper"]) {
  --primary: #4f46e5;
  --primary-foreground: #ffffff;
  --ring: #6366f1;
  --accent: rgba(79, 70, 229, .10);
  --accent-foreground: #4338ca;
  --sidebar-primary: #4f46e5;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: rgba(79, 70, 229, .10);
  --sidebar-accent-foreground: #4338ca;
  --sidebar-ring: #6366f1;
  --chart-1: #4f46e5;
  --ad-console-thumb: #ffffff;
}
.dark body:has([data-slot="sidebar-wrapper"]) {
  --ring: #a5b4fc;
  --accent: rgba(129, 140, 248, .18);
  --accent-foreground: #c7d2fe;
  --sidebar-accent: rgba(129, 140, 248, .18);
  --sidebar-accent-foreground: #c7d2fe;
  --sidebar-ring: #a5b4fc;
  --chart-1: #a5b4fc;
  --ad-console-thumb: #eef2ff;
}
/* The translucent page background must not bleed through switch handles. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="switch-thumb"] {
  background-color: var(--ad-console-thumb);
}
/* Retain a translucent selection in the model picker, with a matching check. */
body:has([data-slot="sidebar-wrapper"]) [data-slot="command-item"][class~="border-primary/40"] {
  background-color: var(--accent);
  border-color: color-mix(in srgb, var(--primary) 40%, transparent);
}
body:has([data-slot="sidebar-wrapper"]) [data-slot="command-item"][class~="border-primary/40"] > .lucide-check,
body:has([data-slot="sidebar-wrapper"]) [data-slot="popover-content"] button[class~="bg-primary/10"] > .lucide-check {
  color: var(--sidebar-accent-foreground);
}