/* charts.css — dimensionamento dos canvas Chart.js */

.chart-wrap {
  padding: 20px 24px;
  position: relative;
  height: 440px;
}

.chart-wrap--line       { height: 440px; }
.chart-wrap--horizontal { height: 420px; }
.chart-wrap--tall       { height: 560px; }

.chart-wrap canvas { max-width: 100%; }

/* Gráfico unificado — altura dinâmica via JS (sem scroll interno) */
.chart-scroll-outer {
  height: 420px;
  overflow-y: hidden;
  position: relative;
}

.chart-scroll-inner { position: relative; height: 100%; }
.chart-scroll-inner canvas { max-width: 100%; }

/* Mobile */
@media (max-width: 640px) {
  .chart-wrap              { height: 260px; }
  .chart-wrap--line        { height: 260px; }
  .chart-wrap--horizontal  { height: 280px; }
  .chart-wrap--tall        { height: 340px; }
  .chart-scroll-outer      { height: 320px; }
}