/* Shared fluid shell. Screen-only rules keep TV fullscreen and printed reports independent. */
@media screen and (min-width:1025px){
 body.operations-app{--app-sidebar-width:224px;--app-page-gutter:clamp(24px,2.2vw,64px)}
 body.operations-app>.sidebar,body.operations-app #appMain>.operations-sidebar{width:var(--app-sidebar-width);box-sizing:border-box}
 body.operations-app>main,body.operations-app #appMain{width:calc(100% - var(--app-sidebar-width));max-width:none;margin-left:var(--app-sidebar-width);margin-right:0;padding-left:var(--app-page-gutter);padding-right:var(--app-page-gutter);box-sizing:border-box;min-width:0}
 body.operations-app>main>*,body.operations-app #appMain>*:not(.operations-sidebar){min-width:0;max-width:100%}
 body.operations-app :is(.heading,.page-heading,.toolbar,.panel-title){flex-wrap:wrap}
 body.operations-app :is(.workbench,.location-editor-layout){grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr)}
}
@media screen and (min-width:1600px){
 body.operations-app{--app-sidebar-width:clamp(224px,10.5vw,280px)}
 body.operations-app :is(.sidebar nav a,.operations-sidebar nav a){font-size:14px}
 body.operations-app :is(.heading p,.page-heading p,.status){font-size:14px}
 body.operations-app.management-dashboard :is(.mg-label,.mg-insight strong,.mg-insight p,.mg-bar-row>div:first-child,.mg-list-row){font-size:14px}
 body.operations-app.management-dashboard :is(.mg-detail,.mg-bar-row strong,.mg-note){font-size:12px}
 body.operations-app.management-dashboard .mg-card h2{font-size:19px}
 body.operations-app.management-dashboard .mg-main{grid-template-columns:minmax(0,2.2fr) minmax(300px,1fr)}
}
@media screen and (max-width:1024px){
 body.operations-app>main,body.operations-app #appMain{width:100%;max-width:100%;margin-left:0;margin-right:0;min-width:0;box-sizing:border-box}
}
