/* MatTrade 4.4.21 — Trading platform UI/UX stability layer */
:root{--mt-mobile-dock-safe:86px;--mt-chart-footer-bg:color-mix(in srgb,var(--soft) 70%,var(--surface))}

/* Analytical chart/footer separation. Each statistic owns its own label and
   value row so live values cannot cross cell boundaries. */
.pro-terminal-chart .pro-chart-footer{
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;
  min-height:54px!important;padding:0!important;overflow:hidden!important;background:var(--mt-chart-footer-bg)!important;
  border-top:1px solid var(--line)!important;
}
.pro-terminal-chart .pro-chart-footer>span{
  min-width:0!important;display:grid!important;grid-template-rows:auto auto!important;
  align-content:center!important;justify-items:start!important;gap:4px!important;
  padding:8px 9px!important;border-right:1px solid var(--line)!important;overflow:hidden!important;
}
.pro-terminal-chart .pro-chart-footer>span:last-child{border-right:0!important}
.pro-terminal-chart .pro-chart-footer small{
  display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--muted)!important;
  font:700 7px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace!important;
}
.pro-terminal-chart .pro-chart-footer b{
  display:block!important;margin:0!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;
  font:800 9px/1.15 ui-monospace,SFMono-Regular,Menlo,monospace!important;color:var(--ink)!important;
  font-variant-numeric:tabular-nums lining-nums!important;
}
.pro-terminal-chart .pro-chart-footer .mt-morph{
  width:auto!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
  display:inline-grid!important;justify-items:start!important;flex:none!important;
}
.pro-terminal-chart .pro-chart-stage{border-bottom:0!important;margin-bottom:0!important;transform:none!important}
/* No whole-panel perspective movement. Icons/buttons may still animate. */
.panel{transform:none!important}

/* Mobile navigation stays in one physical position. */
@media(max-width:900px){
  .terminal{padding-bottom:calc(var(--mt-mobile-dock-safe) + env(safe-area-inset-bottom))!important}
  .mobile-nav{
    bottom:max(6px,env(safe-area-inset-bottom))!important;transform:none!important;transition:none!important;
    animation:none!important;contain:layout style!important;overflow:visible!important;will-change:auto!important;
  }
  .mobile-nav button,.mobile-nav button:hover,.mobile-nav button:active{transform:none!important;transition:background-color .14s ease,color .14s ease!important}
  .mobile-nav .mobile-trade-mark{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;font-size:20px!important;transform:none!important}
  .pro-terminal-chart .pro-chart-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:104px!important}
  .pro-terminal-chart .pro-chart-footer>span{min-height:52px!important;padding:8px!important;border-bottom:1px solid var(--line)!important}
  .pro-terminal-chart .pro-chart-footer>span:nth-child(2n){border-right:0!important}
  .pro-terminal-chart .pro-chart-footer>span:nth-last-child(-n+2){border-bottom:0!important}
  .pro-terminal-chart .pro-chart-footer small{font-size:7px!important}
  .pro-terminal-chart .pro-chart-footer b{font-size:9px!important}
  .pro-terminal-chart .pro-chart-status{overflow-x:auto!important;scrollbar-width:none!important}
  .pro-terminal-chart .pro-chart-status::-webkit-scrollbar{display:none}
}
@media(max-width:410px){.mobile-nav .mobile-trade-mark{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;font-size:19px!important}}


/* MatTrade 4.15.4 — low-overhead mobile dock. The dock never bobs, pulses,
   or emits continuous animation; only color/background state changes remain. */
@media(max-width:900px){
  .mobile-nav,.mobile-nav *{animation:none!important;will-change:auto!important}
  .mobile-nav{transform:none!important;transition:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .mobile-nav button,.mobile-nav button:hover,.mobile-nav button:active{transform:none!important;transition:background-color .12s ease,color .12s ease!important}
  .mobile-nav button.active:after,.mobile-nav .mobile-trade-mark:after{display:none!important;animation:none!important}
}