/* charts.css — Chart.js canvas overrides for Growth OS */

canvas { display: block; }

/* Ensure chart containers have relative positioning for Chart.js */
.chart-container canvas,
.chart-container.tall canvas,
.chart-container.short canvas {
  max-width: 100%;
}

/* Analytics section chart grid rows */
.ana-chart-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

/* Heatmap table styling */
.heatmap-table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  font-size: .72rem;
}

.heatmap-table th,
.heatmap-table td {
  padding: 4px 6px;
  border: 1px solid var(--border);
  text-align: center;
}

/* Funnel chart container */
.funnel-container {
  padding: 8px 0;
}

/* Legend dot for chart sections */
.chart-legend-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
}