@media (max-width: 1050px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    min-height: auto;
  }

  .nav-list {
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    max-width: 100%;
    overflow-x: auto;
  }

  .sidebar-panel {
    display: none;
  }

  .metric-grid,
  .content-grid,
  .split-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 680px) {
  .main-content,
  .sidebar {
    padding: 16px;
  }

  .topbar,
  .panel-heading {
    align-items: stretch;
    flex-direction: column;
  }

  .metric-grid,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .nav-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow-x: visible;
  }

  .status-actions,
  .form-actions {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
  }

  .status-pill,
  .primary-action,
  .secondary-action {
    width: 100%;
  }

  .mini-map,
  .large-map {
    min-height: 420px;
  }

  .input-action-row {
    grid-template-columns: 1fr;
  }

  .map-picker {
    padding: 12px;
  }

  .map-picker__panel {
    max-height: calc(100vh - 24px);
  }

  .picker-map {
    min-height: 420px;
  }

  .map-controls {
    top: 10px;
    right: 10px;
  }

  .map-controls button {
    width: 46px;
    min-height: 42px;
  }

  .picker-output {
    align-items: flex-start;
    flex-direction: column;
  }
}