html,
body {
  overflow-x: hidden;
}

.panel,
.section-card,
.detail-panel,
.dashboard-grid > *,
.lower-grid > * {
  min-width: 0;
}

.dashboard-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.lower-grid {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.45fr) minmax(0, 1.3fr);
}

@media (max-width: 1400px) {
  .kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .dashboard-grid,
  .summary-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lower-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .split-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 820px) {
  .kpi-grid,
  .dashboard-grid,
  .summary-grid,
  .lower-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}