/* On phones, let the document scroll when a gesture starts on a device card. */
@media (max-width: 767px) {
  .dashboard-shell .dashboard-layout {
    grid-template-rows: auto 680px;
  }

  .dashboard-shell .dashboard-device-region {
    min-height: 0;
  }

  .dashboard-shell .dashboard-device-panel {
    height: auto;
    min-height: 0;
    overflow: visible;
  }

  .dashboard-shell .dashboard-device-scroll {
    min-height: auto;
    flex: 0 0 auto;
    overflow: visible;
    overscroll-behavior: auto;
    touch-action: pan-y;
  }

  .dashboard-shell .dashboard-device-card {
    touch-action: pan-y;
  }
}