/* Version 3.97554: Shared mobile board card parity with Dispatch.
   Status / load # / actions / customer-only — no pickup/delivery route line. */

@media (max-width: 720px) {
  /* Desktop-only column chrome stays off phone boards */
  html body .board-column-customizer-bar {
    display: none !important;
  }

  /* Readable status pills on every board */
  html body :is(
    #boardView #loadRows,
    #trackingView #trackingRows,
    #shipmentsView #shipmentRows,
    #claimsView #claimsRows,
    #customerServiceView #customerServiceRows,
    #customerServiceDeliveredView #customerServiceDeliveredRows
  ) .status-pill-select {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 104px !important;
    max-width: 132px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
  }

  /* Customer name only — strip route fragments when present */
  html body :is(
    #boardView #loadRows .mobile-customer-route,
    #trackingView #trackingRows .mobile-tracking-route,
    #shipmentsView #shipmentRows .mobile-customer-route,
    #claimsView #claimsRows .mobile-claims-customer-route,
    #customerServiceView #customerServiceRows .mobile-customer-service-route,
    #customerServiceDeliveredView #customerServiceDeliveredRows .mobile-customer-route
  ) {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #102033 !important;
  }

  html body :is(
    #boardView #loadRows .mobile-customer-route,
    #trackingView #trackingRows .mobile-tracking-route,
    #shipmentsView #shipmentRows .mobile-customer-route,
    #claimsView #claimsRows .mobile-claims-customer-route,
    #customerServiceView #customerServiceRows .mobile-customer-service-route,
    #customerServiceDeliveredView #customerServiceDeliveredRows .mobile-customer-route
  ) > :not(strong) {
    display: none !important;
  }

  /* Desktop customer labels stay off the card face */
  html body :is(
    #boardView #loadRows .desktop-customer-name,
    #trackingView #trackingRows .desktop-tracking-customer,
    #shipmentsView #shipmentRows .desktop-customer-name,
    #claimsView #claimsRows .claims-desktop-customer,
    #customerServiceView #customerServiceRows .customer-service-desktop-customer,
    #customerServiceDeliveredView #customerServiceDeliveredRows .desktop-customer-name
  ) {
    display: none !important;
  }

  html body :is(
    .mobile-route-separator,
    .mobile-route-arrow,
    .mobile-route-zip
  ) {
    display: none !important;
  }

  /* Tracking: hide every cell first, then reveal the Dispatch-like set */
  html body #trackingView#trackingView #trackingRows#trackingRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > td:not(.tracking-status-col):not(.tracking-load-number-col):not(.tracking-alert-col):not(.tracking-actions-col):not(.tracking-customer-col) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body #trackingView#trackingView #trackingRows#trackingRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .tracking-status-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-width: 108px !important;
  }

  html body #trackingView#trackingView #trackingRows#trackingRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .tracking-load-number-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
    align-items: center !important;
  }

  html body #trackingView#trackingView #trackingRows#trackingRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .tracking-alert-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 34px !important;
  }

  html body #trackingView#trackingView #trackingRows#trackingRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .tracking-actions-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 44px !important;
  }

  html body #trackingView#trackingView #trackingRows#trackingRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .tracking-customer-col {
    display: block !important;
    visibility: visible !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    text-align: center !important;
  }

  /* Delivered */
  html body #shipmentsView#shipmentsView #shipmentRows#shipmentRows > tr.shipment-row > td:not(.delivered-status-col):not(.delivered-load-number-col):not(.delivered-actions-col):not(.delivered-customer-col) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body #shipmentsView#shipmentsView #shipmentRows#shipmentRows > tr.shipment-row > .delivered-status-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    min-width: 108px !important;
  }

  html body #shipmentsView#shipmentsView #shipmentRows#shipmentRows > tr.shipment-row > .delivered-load-number-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
  }

  html body #shipmentsView#shipmentsView #shipmentRows#shipmentRows > tr.shipment-row > .delivered-actions-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 44px !important;
  }

  html body #shipmentsView#shipmentsView #shipmentRows#shipmentRows > tr.shipment-row > .delivered-customer-col {
    display: block !important;
    visibility: visible !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    text-align: center !important;
  }

  /* Claims */
  html body #claimsView#claimsView #claimsRows#claimsRows > tr:not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row) > td:not(.claims-status-col):not(.claims-load-number-col):not(.claims-alert-col):not(.claims-actions-col):not(.claims-customer-col):not(.claims-customer-cell) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body #claimsView#claimsView #claimsRows#claimsRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .claims-status-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    min-width: 108px !important;
  }

  html body #claimsView#claimsView #claimsRows#claimsRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .claims-load-number-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
  }

  html body #claimsView#claimsView #claimsRows#claimsRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .claims-alert-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 34px !important;
  }

  html body #claimsView#claimsView #claimsRows#claimsRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > .claims-actions-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 44px !important;
  }

  html body #claimsView#claimsView #claimsRows#claimsRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > :is(.claims-customer-col, .claims-customer-cell) {
    display: block !important;
    visibility: visible !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    text-align: center !important;
  }

  /* Customer Service */
  html body #customerServiceView#customerServiceView #customerServiceRows#customerServiceRows > tr:not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row) > td:not([data-customer-service-column="status"]):not([data-customer-service-column="loadNumber"]):not([data-customer-service-column="alert"]):not([data-customer-service-column="actions"]):not([data-customer-service-column="customer"]) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body #customerServiceView#customerServiceView #customerServiceRows#customerServiceRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > td[data-customer-service-column="status"] {
    display: flex !important;
    visibility: visible !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    min-width: 108px !important;
  }

  html body #customerServiceView#customerServiceView #customerServiceRows#customerServiceRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > td[data-customer-service-column="loadNumber"] {
    display: flex !important;
    visibility: visible !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
  }

  html body #customerServiceView#customerServiceView #customerServiceRows#customerServiceRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > td[data-customer-service-column="alert"] {
    display: flex !important;
    visibility: visible !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 34px !important;
  }

  html body #customerServiceView#customerServiceView #customerServiceRows#customerServiceRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > td[data-customer-service-column="actions"] {
    display: flex !important;
    visibility: visible !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 44px !important;
  }

  html body #customerServiceView#customerServiceView #customerServiceRows#customerServiceRows > tr:not(.load-alert-detail-row):not(.load-detail-row) > td[data-customer-service-column="customer"] {
    display: block !important;
    visibility: visible !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    text-align: center !important;
  }

  /* CS Delivered */
  html body #customerServiceDeliveredView#customerServiceDeliveredView #customerServiceDeliveredRows#customerServiceDeliveredRows > tr.shipment-row > td:not(.cs-delivered-status-col):not(.cs-delivered-load-number-col):not(.cs-delivered-actions-col):not(.cs-delivered-customer-col) {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html body #customerServiceDeliveredView#customerServiceDeliveredView #customerServiceDeliveredRows#customerServiceDeliveredRows > tr.shipment-row > .cs-delivered-status-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-content: flex-start !important;
    min-width: 108px !important;
  }

  html body #customerServiceDeliveredView#customerServiceDeliveredView #customerServiceDeliveredRows#customerServiceDeliveredRows > tr.shipment-row > .cs-delivered-load-number-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-content: center !important;
  }

  html body #customerServiceDeliveredView#customerServiceDeliveredView #customerServiceDeliveredRows#customerServiceDeliveredRows > tr.shipment-row > .cs-delivered-actions-col {
    display: flex !important;
    visibility: visible !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-content: flex-end !important;
    width: 44px !important;
  }

  html body #customerServiceDeliveredView#customerServiceDeliveredView #customerServiceDeliveredRows#customerServiceDeliveredRows > tr.shipment-row > .cs-delivered-customer-col {
    display: block !important;
    visibility: visible !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    text-align: center !important;
  }
}