/* =========================================================================
   Phase 2 shell — sidebar lighten (UI revision).
   CSS-ONLY override of the Enigma side-nav. No markup or JS changes; loaded
   after app.css via base.blade.php. Scoped to light mode (html:not(.dark)) so
   dark mode is untouched. Token-driven, so the active item rebrands.
   Rollback = remove the <link> in base.blade.php.
   ========================================================================= */

html:not(.dark) .side-nav {
    background-color: #ffffff !important;
    border-right: 1px solid #e7ebf0;
}

/* Active top-level item: brand-tint background + brand text,
   and remove the theme's border notch (::before) and curved chevron (::after). */
html:not(.dark) .side-nav > ul > li > .side-menu.side-menu--active {
    background-color: rgb(var(--color-primary) / 0.10) !important;
}
html:not(.dark) .side-nav > ul > li > .side-menu.side-menu--active::before,
html:not(.dark) .side-nav > ul > li > .side-menu.side-menu--active::after {
    display: none !important;
}
html:not(.dark) .side-nav > ul > li > .side-menu.side-menu--active .side-menu__icon,
html:not(.dark) .side-nav > ul > li > .side-menu.side-menu--active .side-menu__title {
    color: rgb(var(--color-primary)) !important;
}

/* Hover (non-active) — light grey, no notch */
html:not(.dark) .side-nav > ul > li > .side-menu:hover:not(.side-menu--active) {
    background-color: #f1f5f9 !important;
}
html:not(.dark) .side-nav > ul > li > .side-menu:hover:not(.side-menu--active)::before {
    display: none !important;
}

/* Submenu open panel + its tint backdrop — lighten */
html:not(.dark) .side-nav .side-menu__sub-open {
    background-color: #f8fafc !important;
}
html:not(.dark) .side-nav .side-menu__sub-open::before {
    background-color: transparent !important;
}