/* Light sidebar: selection is a subtle gray surface, not a dark pill/bar. */
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navActive_"],
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navItem_"][aria-expanded="true"],
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navGroup_"] > [class*="_navItem_"][aria-expanded="true"]:has(+ [class*="_subNav_"] :is([aria-current="page"], [class*="Active"], [class*="active"], .bk-subcategory-active)),
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] #bk-settings-menu.bk-selected,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] #bk-settings-menu.bk-expanded,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_subNavItem_"][aria-current="page"],
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] .bk-subcategory-active,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] #bk-settings-submenu .bk-subcategory-active {
  background: #eef0f2 !important;
  border-color: #dfe2e5 !important;
  color: #171717 !important;
}

/* No dark active marker in light mode; retain the usual muted icon color. */
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navActive_"]::before,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navGroup_"] > [class*="_navItem_"][aria-expanded="true"]:has(+ [class*="_subNav_"] :is([aria-current="page"], [class*="Active"], [class*="active"], .bk-subcategory-active))::before,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] #bk-settings-menu.bk-selected::before,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] .bk-subcategory-active::before {
  display: none !important;
  content: none !important;
}

html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navActive_"] svg,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navItem_"][aria-expanded="true"] svg,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_navGroup_"] > [class*="_navItem_"][aria-expanded="true"]:has(+ [class*="_subNav_"] :is([aria-current="page"], [class*="Active"], [class*="active"], .bk-subcategory-active)) svg,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] #bk-settings-menu.bk-selected svg,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] #bk-settings-menu.bk-expanded svg,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] [class*="_subNavItem_"][aria-current="page"] svg,
html[data-bk-theme="light"] #dashboard-app aside[class*="_sidebar_"] .bk-subcategory-active svg {
  color: #626262 !important;
  stroke: #626262 !important;
}