/* 2026-09-25.sidebar-reveal.2 — keep the logo visible during expansion.
   Text uses ecotracer-sidebar-reveal.js to wait for the existing width animation.
   The raster wordmark can scale safely with the rail and is never held back.
   Accepted brand-monitor.1 geometry, artwork, tagline and matte compositing are retained. */
.eco-brand-lockup{
    display:grid;place-items:center;inline-size:100%;max-inline-size:100%;
    min-inline-size:0;line-height:1;overflow:visible
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-header{
    min-block-size:7rem;
    padding:.42rem 2.05rem .55rem .42rem;
    align-items:center;
    overflow:visible
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand{
    display:grid;place-items:center;inline-size:100%;max-inline-size:none;
    min-inline-size:0;min-block-size:6rem;overflow:visible;
    border-radius:.8rem;background:transparent
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-full{
    display:block;inline-size:100%;max-inline-size:100%;min-inline-size:0;overflow:visible
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-full{
    display:block;position:static;
    inline-size:min(100%,14.6rem);max-inline-size:14.6rem;
    block-size:auto;height:auto;aspect-ratio:auto;
    object-fit:contain;object-position:center;
    filter:none!important;transform:none!important;opacity:1
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-compact{display:none}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-compact>img{
    display:block;inline-size:3.55rem;block-size:auto;max-inline-size:3.55rem;
    aspect-ratio:auto;object-fit:contain;object-position:center;
    position:static;filter:none!important;transform:none!important;opacity:1
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-tagline{
    display:block;margin:.2rem 0 0;max-inline-size:100%;
    color:#b6e9ed;font:500 .5625rem/1.5 var(--eco-font-body,"Segoe UI",Arial,sans-serif);
    letter-spacing:.035em;text-align:center;white-space:normal;text-wrap:balance
}
/* Only while the desktop rail is opening. Never truncate resting-state labels.
   Keep navigation icons and the native collapse control available. */
@media (min-width:56.251rem){
    /* Hidden, unwrapped tagline text must not set the logo grid's minimum width. */
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified[data-eco-sidebar-expanding="true"] :is(
        .sidebar-brand,.eco-brand-lockup
    ){grid-template-columns:minmax(0,1fr)}
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified[data-eco-sidebar-expanding="true"] :is(
        .sidebar-navigation-text,.eco-domain-label,
        .eco-switcher-label,.eco-fleet-menu-label,.sidebar-tree-link-text,
        .sidebar-equipment-detail-name,.sidebar-navigation-heading,
        .eco-fleet-operation-caption,.eco-brand-tagline
    ){
        visibility:hidden!important;
        white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important
    }
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified[data-eco-sidebar-expanding="true"] :is(
        .sidebar-context-panel,.sidebar-footer
    ){display:none!important}
}
.eco-brand-contrast{display:none;font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif)}
.eco-brand-contrast>small{display:block;font-size:.75rem}
.eco-brand-contrast>strong{display:block;font-size:1.5rem;font-style:italic;line-height:1.2}

/* The approved PNGs contain an opaque dark surround. On this dark sidebar,
   per-channel lighten keeps the brighter artwork and uses the sidebar underneath
   wherever that surround is darker. No cropping, resizing, offsets or image edits.
   Isolate at the sidebar (which paints the backdrop), not at a transparent wrapper. */
@supports (mix-blend-mode:lighten){
    @media screen and (forced-colors:none){
        #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified{isolation:isolate}
        /* Lower the opaque navy matte below the sidebar before lighten compositing. */
        #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-full{filter:contrast(1.3)!important}
        #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-full,
        #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-compact>img{
            mix-blend-mode:lighten
        }
    }
}

@media (min-width:56.251rem){
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-header{
        position:relative;display:grid;grid-template-columns:minmax(0,1fr);
        place-items:center;gap:0;box-sizing:border-box;
        inline-size:100%;max-inline-size:100%;min-inline-size:0;
        block-size:auto;max-block-size:none;min-block-size:5.6rem;
        margin-inline:0;padding:.5rem .5rem .65rem;overflow:visible
    }
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand{
        position:static;inset:auto;display:grid;place-items:center;justify-self:stretch;
        box-sizing:border-box;min-block-size:0;block-size:auto;max-block-size:none;
        inline-size:100%;max-inline-size:100%;min-inline-size:0;
        margin:0;padding:0;gap:0;flex:none;transform:none!important;
        background:transparent;border-radius:.55rem
    }
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-full{display:none}
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-compact{
        position:static;inset:auto;display:grid;place-items:center;
        box-sizing:border-box;inline-size:100%;max-inline-size:100%;min-inline-size:0;
        block-size:auto;margin:0;padding:0;transform:none!important
    }
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-compact>img{
        inline-size:min(100%,3.55rem);max-inline-size:3.55rem;
        block-size:auto;height:auto;max-block-size:none;aspect-ratio:auto;
        margin:0;justify-self:center;inset:auto
    }
    /* Keep the native button and handler. Its box must not consume logo grid space.
       Only 7px of a 28px button overlaps the rail, leaving clearance from the image. */
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified #sidebarCollapseButton{
        position:absolute;inset:auto;inset-block-start:1.25rem;
        inset-inline-start:calc(100% - .4375rem);inset-inline-end:auto;
        inline-size:1.75rem;block-size:1.75rem;min-inline-size:1.75rem;min-block-size:1.75rem;
        margin:0;padding:0;transform:none;z-index:3
    }
}
@media (max-width:56.25rem){
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-header{
        min-block-size:7rem;padding-block:.35rem .5rem
    }
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-full{max-inline-size:14rem}
}
@media(forced-colors:active){
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-full,
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-brand-logo-compact>img{display:none}
    .eco-brand-contrast{display:block;color:LinkText}
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-tagline{color:CanvasText}
    .eco-brand-contrast--compact{font-size:1rem;font-weight:700;line-height:1.4;letter-spacing:0}
}

/* Extra root selector makes the common card authoritative after older Fleet,
   solution-context and catalog/depth styles without changing semantic states. */
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel {
    display:block; height:auto; min-height:0; max-height:none; overflow:visible;
    padding:.7rem .72rem .6rem; border-radius:.7rem; border:1px solid #28566b;
    background:linear-gradient(145deg,#0c2c3e,#071b2a 82%);
    box-shadow:inset 2px 0 var(--scope-accent,#52d9ff),inset 0 1px #d7fbff10,0 .2rem .6rem #0002;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel::before,
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel::after {display:none; content:none;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-head {
    display:grid; grid-template-columns:2.25rem minmax(0,1fr); gap:.58rem; align-items:start; padding:0;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-icon {
    display:grid; place-items:center; width:2.25rem; height:2.25rem; flex:none;
    border-radius:.5rem; background:linear-gradient(140deg,#103747,#081c29);
    border:1px solid #326178; box-shadow:inset 0 1px #e4fbff14;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-icon .eco-ui-icon {width:1.6rem; height:1.6rem; filter:none;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-copy {
    display:flex; flex-direction:column; gap:.2rem; min-width:0; max-width:100%;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-scope-eyebrow-row {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
    gap:.15rem .3rem; min-width:0; padding:0;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-scope-eyebrow {
    font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif); color:var(--scope-accent,#52d9ff);
    font-size:.5625rem; font-weight:750; letter-spacing:.065em; line-height:1.5;
    text-transform:uppercase; overflow-wrap:anywhere;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-code {
    position:static; inset:auto; min-width:1.5rem; width:auto; height:auto;
    padding:.08rem .25rem; font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif);
    font-size:.5rem; font-weight:650; line-height:1.3; letter-spacing:.035em;
    color:#b7dce9; border:1px solid #2a5467; border-radius:.25rem;
    background:#071b2960; flex:0 0 auto;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-copy>strong {
    font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif); font-size:.875rem;
    font-weight:700; font-stretch:normal; font-style:normal; line-height:1.35; letter-spacing:0;
    margin:0; white-space:normal; overflow:visible; text-overflow:clip;
    overflow-wrap:anywhere; color:var(--eco-color-text,#f5fbff);
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-copy>small {
    font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif); font-size:.6875rem;
    font-weight:400; line-height:1.5; color:var(--eco-color-text-muted,#c5e1f2);
    margin:0; white-space:normal; overflow-wrap:anywhere;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-detail {
    display:grid; margin:.55rem 0 0 2.83rem; padding:.4rem 0 0 .5rem;
    gap:.15rem; border-top:0; border-left:1px solid #346476; background:none;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-detail>span {font-size:.5625rem; line-height:1.5; letter-spacing:.06em; color:#9ddff0;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-detail>strong {font-size:.75rem; font-weight:650; line-height:1.45; white-space:normal; overflow-wrap:anywhere;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-detail>small {font-size:.625rem; line-height:1.5; white-space:normal; overflow-wrap:anywhere;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-control {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
    gap:.3rem .5rem; margin-top:.6rem; padding:.5rem .05rem 0; min-height:0;
    max-width:100%; border-top:1px solid #35607470; text-decoration:none;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-control>span {
    display:inline-flex; align-items:center; gap:.38rem; color:#9edfe9; font-size:.5625rem;
    font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif); font-weight:650;
    line-height:1.5; letter-spacing:.03em; text-transform:uppercase;
    white-space:normal; overflow-wrap:anywhere;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-control>span i {
    display:inline-block; width:.3rem; height:.3rem; border-radius:50%; flex:0 0 .3rem;
    background:currentColor; box-shadow:none;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel[data-context-state="required"] .sidebar-context-control>span,
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel--empty .sidebar-context-control>span {color:var(--eco-color-gold,#f5c84c);}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-control>small {
    font-family:var(--eco-font-body,"Segoe UI",Arial,sans-serif); font-size:.625rem;
    font-weight:400; line-height:1.5; text-align:start;
    color:var(--eco-color-text-muted,#c5e1f2); white-space:normal; overflow-wrap:anywhere;
}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified a.sidebar-context-control {min-height:2.5rem; padding-bottom:.2rem; border-radius:.25rem;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified a.sidebar-context-control:hover {background:#52d9ff09;}
#applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel a:focus-visible {outline:2px solid var(--eco-focus-color,#93eaff); outline-offset:1px;}
@media (min-width:56.251rem) {
    .eco-shell-collapsed #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel {display:none;}
}
@media(forced-colors:active) {
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .eco-brand-full {display:none;}
    .eco-brand-contrast {display:block; color:LinkText;}
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-panel,
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified .sidebar-context-icon {background:Canvas; border-color:CanvasText; box-shadow:none;}
    #applicationSidebar.eco-sidebar-panorama.eco-sidebar-unified :is(.eco-scope-eyebrow,.sidebar-context-code,.sidebar-context-control>span) {color:CanvasText;}
}