.trend-panel,.shift-panel{display:flex;flex-direction:column}
.trend-panel .chart-wrap{flex:1;height:auto;min-height:120px}
.trend-panel .line-chart{height:calc(100% - 18px);min-height:90px}
.trend-panel .chart-y{height:calc(100% - 28px)}
.shift-panel .shift-score{flex:1;justify-content:center}
.shift-panel .ring{width:108px;height:108px}
.shift-panel .ring span{font-size:28px}
.shift-panel .crew{margin-top:auto}
.scene-grid{height:auto;flex:1}
.scene-grid .timeline{height:42%;min-height:170px}
.scene-grid .production-flow{height:45%;min-height:150px}
.metric-row{flex:0 0 175px}
.metric-card{display:flex;flex-direction:column;justify-content:center}
.logistics-layout{height:auto;flex:1;min-height:470px}
.map-panel{display:flex;flex-direction:column}
.map-panel .site-map{height:auto;flex:1}
.logistics-metrics{min-height:0}
.logistics-metrics .metric-card{justify-content:center}
.demand-chart svg{height:calc(100% - 35px)}
.inventory-panel,.constraints-panel{display:flex;flex-direction:column}
.inventory-panel .material-list{flex:1;justify-content:center}
.recipe-panel .blend-visual{flex:1;margin-top:30px;margin-bottom:30px}
.constraints-panel .sliders{margin-top:60px}

@media(max-height:820px){
  .scene-grid{height:auto}
  .scene-grid .timeline{min-height:140px}
  .metric-row{flex-basis:135px}
  .logistics-layout{height:auto;min-height:410px}
  .site-map{height:auto}
  .shift-panel .ring{width:76px;height:76px}
  .shift-panel .ring span{font-size:21px}
  .constraints-panel .sliders{margin-top:22px}
}