/* Operation 8.0 chart workspace: larger default canvas + TradingView-style drag handles. */
.otr8-live-chart-panel{--otr8-chart-height:520px;--otr8-side-width:310px}
.otr8-chart-card{min-height:570px}
.otr8-canvas-wrap{height:var(--otr8-chart-height)!important;min-height:320px;max-height:900px}
.otr8-decision-tape{max-height:calc(var(--otr8-chart-height) - 170px)}

.otr8-chart-shell.otr8-resize-ready{
  grid-template-columns:minmax(520px,1fr) 10px minmax(240px,var(--otr8-side-width));
  gap:6px;
  align-items:stretch;
}
.otr8-chart-splitter{
  position:relative;
  min-width:10px;
  cursor:ew-resize;
  touch-action:none;
  outline:none;
  border-radius:999px;
}
.otr8-chart-splitter::after{
  content:"";
  position:absolute;
  inset:10px 4px;
  width:2px;
  border-radius:999px;
  background:#1d1d1d;
  transition:background .15s ease,box-shadow .15s ease;
}
.otr8-chart-splitter:hover::after,.otr8-chart-splitter:focus-visible::after,.otr8-chart-splitter.is-dragging::after{
  background:#666;
  box-shadow:0 0 0 1px #2a2a2a;
}
.otr8-chart-height-handle{
  position:absolute;
  z-index:6;
  left:14px;
  right:14px;
  bottom:0;
  height:10px;
  cursor:ns-resize;
  touch-action:none;
  outline:none;
}
.otr8-chart-height-handle::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:3px;
  width:56px;
  height:2px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#1d1d1d;
  transition:background .15s ease,box-shadow .15s ease;
}
.otr8-chart-height-handle:hover::after,.otr8-chart-height-handle:focus-visible::after,.otr8-chart-height-handle.is-dragging::after{
  background:#666;
  box-shadow:0 0 0 1px #2a2a2a;
}
body.otr8-resizing-x{cursor:ew-resize!important;user-select:none!important}
body.otr8-resizing-y{cursor:ns-resize!important;user-select:none!important}

@media(max-width:980px){
  .otr8-live-chart-panel{--otr8-chart-height:430px}
  .otr8-chart-shell.otr8-resize-ready{grid-template-columns:1fr;gap:12px}
  .otr8-chart-splitter{display:none}
  .otr8-chart-card{min-height:480px}
}
@media(max-width:680px){
  .otr8-live-chart-panel{--otr8-chart-height:330px}
  .otr8-chart-card{min-height:380px}
  .otr8-chart-height-handle{display:none}
}