/* One authorized navigation tree, two presentation choices. */
/* The template renders the dashboard glyph. Suppress the legacy background image
   and text indentation before the navigation scripts initialize. */
@layer xm-legacy {
    .xm4 .xm4-module-nav li.navDash > a {background-image:none!important; text-indent:0!important;}
}
html[data-xm4-module-layout="bar"] .xm4 .xm4-module-nav {display:flex; align-items:center; position:sticky; top:calc(var(--xm4-header) + var(--xm4-page-head)); z-index:1014; flex:none; min-width:0; min-height:48px; padding:0 max(var(--xm4-gutter),calc((100% - var(--xm4-content-max)) / 2)); margin:0; background:var(--xm4-surface); border:0; border-bottom:1px solid var(--xm4-line);}
html[data-xm4-module-layout="bar"] .xm4.xm4-wide-screen .xm4-module-nav {padding-inline:var(--xm4-gutter);}
html[data-xm4-module-layout="bar"] .xm4 .xm4-module-nav .slideset {display:block!important; flex:1; min-width:0; width:auto; margin:0; padding:0; border:0; background:transparent; overflow:auto; scrollbar-width:thin; scrollbar-color:var(--xm4-line) transparent; overscroll-behavior-x:contain;}
.xm4 .xm4-module-nav .slideset::-webkit-scrollbar {height:3px;}
.xm4 .xm4-module-nav .slideset > ul {display:flex; align-items:stretch; gap:4px; width:max-content; min-width:100%; height:auto; margin:0; padding:0; overflow:visible; list-style:none; transform:none;}
.xm4 .xm4-module-nav .slideset > ul > li {position:relative; display:flex; align-items:center; flex:none; float:none; width:auto; margin:0; padding:5px 0; border:0; background:none;}
.xm4 .xm4-module-nav ul, .xm4 .xm4-module-nav li {list-style:none;}
.xm4 .xm4-module-nav li::before, .xm4 .xm4-module-nav li::after, .xm4 .xm4-module-nav ul::after {display:none;}
.xm4 .xm4-module-nav li > :is(a,button,.xm4-nav-label) {position:static; display:flex; align-items:center; gap:8px; float:none; width:auto; min-height:38px; margin:0; padding:8px 12px; border:0; border-radius:8px; background:transparent; color:var(--xm4-ink-2); font:550 .8125rem/1.4 var(--bs-body-font-family); text-align:start; text-decoration:none; text-transform:none; white-space:nowrap;}
.xm4 .xm4-module-nav li > :is(a,button):hover {background:var(--xm4-soft); color:var(--xm4-accent);}
.xm4 .xm4-module-nav li > :is(a,button):focus-visible {outline:2px solid var(--xm4-accent); outline-offset:-2px; box-shadow:none;}
.xm4 .xm4-module-nav li > :is(a,button,.xm4-nav-label) > i {position:static; display:inline-block; flex:none; width:auto; margin:0; padding:0; font-size:.875rem; color:var(--xm4-muted);}
.xm4 .xm4-module-nav li.xm4-icon-only > :is(a,button,.xm4-nav-label):not(.xm4-submenu-toggle) {min-width:40px; justify-content:center;}
.xm4 .xm4-module-nav li > :is(a,button) > i.fa-chevron-down {font-size:9px; margin-inline-start:2px; transition:transform .15s;}
.xm4 .xm4-module-nav li > button[aria-expanded="true"] > i.fa-chevron-down {transform:rotate(180deg);}
.xm4 .xm4-module-nav li > .xm4-submenu-toggle {padding-inline:9px; margin-inline-start:-6px;}
.xm4 .xm4-module-nav li > :is(a,button,.xm4-nav-label) .badge {padding:2px 5px; margin:0; border-radius:5px; font-size:10px; color:var(--xm4-muted); background:var(--xm4-soft);}
.xm4 .xm4-module-nav li > :is(a,button,.xm4-nav-label) strong {font-size:.75rem;}
.xm4 .xm4-module-nav .slideset > ul > li.active > :is(a,button), .xm4 .xm4-module-nav li > a[aria-current="page"] {color:var(--xm4-accent); background:var(--xm4-tint);}
.xm4 .xm4-module-nav .slideset > ul > li.active > :is(a,button) > i {color:inherit;}
.xm4 .xm4-module-nav .slideset > ul > li.active::after {display:block; content:""; position:absolute; inset:auto 12px 0; height:2px; width:auto; background:var(--xm4-accent); border-radius:2px 2px 0 0;}
.xm4 .xm4-module-nav .drop {display:none!important; float:none; width:auto; height:auto; margin:0; opacity:1; visibility:visible; transform:none; transition:none;}
html[data-xm4-module-layout="bar"] .xm4 .xm4-module-nav li.xm4-submenu-open > .drop {display:block!important;}
.xm4 .xm4-module-nav .slideset > ul > li > .drop {position:fixed; z-index:1016; padding:6px; border:1px solid var(--xm4-line); border-radius:12px; box-shadow:var(--xm4-shadow-lg); background:var(--xm4-surface); overflow:auto; overscroll-behavior:contain;}
.xm4 .xm4-module-nav .drop::before, .xm4 .xm4-module-nav .drop::after {display:none;}
.xm4 .xm4-module-nav .drop ul {position:static; display:block; width:auto; margin:0; padding:0; border:0; background:transparent; overflow:visible;}
.xm4 .xm4-module-nav .drop li {display:flex; flex-wrap:wrap; align-items:center; position:relative; float:none; width:auto; padding:0; margin:0; border:0; background:transparent;}
.xm4 .xm4-module-nav .drop li > :is(a,button,.xm4-nav-label) {flex:1; min-width:0; width:auto; min-height:40px; padding:10px 12px; white-space:normal; overflow-wrap:anywhere;}
.xm4 .xm4-module-nav .drop li > button > i.fa-chevron-down {margin-inline-start:auto;}
.xm4 .xm4-module-nav .drop li > .xm4-submenu-toggle {flex:none; min-width:36px;}
.xm4 .xm4-module-nav .drop .drop {position:static; flex:1 0 calc(100% - 12px); margin:0 0 4px 12px; padding:0 0 0 6px; border:0; border-inline-start:1px solid var(--xm4-line); border-radius:0; background:transparent; box-shadow:none; overflow:visible;}
.xm4 .xm4-module-nav .drop .drop a {font-weight:400;}
.xm4 .xm4-module-nav .xm4-nav-scroll {display:none; flex:none; align-items:center; justify-content:center; width:32px; height:36px; padding:0; border:0; border-radius:8px; background:var(--xm4-surface); color:var(--xm4-muted);}
html[data-xm4-module-layout="bar"] .xm4 .xm4-module-nav .xm4-nav-scroll:not([hidden]) {display:flex;}
.xm4 .xm4-module-nav .xm4-nav-scroll:hover {background:var(--xm4-soft); color:var(--xm4-accent);}
.xm4 .xm4-module-nav .xm4-nav-scroll:disabled {opacity:.3; cursor:default;}
@media(max-width:767px) {
    html[data-xm4-module-layout="bar"] .xm4 .xm4-module-nav {min-height:46px; padding-inline:var(--xm4-gutter);}
    .xm4 .xm4-module-nav .slideset > ul > li {padding-block:3px;}
    .xm4 .xm4-module-nav li > :is(a,button,.xm4-nav-label) {min-height:40px; padding-inline:10px;}
    .xm4 .xm4-module-nav .drop li > :is(a,button) {min-height:44px;}
}
html[data-xm4-module-layout="bar"] .xm4:is(.unobstructed,.fullScreenMode,.xmBodyNoHeaderMenu) .xm4-module-nav {display:none;}
@media print {html[data-xm4-module-layout="bar"] .xm4 .xm4-module-nav {display:none;}}