/* Phase 17 — chart/graph mobile sizing only. Desktop grids preserved via min-width:1024px. */

.bv-dashboard-charts-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  min-width: 0;
}

.bv-dashboard-chart-sales,
.bv-dashboard-chart-category {
  min-width: 0;
}

@media (min-width: 1024px) {
  .bv-dashboard-charts-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .bv-dashboard-chart-sales {
    grid-column: span 3 / span 3;
  }
  .bv-dashboard-chart-category {
    grid-column: span 2 / span 2;
  }
}

.bv-reports-charts-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: inherit;
  min-width: 0;
}

.bv-reports-charts-grid > * {
  min-width: 0;
}

@media (min-width: 1024px) {
  .bv-reports-charts-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.bv-chart-wrap {
  width: 100%;
  min-width: 0;
  position: relative;
}

.bv-chart-card-body {
  min-width: 0;
  overflow: visible;
}

.bv-chart-wrap .recharts-wrapper,
.bv-chart-wrap .recharts-surface {
  overflow: visible;
}

.bv-chart-wrap .recharts-tooltip-wrapper {
  z-index: 30;
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .bv-chart-wrap-pie .recharts-pie-label-text {
    font-size: 10px;
  }
}