/* Shared sidebar states: active page, open group and active parent path. */
:root .sidebar .nav > .settings-nav{position:relative;bottom:auto;z-index:auto;padding:0;margin:var(--mh-space-1) 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
:root .sidebar .nav button.mh-has-nav-icon::before{content:""!important}
:root .sidebar .nav .mh-nav-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:var(--mh-icon-lg);height:var(--mh-icon-lg);display:grid;place-items:center;pointer-events:none;color:inherit}
:root{--nav-selected-bg:rgba(255,255,255,.13);--nav-selected-text:#f4fbfd;--nav-hover-bg:rgba(255,255,255,.08);--nav-accent:#f4a340;--nav-accent-end:#f7cf36}
/* Mouse users reveal the rail directly; retain the control for keyboard/touch. */
@media(hover:hover) and (pointer:fine){
 .sidebar #sidebar-toggle{opacity:0;pointer-events:none}
 .sidebar #sidebar-toggle:focus-visible{opacity:1;pointer-events:auto}
}
:root[data-theme="current"]{--nav-selected-bg:var(--mh-selected,#dceef3);--nav-selected-text:#0f5269;--nav-hover-bg:var(--mh-hover,#e6f1f4)}
:root .sidebar .nav button{position:relative;border-radius:11px;transition:background-color .15s,box-shadow .15s;color:var(--sidebar-text,#d5e7ed)}
:root .sidebar.sidebar .nav.nav button.sidebar-group-toggle{padding-right:36px!important;text-transform:none;letter-spacing:normal;background:transparent!important;color:var(--sidebar-text,#d5e7ed)!important;font-size:13px!important;font-weight:600!important}
:root .sidebar .nav button.sidebar-group-toggle>.sidebar-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:block;font-size:21px;line-height:1;font-weight:600;transition:transform .15s;pointer-events:none}
:root .sidebar .nav button.sidebar-group-toggle[aria-expanded="true"]>.sidebar-chevron{transform:translateY(-50%) rotate(90deg)}
/* The pseudo-element is exclusively the yellow edge, never the disclosure arrow. */
:root .sidebar .nav button::after{content:""!important;position:absolute;right:0;top:19%;bottom:auto;width:4px;height:62%;border-radius:4px 0 0 4px;background:var(--nav-accent-end);opacity:0;transform:none!important;pointer-events:none;transition:opacity .15s}
:root .sidebar.sidebar .nav.nav button:hover,
:root .sidebar.sidebar .nav.nav button:focus-visible{background:var(--nav-selected-bg)!important;color:var(--nav-selected-text)!important;box-shadow:inset 4px 0 var(--nav-accent)!important;border-left-color:transparent}
:root .sidebar.sidebar .nav.nav button:hover::after,
:root .sidebar.sidebar .nav.nav button:focus-visible::after{opacity:1}
:root .sidebar.sidebar .nav.nav button:is(.active),
:root .sidebar.sidebar .nav.nav .nav-group:is(.open,.compact-open,.active-path)>button:first-child,
:root .sidebar.sidebar .nav.nav .module-section.open>.module-section-toggle{background:var(--nav-selected-bg)!important;color:var(--nav-selected-text)!important;box-shadow:inset 4px 0 var(--nav-accent)!important;border-left-color:transparent;font-weight:700!important}
:root .sidebar .nav button.active::after,
:root .sidebar .nav .nav-group:is(.open,.compact-open,.active-path)>button:first-child::after,
:root .sidebar .nav .module-section.open>.module-section-toggle::after{opacity:1}
:root .sidebar .nav button.active{font-weight:800!important}
:root .sidebar .nav button:focus-visible{outline:2px solid #3896b3!important;outline-offset:-2px}
body.sidebar-collapsed .sidebar .nav>.nav-group>button>.sidebar-chevron{display:none}
/* Group headings must remain icon-only in the compact rail, not in flyouts. */
:root body.sidebar-collapsed .sidebar.sidebar .nav.nav > .nav-group > button.sidebar-group-toggle{font-size:0!important;padding:0!important}
body.sidebar-collapsed .sidebar .nav .nav-group.compact-open>.subnav .sidebar-chevron{display:block}
@media(prefers-reduced-motion:reduce){:root .sidebar .nav button,:root .sidebar .nav button::after,:root .sidebar .nav .sidebar-chevron{transition:none!important}}