/* Trade panel on the LEFT, like MT5 (layout-left-20261018). Loaded only by doors with "trade_side": "left" (the server
   adds this file and sets <html data-trade-side="left">). On screens ≥ 900 px the open panel is DOCKED: the chart
   shifts right beside it, so nothing (not even the drawing tools) is hidden. On phones it slides over the chart as before. */
html[data-trade-side="left"] .panel {
  right: auto;
  left: -100%;
  border-left: none;
  border-right: 1px solid #2B3139;
  box-shadow: 12px 0 32px -14px rgba(0, 0, 0, .8);
  transition: left .25s ease;
}
html[data-trade-side="left"] .panel.open { left: 0; }
@media (min-width: 900px) {
  html[data-trade-side="left"] .chart-wrap:has(.panel.open) #chart { margin-left: 380px; width: calc(100% - 380px); }
}
/* the parchment theme's paper edges, mirrored for the left side */
html[data-theme="parchment"][data-trade-side="left"] .panel { border-right-color: #D4C096; box-shadow: 6px 0 18px rgba(90, 60, 20, .10); }