/* Share the desktop viewport between the chart and its trade book. */
.app-shell[data-page=signals] .left-column{align-self:stretch;min-height:0}
.app-shell[data-page=signals] .left-column>.market-summary{flex:none}
.app-shell[data-page=signals] .left-column>.chart-panel{flex:1;min-height:min-content}
.app-shell[data-page=signals] .left-column>.chart-panel>.panel-heading,
.app-shell[data-page=signals] .left-column>.chart-panel>.history-period{flex:none}
.app-shell[data-page=signals] .left-column>.chart-panel>iframe{flex:1;height:0;min-height:280px}
@media(min-width:1101px){
  .app-shell[data-page=signals]>main{overflow:auto}
  .app-shell[data-page=signals] .workspace,
  .app-shell[data-page=signals] .workspace:has(.manual-trade-launch[data-quick-trading-version]){flex:1;height:auto;grid-template-rows:minmax(min-content,1fr) clamp(220px,28dvh,360px)}
  .app-shell[data-page=signals] .workspace>.trade-section{height:auto;min-height:220px}
}
@media(max-width:1100px){
  .app-shell[data-page=signals] .workspace{grid-template-rows:minmax(min-content,calc(100dvh - var(--topbar-height,140px) - 12px)) auto auto;align-items:stretch}
}
@media(max-width:600px){
  .app-shell[data-page=signals] .workspace{grid-template-rows:minmax(min-content,calc(100dvh - var(--topbar-height,140px) - 72px)) auto auto}
}