/* CPM — referência visual dos sinais (candles = âmbar via LW markers) */
:root {
  --cpm-amber-up: #C8883A;
  --cpm-amber-down: #070707;
  --cpm-amber-wick-up: #C8883A;
  --cpm-amber-wick-down: #C8883A;
  --cpm-signal-buy: #67E6C9;
  --cpm-signal-sell: #E77A7A;
  --cpm-signal-impulse: #00A8CC;
  --cpm-signal-close: #d4af37;
}

#chart-host[data-cpm-phase="1"] { --cpm-live-phase: 1; }
#chart-host[data-cpm-phase="2"] { --cpm-live-phase: 2; }
#chart-host[data-cpm-phase="3"] { --cpm-live-phase: 3; }

.cpm-candle-legend {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}

.cpm-candle {
  position: relative;
  width: 10px;
  height: 28px;
}

.cpm-candle-wick {
  position: absolute;
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  transform: translateX(-50%);
  background: var(--cpm-amber-wick-up);
}

.cpm-candle-body {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 8px;
  height: 12px;
  transform: translateX(-50%);
  background: var(--cpm-amber-up);
}

.cpm-candle--down .cpm-candle-wick {
  background: var(--cpm-amber-wick-down);
}

.cpm-candle--down .cpm-candle-body {
  background: var(--cpm-amber-down);
  box-shadow: inset 0 0 0 1px var(--cpm-amber-wick-down);
}

.cpm-signal {
  font-family: var(--font-bloomberg, ui-monospace, monospace);
  font-size: 8px;
  letter-spacing: 0.08em;
}

.cpm-signal--buy { color: var(--cpm-signal-buy); }
.cpm-signal--sell { color: var(--cpm-signal-sell); }
.cpm-signal--impulse { color: var(--cpm-signal-impulse); }
.cpm-signal--close { color: var(--cpm-signal-close); }