/* Energoone shared navigation. Deliberately scoped; service content and right-hand controls retain their CSS. */
.eo-navigation-shell { --eo-navigation-width:320px; --eo-header-inset:clamp(12px,2vw,32px); backdrop-filter:none; }
.eo-navigation-shell .app-header-inner { flex-wrap:nowrap; }
.eo-navigation-shell .brand-stack { flex:0 0 auto; }
.eo-navigation-toggle { position:relative;display:flex;align-items:center;width:var(--eo-navigation-width);min-height:44px;margin-left:calc(-1 * var(--eo-header-inset));padding:0 58px 0 var(--eo-header-inset);border:0;border-radius:0;background:transparent;color:#315b86;text-align:left;cursor:pointer; }
.eo-navigation-toggle:hover { color:#1e5b9f;background:transparent; }
.eo-navigation-toggle .brand-logo { width:174px;max-width:100%;height:auto; }
.eo-navigation-chevron { position:absolute;right:0;width:44px;height:23px;border-left:1px solid #d4e3f7;display:grid;place-items:center; }
.eo-navigation-chevron::after { content:"";width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform 180ms ease; }
.eo-navigation-toggle[aria-expanded="true"] .eo-navigation-chevron::after { transform:translateY(2px) rotate(225deg); }
.eo-navigation-toggle:focus-visible,.eo-navigation-drawer a:focus-visible,.eo-navigation-drawer summary:focus-visible { outline:2px solid #2f86ff;outline-offset:-2px; }
.eo-navigation-drawer { width:var(--eo-navigation-width);padding:16px;color:#16202d;background:inherit;border-right:1px solid #d4e3f7; }
.eo-navigation-ready .eo-navigation-drawer { position:fixed;left:0;top:var(--eo-navigation-top,76px);bottom:0;overflow-y:auto;overscroll-behavior:contain;z-index:2;box-shadow:16px 12px 40px #07142620; }
.eo-navigation-shade { position:fixed;inset:var(--eo-navigation-top,76px) 0 0;z-index:1;background:#07142626;border:0;padding:0;border-radius:0;touch-action:none; }
.eo-navigation-toggle[hidden],.eo-navigation-drawer[hidden],.eo-navigation-shade[hidden],.eo-navigation-ready .eo-navigation-fallback { display:none!important; }
.eo-navigation-list { display:flex;flex-direction:column;gap:6px; }
.eo-navigation-items { list-style:none;margin:0;padding:0; }
.eo-navigation-link,.eo-navigation-heading { display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:6px;color:#16202d;text-decoration:none;text-align:left;line-height:1.5;background:transparent; }
.eo-navigation-heading { font-size:14px;font-weight:800;min-height:44px;cursor:pointer; }
.eo-navigation-link { font-size:13px;font-weight:500;min-height:40px; }
.eo-navigation-services .eo-navigation-items>li:not(.eo-navigation-home) { margin-left:18px;padding-left:9px;border-left:1px solid #d4e3f7; }
.eo-navigation-home { margin-bottom:6px; }
.eo-navigation-group { border:0;margin:0;padding:0;background:transparent; }
.eo-navigation-group .eo-navigation-items { margin-left:18px;padding-left:9px;border-left:1px solid #d4e3f7; }
.eo-navigation-heading::-webkit-details-marker { display:none; }
summary.eo-navigation-heading { list-style:none; }
summary.eo-navigation-heading::after { content:"";margin-left:auto;width:7px;height:7px;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg); }
.eo-navigation-group[open]>summary::after { transform:rotate(225deg); }
.eo-navigation-link:hover,.eo-navigation-heading:hover { background:#f5f9ff;color:#16202d;text-decoration:none; }
.eo-navigation-link[aria-current],.eo-navigation-heading[aria-current] { background:#eaf3ff;color:#1e5b9f;font-weight:700; }
.eo-navigation-help { border-top:1px solid #d4e3f7;border-radius:0;margin-top:10px;padding-top:18px; }
.eo-navigation-icon { display:block;width:16px;height:16px;flex:0 0 16px;background:currentColor;mask:var(--eo-icon) center/contain no-repeat;-webkit-mask:var(--eo-icon) center/contain no-repeat; }
.eo-icon-grid { --eo-icon:url('/static/navigation-icons/grid.svg'); }
.eo-icon-book { --eo-icon:url('/static/navigation-icons/book.svg'); }
.eo-icon-chart { --eo-icon:url('/static/navigation-icons/chart.svg'); }
.eo-icon-help { --eo-icon:url('/static/navigation-icons/help.svg'); }
@media(max-width:700px){
 .eo-navigation-shell { --eo-navigation-width:260px; }
 .eo-navigation-shell .app-header-inner { flex-wrap:wrap; }
 .eo-navigation-shell .brand-stack { flex-basis:auto; }
 .eo-navigation-shell .topbar { width:auto;margin-left:auto; }
 .eo-navigation-toggle .brand-logo { width:150px; }
}
@media(prefers-reduced-motion:reduce){ .eo-navigation-chevron::after { transition:none; } }

/* Breadcrumbs belong to the header row between the brand and existing controls. */
.eo-navigation-shell .app-header-inner > .app-breadcrumbs {
 flex:1 1 0;min-width:0;width:auto;max-width:none;margin:0;padding:0;border:0;
 flex-wrap:nowrap;overflow-x:auto;font-size:13px;font-weight:600;line-height:20px;color:#16202d;
}
.eo-navigation-shell .app-breadcrumbs a,.eo-navigation-shell .app-breadcrumbs span { flex:none;color:inherit; }
.eo-navigation-shell .app-breadcrumbs > * { font-weight:600; }
.eo-navigation-shell .app-breadcrumbs > :first-child { font-weight:700; }
.eo-navigation-shell .topbar { flex-shrink:0; }
@media(max-width:700px){
 .eo-navigation-shell .app-header-inner > .app-breadcrumbs { order:3;flex-basis:100%;font-size:12px; }
}

/* Keep drawer shadow behind the opaque header row. */
.eo-navigation-shell .app-header-inner { position:relative;z-index:3;background:inherit; }

/* Preserve item spacing inside the border so the service guide stays continuous. */
.eo-navigation-services .eo-navigation-items > li:not(.eo-navigation-home) + li { margin-top:0;padding-top:5px; }