/* CP62: original compact selector proportions and full remaining-width orbital scene. */
#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"]{--shell61-font:"EcoTracer Orbital UI","Chakra Petch","Segoe UI",sans-serif}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .eco-flight-controls{grid-template-columns:var(--cyber29-rail) minmax(0,max-content) minmax(0,max-content) minmax(0,max-content) minmax(0,max-content) minmax(0,1fr) 44px;grid-template-areas:"brand workspace context section page horizon account";gap:10px;padding:0 12px 0 0}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"]:not(:has(.eco-project30)) .eco-flight-controls{grid-template-columns:var(--cyber29-rail) minmax(0,max-content) minmax(0,max-content) minmax(0,max-content) minmax(0,1fr) 44px;grid-template-areas:"brand workspace section page horizon account"}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .cyber29-context-stack{grid-area:workspace;min-width:0}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .eco-project30{grid-area:context}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .cyber29-area{grid-area:section}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .cyber29-page{grid-area:page}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] :is(.eco-flight-context,.eco-project30,.cyber29-menu){min-width:0;max-width:none;width:100%}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .eco-context61-code{font:600 10px/1.2 var(--shell61-font);color:#a6dce8;letter-spacing:.04em}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] :is(.eco-flight-context-panel,.cyber29-menu-panel,.eco-project30-panel){border:1px solid #5db4ce;border-radius:5px;background:linear-gradient(130deg,#173d51,#082132);box-shadow:0 14px 32px #0008,inset 0 1px #c5f4ff29}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] :is(.cyber29-option,.eco-project30-panel a,.eco-flight-context-panel a){font-family:var(--shell61-font);text-decoration:none}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] :is(.cyber29-option,.eco-project30-panel a,.eco-flight-context-panel a):hover{background:#5dbbd21c;color:#eaffff;text-decoration:none}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .eco-compact61{display:none}
#applicationSidebar .eco-context61-readout .eco-context30-summary{cursor:default;padding:12px 13px}
#applicationSidebar .eco-context61-readout .eco-context30-copy>strong{font-size:14px;line-height:1.4}
#applicationSidebar .eco-context61-readout .eco-context30-head{padding-right:0}
#applicationSidebar .eco-context61-readout .eco-context30-status{margin-top:9px}
#applicationSidebar .eco-context61-readout::before{background:linear-gradient(130deg,#86d9ea,#326a82 55%,#5cb8cd)}
#applicationSidebar .eco-context61-readout:hover::before{background:linear-gradient(130deg,#b6f2ff,#58b7cd 55%,#98e1ee)}
@media(min-width:56.251rem) and (max-width:80rem){
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .eco-flight-controls,#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"]:not(:has(.eco-project30)) .eco-flight-controls{grid-template-columns:var(--cyber29-rail) minmax(0,1fr) minmax(0,1.3fr) 44px;grid-template-areas:"brand workspace context account" "brand section page account";gap:6px 10px;padding:8px 12px 8px 0}
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"]:not(:has(.eco-project30)) .eco-flight-controls{grid-template-areas:"brand workspace workspace account" "brand section page account"}
}
@media(max-width:56.25rem){
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .eco-flight-controls,#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"]:not(:has(.eco-project30)) .eco-flight-controls{grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) 44px;grid-template-areas:"menu compact compact account" "workspace workspace context context" "section section page page";gap:7px;padding:7px 10px}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61] .eco-compact61{grid-area:compact;display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-width:0;min-height:44px;padding:7px 10px;border:1px solid #5eacc4;border-radius:5px;background:linear-gradient(115deg,#123b4e,#0a2739);color:#e9fcff;text-align:left;cursor:pointer;font-family:var(--shell61-font);box-shadow:inset 0 1px #afe8ff22}
 #ecoFlightTopbar24[data-shell-context="61"] .eco-compact61>span:first-child{display:grid;gap:3px;min-width:0}
 #ecoFlightTopbar24[data-shell-context="61"] .eco-compact61 strong{font:700 13px/1.35 var(--shell61-font);overflow-wrap:anywhere}
 #ecoFlightTopbar24[data-shell-context="61"] .eco-compact61 span>span{font:500 10px/1.3 var(--shell61-font);color:#afcedc;overflow-wrap:anywhere}
 #ecoFlightTopbar24[data-shell-context="61"] .eco-compact61-arrow{font-size:16px;flex:none}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] :is(.eco-project30,.cyber29-area,.cyber29-page){display:none!important}
}
/* Legacy Flow30 flattened this wrapper with display:contents. CP61 assigns it
   its own workspace cell, so it must remain a grid item. */
#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .cyber29-context-stack{display:block;grid-area:workspace;min-width:0}
@media(max-width:56.25rem){
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] .eco-flight-controls{grid-template-columns:40px minmax(0,1fr) 44px 44px;grid-template-areas:"menu compact workspace account";grid-template-rows:auto}
}

#ecoFlightTopbar24[data-shell-context="61"] .eco-compact61:focus-visible{outline:2px solid #c4f7ff;outline-offset:3px}
@media(min-width:80.001rem){
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .eco-flight-context{min-width:155px;max-width:20rem}
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .eco-project30{min-width:220px;max-width:34rem}
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .cyber29-area{min-width:150px;max-width:16rem}
 #ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .cyber29-page{min-width:155px;max-width:23rem}
 #ecoFlightTopbar24[data-shell-context="61"] .eco-flight-controls .eco-orbital33{display:block;min-width:0;align-self:stretch}
}
@media(forced-colors:active){#ecoFlightTopbar24[data-shell-context="61"] .eco-compact61{background:Canvas;color:CanvasText;border-color:CanvasText;box-shadow:none}}
/* Keep the facility code in the existing label row, rather than making a
   taller third line inside the context selector. */
#ecoFlightTopbar24.eco-cyber-bridge-29[data-navigation-flow="30"][data-topbar-orbital="33"][data-cyber-version][data-workspace][data-shell-context="61"] .eco-project30-copy{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .eco-project30-copy>small{grid-column:1;grid-row:1}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .eco-project30-copy>strong{grid-column:1/-1;grid-row:2}
#ecoFlightTopbar24.eco-cyber-bridge-29[data-shell-context="61"] .eco-project30-copy>.eco-context61-code{grid-column:2;grid-row:1;justify-self:end;white-space:nowrap}

/* QA06: keep the native workspace disclosure in its assigned cell. Its closed
   content must not participate in topbar sizing, including no-JS rendering. */
#ecoFlightTopbar24[data-shell-context="61"] #ecoFlightContext24:not([open])>.eco-flight-context-panel{display:none}
#ecoFlightTopbar24[data-shell-context="61"] #ecoFlightContext24>summary{cursor:pointer}
#ecoFlightTopbar24[data-shell-context="61"] #ecoFlightContext24>.eco-flight-context-panel{box-sizing:border-box;max-inline-size:calc(100vw - 20px);overflow-y:auto;overscroll-behavior:contain}
@media(max-width:56.25rem){
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] #ecoFlightContext24{padding:0;min-width:0}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] #ecoFlightContext24>summary{min-height:44px;padding:6px 4px;gap:2px;justify-content:center}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] #ecoFlightContext24 .eco-flight-context-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] #ecoFlightContext24 .eco-flight-scope-icon{width:18px;height:18px;flex:0 0 18px}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] #ecoFlightContext24 .eco-flight-scope-icon svg{width:18px!important;height:18px!important}
 #ecoFlightTopbar24[data-shell-context="61"][data-shell-ready61][data-mobile-expanded61="false"] #ecoFlightContext24 .eco-flight-chevron{width:12px;height:12px;flex:0 0 12px;margin-left:0}
}