.blsa-ds-overview-chart {
  display: inline-flex;
  flex-direction: column;
  vertical-align: top;
  box-sizing: border-box;
  margin: 0 0.75rem 1rem 0;
  width: var(--blsa-chart-wrapper-width, auto);
}

.blsa-ds-overview-chart-stage {
  position: relative;
  width: var(--blsa-chart-canvas-width, 320px);
  height: var(--blsa-chart-canvas-height, 340px);
}

.blsa-ds-overview-chart-stage .blsa-ds-overview-chart-canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* Optional wrapper class if you want strict row behavior */
.blsa-ds-overview-chart-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.blsa-ds-overview-chart-row .blsa-ds-overview-chart {
  margin: 0;
}

.blsa-ds-table {
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #fff;
}

@media (max-width: 768px) {
  .blsa-ds-overview-chart {
    margin-right: 0;
  }
}