@media (max-width: 1100px) {
  .vehicle-workspace,
  .driver-workspace,
  .customer-workspace {
    grid-template-columns: 1fr;
    height: auto;
    min-height: 0;
  }

  .vehicle-workspace-resizer {
    display: none;
  }

  .vehicle-inspector {
    position: static;
    min-height: 520px;
    max-height: none;
  }

  .vehicle-list {
    max-height: none;
    overflow: visible;
  }

  .vehicle-profile-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 760px) {
  body {
    grid-template-columns: 1fr;
  }

  .sidebar {
    z-index: 20;
    min-height: auto;
    height: auto;
    max-height: 100vh;
  }

  .main {
    padding: 18px;
  }

  .view > .topbar {
    margin-right: -18px;
    margin-left: -18px;
    padding-right: 18px;
    padding-left: 18px;
  }

  .topbar,
  .filters,
  .driver-form,
  .status-form,
  .form-grid {
    grid-template-columns: 1fr;
  }

  .vehicle-profile-stats {
    grid-template-columns: 1fr;
  }

  .vehicle-event {
    grid-template-columns: 1fr;
  }

  .vehicle-event-amount {
    white-space: normal;
  }
}