/* MatTrade 4.4.22 — Trading Platform Control Layer
   These variables are written by the Control Room at runtime. */
:root{
  --platform-watch-width:210px;
  --platform-trade-width:305px;
  --platform-chart-min-height:540px;
  --platform-bottom-height:180px;
  --platform-mobile-chart-height:350px;
  --platform-mobile-nav-height:64px;
  --platform-mobile-trade-mark:40px;
}
@media(min-width:781px){
  .terminal-grid{
    grid-template-columns:var(--platform-watch-width) minmax(420px,1fr) var(--platform-trade-width)!important;
    grid-template-rows:minmax(var(--platform-chart-min-height),calc(100vh - 268px)) var(--platform-bottom-height)!important;
  }
  .watch-panel.desktop-hidden{display:none!important}
  .watch-panel.desktop-hidden + .chart-panel{grid-column:1/3}
  .watch-panel.desktop-hidden ~ .bottom-panel{grid-column:1/4}
}
.platform-density-compact .trade-panel{padding:8px!important}
.platform-density-compact .mode-tabs button{min-height:47px!important}
.platform-density-compact .trade-field{margin-top:6px!important}
.platform-density-compact .scenario-card{margin-top:7px!important;padding:8px!important}
.platform-density-compact .trade-summary{margin-top:7px!important}
.platform-density-compact .execute-button{margin-top:7px!important}
@media(max-width:780px){
  .pro-terminal-chart .pro-chart-stage{
    min-height:var(--platform-mobile-chart-height)!important;
    height:var(--platform-mobile-chart-height)!important;
  }
  .mobile-nav{min-height:var(--platform-mobile-nav-height)!important}
  .mobile-nav button{min-height:calc(var(--platform-mobile-nav-height) - 8px)!important}
  .mobile-nav .mobile-trade-mark{
    width:var(--platform-mobile-trade-mark)!important;height:var(--platform-mobile-trade-mark)!important;
    min-width:var(--platform-mobile-trade-mark)!important;min-height:var(--platform-mobile-trade-mark)!important;
    font-size:calc(var(--platform-mobile-trade-mark) * .50)!important;
  }
}


/* MatTrade 4.15.3 — deposit-first workflow; trading engine remains intact but is not customer-facing. */
.trade-panel{display:none!important}
.demo-reminder,.reward-pop{display:none!important}
@media(min-width:761px){
  .terminal-grid{grid-template-columns:var(--platform-watch-width) minmax(420px,1fr)!important}
  .chart-panel{grid-column:2!important}
  .bottom-panel{grid-column:2!important}
}
@media(max-width:760px){
  .mobile-nav{grid-template-columns:repeat(5,1fr)!important}
}