@charset "utf-8";
/* CSS Document */

.financial-chart-wrap {
  width: 100%;
  overflow-x: auto;
}

.chart-svg {
  width: 100%;
  height: auto;
  display: block;
  min-width: 700px;
}

.axis-line,
.grid-line {
  stroke: #dee2e6;
  stroke-width: 1;
}

.grid-line {
  stroke-dasharray: 4 4;
}

.axis-label {
  fill: #6c757d;
  font-size: 12px;
}

.quarter-label {
  fill: #343a40;
  font-size: 13px;
  font-weight: 600;
}

.value-label {
  fill: #212529;
  font-size: 12px;
  font-weight: 600;
}

.bar-positive {
  fill: #0579B8;
}

.bar-negative {
  fill: #dc3545;
}

.trend-line {
  fill: none;
  stroke: #2DAADF;
  stroke-width: 3;
}

.trend-point {
  fill: #2DAADF;
}