.svg-chart {
  width: 100%;
  height: 160px;
  display: block;
  background: rgba(0,0,0,0.25);
  border-radius: var(--radius-sm);
}

.svg-chart .wick { stroke-width: 1.5; }
.svg-chart .body { stroke-width: 0; }
.svg-chart .up   { stroke: var(--up);   fill: var(--up); }
.svg-chart .down { stroke: var(--down); fill: var(--down); }

.svg-chart .entry-dot { fill: var(--accent); stroke: #fff; stroke-width: 1; }
.svg-chart .marker.buy  { fill: var(--up); stroke: #0c2414; stroke-width: 0.5; }
.svg-chart .marker.sell { fill: var(--down); stroke: #2a0a09; stroke-width: 0.5; }

.svg-chart .sl-line {
  stroke: var(--down);
  stroke-width: 1.5;
  stroke-dasharray: 5 4;
  opacity: 0.9;
}
.svg-chart .tp-line {
  stroke: var(--warn);
  stroke-width: 1.5;
  stroke-dasharray: 4 3;
  opacity: 0.9;
}
.svg-chart .price-line {
  stroke-width: 1;
  stroke-dasharray: 2 3;
  opacity: 0.45;
}
.svg-chart .price-line.up   { stroke: var(--up); }
.svg-chart .price-line.down { stroke: var(--down); }