/* Keep telemetry available on narrow screens instead of hiding columns. */
@media (max-width: 1050px) {
  #dashboardTab .fleet-content { min-width: 0; max-width: 100%; }
  #dashboardTab .fleet-content .table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  #dashboardTab .fleet-content .device-table {
    width: 1450px;
    min-width: 1450px;
    font-size: 13px;
  }
  #dashboardTab .fleet-content .device-table th:nth-child(n),
  #dashboardTab .fleet-content .device-table td:nth-child(n) {
    display: table-cell;
    height: 52px;
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
  }
  #dashboardTab .fleet-content .device-table th { font-size: 11px; }
  #dashboardTab .fleet-content .device-table th:nth-child(1) { width: 84px; }
  #dashboardTab .fleet-content .device-table th:nth-child(2) { width: 150px; }
  #dashboardTab .fleet-content .device-table th:nth-child(3) { width: 115px; }
  #dashboardTab .fleet-content .device-table th:nth-child(4) { width: 95px; }
  #dashboardTab .fleet-content .device-table th:nth-child(5) { width: 140px; }
  #dashboardTab .fleet-content .device-table th:nth-child(6),
  #dashboardTab .fleet-content .device-table th:nth-child(7) { width: 105px; }
  #dashboardTab .fleet-content .device-table th:nth-child(8) { width: 80px; }
  #dashboardTab .fleet-content .device-table th:nth-child(9) { width: 125px; }
  #dashboardTab .fleet-content .device-table th:nth-child(10),
  #dashboardTab .fleet-content .device-table th:nth-child(11) { width: 100px; }
  #dashboardTab .fleet-content .device-table th:nth-child(12) { width: 170px; }
  #dashboardTab .fleet-content .device-table th:nth-child(13) { width: 81px; }
  #dashboardTab .fleet-content .device-table td:first-child,
  #dashboardTab .fleet-content .device-table th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #f8fafc;
    box-shadow: 2px 0 0 #dfe4eb;
  }
  #dashboardTab .fleet-content .device-table th:first-child { z-index: 3; }
  #dashboardTab .fleet-content .device-table td:first-child strong { font-size: 13px; }
  #dashboardTab .fleet-content .status,
  #dashboardTab .fleet-content .activity-live-timer,
  #dashboardTab .fleet-content .activity-live-timer strong,
  #dashboardTab .fleet-content .activity-inactive,
  #dashboardTab .fleet-content .alarm-clear,
  #dashboardTab .fleet-content .alarm-indicator span { font-size: 12px; }
  #dashboardTab .fleet-content .alarm-indicator small { font-size: 11px; white-space: normal; }
  #dashboardTab .fleet-content .status {
    width: max-content;
    max-width: none;
    white-space: nowrap;
    overflow-wrap: normal;
    flex-shrink: 0;
  }
  #dashboardTab .fleet-content .icon-action-button { width: 44px; height: 44px; }
  body[data-theme="dark"] #dashboardTab .fleet-content .device-table td:first-child,
  body[data-theme="dark"] #dashboardTab .fleet-content .device-table th:first-child {
    background: #172332;
    box-shadow: 2px 0 0 #27364a;
  }
}
