/* components/organisms/chart-block.css — ChartBlock (O05). */

.cmp-chart-block {
  display: flex;
  flex-direction: column;
  border: 1px solid var(--border, #d1d5db);
  border-radius: var(--radius-md, 8px);
  background: var(--surface-card, #ffffff);
  overflow: hidden;
}

/* Onda 6.8: variante headless — sem banner/controls, sem chrome ao redor.
   Usada quando o banner do consumidor já está fora do ChartBlock. */
.cmp-chart-block--headless {
  border: 0;
  background: transparent;
  border-radius: 0;
}
.cmp-chart-block--headless .cmp-chart-block__canvas-wrap {
  padding: 0;
}

.cmp-chart-block__canvas-wrap {
  padding: 12px;
  position: relative;
  width: 100%;
}

.cmp-chart-block__canvas {
  display: block;
  max-width: 100%;
  height: 100% !important;  /* sobreescreve auto-resize do Chart.js para fluir com height do wrap */
}