/* =====================================================
   TABLET RESPONSIVE STYLE (Max-Width: 1024px)
===================================================== */
@media (max-width: 1024px) {
  .dashboard {
    padding: 16px;
  }

  .top-row {
    grid-template-columns: 2.5fr 1fr;
  }

  .main-grid {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
  }
  
  .main-grid > .container:nth-child(2) {
    grid-column: 1 / -1; /* Camera full width */
    grid-row: 1;
  }
  
  .main-grid > .container:nth-child(1) {
    grid-column: 1;
    grid-row: 2;
  }

  .main-grid > .container:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }

  .telemetry {
    grid-template-columns: 1fr;
  }

  .map-wrapper {
    height: 350px;
  }
}