/* Keep input and result columns in independent desktop scroll areas. */
@media (min-width:1001px) and (min-height:480px){
 body.loading-truck,body.loading-container{height:100dvh;overflow:hidden}
 body.loading-truck{display:flex;flex-direction:column}
 .loading-truck>header,.loading-truck>.notice{flex:none}
 .loading-truck>main{flex:1;min-height:0;overflow:hidden;padding-bottom:10px;align-items:stretch}
 .loading-container>.app-shell{height:100dvh;min-height:0;grid-template-rows:auto auto minmax(0,1fr)}
 .loading-container .workspace{min-height:0;overflow:hidden;align-items:stretch;padding-bottom:10px}
 .loading-truck #truckForm,.loading-truck .results,.loading-container .input-panel,.loading-container .visual-panel{
  height:100%;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scroll-padding-block:12px;padding-right:12px
 }
 .loading-container .visual-panel{display:block}
 .loading-container .visual-panel>*{margin-bottom:12px}
 .loading-container .result-panel,.loading-truck #vehicleTable{max-height:none;overflow:visible}
 .loading-truck .results>section:last-child,.loading-truck #truckForm>section:last-child{margin-bottom:0}
 .loading-truck .viewer{height:clamp(280px,46dvh,420px)}
 .loading-container .viewer-frame{height:clamp(280px,46dvh,480px);min-height:280px;max-height:480px}
 .loading-truck.loading-embedded>header{display:none}
 .loading-container.loading-embedded .topbar>div:first-child{display:none}
 .loading-container.loading-embedded .topbar{padding:10px 20px}
 .loading-container.loading-embedded .container-switch{margin-left:0}
 .loading-truck.loading-embedded>.notice{margin:8px 24px;padding:8px 12px}
 [data-loading-column]:focus-visible{outline:2px solid #ab88c8;outline-offset:-2px}
}
@media print{
 body.loading-truck,body.loading-container{height:auto;overflow:visible}
 .loading-container>.app-shell{height:auto}
 [data-loading-column]{height:auto!important;overflow:visible!important}
}