/* Estilos para Relatórios */
.charts-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap:20px; align-items: start; }
.card h3{ font-size:16px; margin-bottom:10px; color: var(--color-stat-number, #1F2937); }
/* Gráficos de barras: altura alinhada entre si */
.charts-grid .chart-canvas-wrap--bar {
  position: relative;
  width: 100%;
  height: 260px;
  max-height: 260px;
}
.charts-grid .chart-canvas-wrap--bar canvas {
  width: 100% !important;
  height: 260px !important;
  max-height: 260px !important;
}
/* Pizza: mais compacto para alinhar visualmente com as barras */
.charts-grid .chart-canvas-wrap--pie {
  position: relative;
  width: 100%;
  max-width: 220px;
  height: 220px;
  max-height: 220px;
  margin: 0 auto;
}
.charts-grid .chart-canvas-wrap--pie canvas {
  width: 100% !important;
  height: 220px !important;
  max-height: 220px !important;
}

/* ====== DARK MODE - Relatórios ====== */
body[data-theme="dark"] .card {
    background-color: rgb(26, 25, 25) !important;
    color: #e4e4e4 !important;
}