/* Desktop workspace: the window stays still; only data panes scroll. */
@media screen and (min-width:850px) {
 body.page-window-open{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}
 body.page-window-open .page-window-bar{flex:none;position:relative;min-height:40px;padding:4px 14px}
 body.page-window-open #main{flex:1;min-height:0;width:100%;box-sizing:border-box;overflow:auto;padding:8px 14px!important;max-width:none;overscroll-behavior:contain}
 body.page-window-normal #main{width:calc(100% - 36px);max-width:1180px;margin:12px auto}
 body.page-window-open #main:has(>.warehouse-hub-layout){display:flex;flex-direction:column;overflow:hidden}
 body.page-window-open #main>.page-head{flex:none;padding:8px 12px!important;margin:0 0 8px!important}
 body.page-window-open #main>.page-head h1{font-size:22px!important;margin:0}
 body.page-window-open #main>.page-head p{margin:4px 0;font-size:13px}
 body.page-window-open .global-back-bar{flex:none;margin:0 0 6px;padding:0;display:flex;align-items:center;gap:8px}
 body.page-window-open .global-back-bar button,body.page-window-open #section-tutorial{min-height:32px;margin:0;padding:5px 10px}
 body.page-window-open .warehouse-hub-layout{flex:1;min-height:0;align-items:stretch;margin-top:0;gap:12px;grid-template-columns:205px minmax(0,1fr)}
 body.page-window-open .warehouse-sidebar{min-height:0;overflow:auto;padding:9px;overscroll-behavior:contain}
 body.page-window-open .warehouse-sidebar h2{font-size:15px;margin:0 0 8px}
 body.page-window-open .warehouse-sidebar-links{gap:5px}
 body.page-window-open .warehouse-sidebar-links>button,body.page-window-open .warehouse-sidebar-links>a{min-height:44px;padding:6px 9px;margin:0;font-size:13px;gap:8px}
 body.page-window-open .warehouse-sidebar .realistic-inner{width:32px!important;height:32px!important;min-width:32px;flex-basis:32px!important}
 body.page-window-open .warehouse-hub-main{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 3px 6px}
 body.page-window-open .warehouse-hub-main:has(>.warehouse-list){display:flex;flex-direction:column;overflow:hidden}
 body.page-window-open .warehouse-list{min-height:0;overflow:auto}
 body.page-window-open .warehouse-summary{margin-bottom:10px;gap:10px}
 body.page-window-open .warehouse-tiles{gap:10px}
 body.page-window-open .warehouse-tiles .settings-tile{min-height:88px;padding:10px}
 body.page-window-open .table-wrap{max-height:calc(100dvh - 270px);overflow:auto;overscroll-behavior:contain}
 body.page-window-open .table-wrap thead{position:sticky;top:0;z-index:2}
 body.page-window-open .desktop-ops:has(.central-desktop){margin:0;padding:8px}
 body.page-window-open .central-desktop{min-height:0;gap:10px}
 body.page-window-open .central-grid:not(.central-expanded){grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(160px,calc((100dvh - 245px)/2)))}
 body.page-window-open .central-grid.central-expanded{grid-template-rows:minmax(320px,calc(100dvh - 245px))}
 body.page-window-open .central-map{min-height:100px}
 body.page-window-open .central-sidebar{max-height:calc(100dvh - 200px)}
 body.page-window-open .central-sidebar button,body.page-window-open .central-sidebar a{padding:6px;font-size:13px;min-height:36px;margin:0}
 body.page-window-open .roster-hub{padding:12px}
 body.page-window-open .roster-hub-layout{grid-template-columns:205px minmax(0,1fr);gap:12px}
 /* Separate application pages keep their own navigation in view. */
 body:has(>.layout>#nav){height:100dvh;overflow:hidden;display:flex;flex-direction:column}
 body:has(>.layout>#nav)>header{flex:none}
 body>.layout:has(>#nav){flex:1;min-height:0;overflow:hidden}
 body>.layout>#nav,body>.layout:has(>#nav)>main{min-height:0;overflow:auto}
}
@media print{body.page-window-open,body.page-window-open #main,.warehouse-hub-main,.warehouse-list,.table-wrap{height:auto!important;max-height:none!important;overflow:visible!important}}
.window-heading{display:flex;align-items:center;gap:14px;min-width:0}.window-home{display:inline-flex;align-items:center;gap:7px;background:#e8f5ff;color:#103e65;border:1px solid #9cc3df;font-weight:750;padding:5px 12px}.window-home span{font-size:20px}
/* High visibility navigation, independent from each section's colour theme. */
body .window-home,body [data-back-page],body [data-back-dialog],body #go-back,body a[href="/#/home"],body button[data-action="back"]{background:#efff00!important;color:#152300!important;border:1px solid #839000!important;font-weight:800!important;box-shadow:0 2px 5px #182a0020;text-decoration:none}
body .window-home:hover,body [data-back-page]:hover,body [data-back-dialog]:hover,body #go-back:hover{background:#dded00!important}
body .window-home:focus-visible,body [data-back-page]:focus-visible{outline:3px solid #075fc4;outline-offset:2px}
@media screen and (min-width:850px){
 .warehouse-hub-main:has(>.card .table-wrap){display:flex;flex-direction:column;overflow:hidden!important}
 .warehouse-hub-main:has(>.card .table-wrap)>.card{display:flex;flex-direction:column;min-height:0;flex:1;margin-bottom:0}
 .warehouse-hub-main:has(>.card .table-wrap)>.card>.table-wrap{min-height:0;flex:1;max-height:none}
 .warehouse-hub-main:has(>.card .table-wrap)>.toolbar{flex:none}
}
@media screen {
 body.page-window-open .page-window-bar{z-index:9001}
 body.page-window-open .desktop-ops.central-window-maximized{top:44px;height:calc(100dvh - 44px)}
 body.page-window-open .warehouse-hub-main>.toolbar:has(label){display:flex;flex-wrap:wrap;gap:10px}
 body.page-window-open .warehouse-hub-main>.toolbar>label{flex:1;min-width:150px}
}
@media screen and (min-width:850px){
 body:has(>main>aside+article){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
 body:has(>main>aside+article)>header{flex:none;gap:10px;padding:8px 14px;flex-wrap:wrap}
 body:has(>main>aside+article)>main{flex:1;min-height:0;overflow:hidden;margin:0;padding:12px;align-items:stretch}
 body:has(>main>aside+article)>main>aside,body:has(>main>aside+article)>main>article{min-height:0;overflow:auto}
 body:has(>main>aside+article)>main>aside{align-self:stretch;position:static}
}
body a[href="/#/turni"],body #go-back{background:#efff00!important;color:#152300!important;border-color:#839000!important}
body.page-window-open .global-back-bar>[data-back-page]{display:none}
body button[data-action=load],body button.stock-load{background:#147d35!important;color:white!important;border-color:#10652a!important}
body button[data-action=unload],body button.stock-unload{background:#c5222c!important;color:white!important;border-color:#a61b25!important}