/* Collapsed controls free space without moving graphs below the map. */
@media (max-width: 1150px) {
  .main-container {
    grid-template-columns: minmax(300px, 1fr) 300px 260px;
    gap: 14px;
    padding: 14px;
    min-width: 916px;
  }
  body.controls-collapsed .main-container {
    grid-template-columns: minmax(300px, 1fr) 260px;
    min-width: 602px;
  }
  .charts-container { width: 260px; }
}
@media (max-width: 620px) {
  .main-container { padding: 10px; gap: 10px; min-width: 900px; }
  body.controls-collapsed .main-container { min-width: 590px; }
}