/* Shared phone layout for every operational board. Dispatch keeps its specialized
   rules; Tracking, Delivered, Claims and both Customer Service boards use this
   final override so older card styles cannot reappear. */
@media (max-width:720px){
  /* The bottom tabs live on every mobile route, including Dashboard where the
     operational-board color variables are intentionally absent. Use a literal
     opaque shell color so page cards can never show through the navigation. */
  html body .mobile-bottom-nav:not([hidden]){z-index:100!important;isolation:isolate!important;background:#112131!important;background-color:#112131!important;opacity:1!important;overflow:hidden!important;transform:none!important;-webkit-transform:none!important}
  /* The board makeovers use a fixed 62px header. Keep the navigation drawer out
     of that fixed-height grid so More and the hamburger can expose every link. */
  html body .app-shell>.sidebar{overflow:visible!important}
  html body .app-shell>.sidebar>.nav-list.mobile-nav-open{position:fixed!important;inset:calc(62px + env(safe-area-inset-top,0px)) 9px auto 9px!important;z-index:70!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;align-content:start!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;margin:0!important;padding:8px!important;border:1px solid rgb(255 255 255/.12)!important;border-radius:8px!important;background:#14202c!important;box-shadow:0 16px 32px rgb(0 0 0/.28)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}
  html body.mobile-more-open{overflow:hidden!important}
  html body.mobile-more-open .mobile-bottom-nav:not([hidden]){z-index:100!important}
  html body.mobile-more-open #dispatchJumpTop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  html body .mobile-more-layer[hidden]{display:none!important}
  html body .mobile-more-layer:not([hidden]){position:fixed!important;inset:0!important;z-index:90!important;display:block!important}
  html body .mobile-more-backdrop{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:rgb(8 20 33/.52)!important;backdrop-filter:blur(2px)!important}
  html body .mobile-more-sheet{--mobile-more-drag:0px;position:absolute!important;inset:auto 8px calc(70px + env(safe-area-inset-bottom,0px)) 8px!important;display:flex!important;flex-direction:column!important;width:auto!important;max-width:680px!important;max-height:min(76dvh,760px)!important;margin:0 auto!important;border:1px solid #d7e1eb!important;border-radius:20px!important;background:#f7f9fc!important;box-shadow:0 24px 60px rgb(8 20 33/.34)!important;overflow:hidden!important;box-sizing:border-box!important;outline:none!important;animation:mobile-more-sheet-in .18s ease-out both!important}
  html body .mobile-more-sheet.is-dragging{animation:none!important;transform:translateY(var(--mobile-more-drag))!important}
  html body .mobile-more-sheet.is-snapping{animation:none!important;transform:translateY(var(--mobile-more-drag))!important;transition:transform .18s ease-out!important}
  html body .mobile-more-grabber{flex:0 0 auto!important;display:grid!important;place-items:center!important;height:18px!important;background:#fff!important;touch-action:none!important;cursor:grab!important}
  html body .mobile-more-grabber span{display:block!important;width:42px!important;height:4px!important;border-radius:999px!important;background:#c6d1dd!important}
  html body .mobile-more-head{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:60px!important;margin:0!important;padding:8px 16px 11px!important;border-bottom:1px solid #d7e1eb!important;background:#fff!important;box-sizing:border-box!important}
  html body .mobile-more-head>div{display:grid!important;gap:1px!important}
  html body .mobile-more-head>.mobile-more-head-actions{display:flex!important;align-items:center!important;gap:8px!important}
  html body .mobile-more-eyebrow{color:#2370b5!important;font-size:10px!important;font-weight:850!important;letter-spacing:.12em!important;text-transform:uppercase!important}
  html body .mobile-more-head h2{margin:0!important;color:#18283a!important;font-size:24px!important;font-weight:850!important;line-height:1.1!important;letter-spacing:-.02em!important}
  html body .mobile-more-close{display:grid!important;place-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;margin:0!important;padding:0 0 3px!important;border:1px solid #cfd9e5!important;border-radius:12px!important;background:#f8fafc!important;color:#18283a!important;font-size:28px!important;font-weight:400!important;line-height:1!important}
  html body .mobile-more-search{flex:0 0 auto!important;display:grid!important;grid-template-columns:22px minmax(0,1fr) 32px!important;align-items:center!important;gap:8px!important;height:52px!important;margin:0!important;padding:8px 14px!important;border-bottom:1px solid #d7e1eb!important;background:#fff!important;box-sizing:border-box!important}
  html body .mobile-more-search>svg{width:20px!important;height:20px!important;fill:none!important;stroke:#6d7e91!important;stroke-width:1.8!important;stroke-linecap:round!important}
  html body .mobile-more-search>input{width:100%!important;min-width:0!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#18283a!important;font-size:15px!important;font-weight:700!important;box-shadow:none!important}
  html body .mobile-more-search>input::placeholder{color:#8a99aa!important;font-weight:650!important}
  html body .mobile-more-search-clear{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;margin:0!important;padding:0 0 2px!important;border:0!important;border-radius:9px!important;background:#eef3f8!important;color:#536579!important;font-size:21px!important;line-height:1!important}
  html body .mobile-more-search-clear[hidden]{display:none!important}
  html body .mobile-more-content{flex:1 1 auto!important;display:block!important;min-height:0!important;padding:12px 14px 16px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}
  html body .mobile-more-content h3{margin:0 0 8px!important;color:#66768a!important;font-size:11px!important;font-weight:850!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  html body .mobile-more-customize-section{margin:0 0 14px!important}
  html body .mobile-more-customize-card{display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:66px!important;margin:0!important;border:1px solid #bfd4e7!important;border-radius:16px!important;background:#eef6fd!important;color:#18283a!important;padding:10px 13px!important;text-align:left!important}
  html body .mobile-more-quick-section{margin:0 0 16px!important}
  html body .mobile-more-quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .mobile-more-section-title{margin-top:2px!important}
  html body .mobile-more-destination{display:grid!important;grid-template-columns:34px minmax(0,1fr) 14px!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;min-height:50px!important;margin:0!important;padding:7px 9px!important;border:1px solid #d7e1eb!important;border-radius:12px!important;background:#fff!important;color:#18283a!important;text-align:left!important;box-shadow:0 1px 2px rgb(24 40 58/.04)!important;box-sizing:border-box!important}
  html body .mobile-more-destination.is-current{border-color:#8bb7df!important;background:#f3f8fd!important;box-shadow:inset 3px 0 #2370b5!important}
  html body .mobile-more-destination-icon,html body .mobile-more-group-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:#e7f1fa!important;color:#1f5f98!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)>svg{width:19px!important;height:19px!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="invoice"]{background:#fff0df!important;color:#b55b00!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="claims"]{background:#fff0f0!important;color:#bd3434!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="carriers"]{background:#e8f8f5!important;color:#087b6c!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="accounting"]{background:#eaf7ef!important;color:#18804c!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="admin"]{background:#f1ecff!important;color:#6949aa!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="customer"]{background:#e7f1fa!important;color:#1f5f98!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="erie"]{background:#fff6d9!important;color:#9a6d00!important}
  html body :is(.mobile-more-destination-icon,.mobile-more-group-icon)[data-tone="reports"]{background:#ecefff!important;color:#4d5db1!important}
  html body .mobile-more-destination-label{min-width:0!important;color:#18283a!important;font-size:13px!important;font-weight:800!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important}
  html body .mobile-more-destination-arrow{color:#8a9bad!important;font-size:22px!important;font-weight:500!important;line-height:1!important;text-align:right!important}
  html body .mobile-more-standalone{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 8px!important}
  html body .mobile-more-accordion{display:grid!important;gap:8px!important}
  html body .mobile-more-group{margin:0!important;border:1px solid #d7e1eb!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important;box-sizing:border-box!important;box-shadow:0 1px 2px rgb(24 40 58/.03)!important}
  html body .mobile-more-group>summary{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto 18px!important;align-items:center!important;gap:10px!important;min-height:52px!important;padding:8px 11px!important;color:#18283a!important;cursor:pointer!important;list-style:none!important}
  html body .mobile-more-group>summary::-webkit-details-marker{display:none!important}
  html body .mobile-more-group>summary strong{font-size:14px!important;font-weight:850!important}
  html body .mobile-more-group-count{display:grid!important;place-items:center!important;min-width:24px!important;height:24px!important;padding:0 6px!important;border-radius:999px!important;background:#eef3f8!important;color:#607187!important;font-size:11px!important;font-weight:850!important;box-sizing:border-box!important}
  html body .mobile-more-group-chevron{color:#6b7c90!important;font-size:17px!important;line-height:1!important;transition:transform .16s ease!important}
  html body .mobile-more-group[open] .mobile-more-group-chevron{transform:rotate(180deg)!important}
  html body .mobile-more-group-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0 10px 10px!important;border-top:1px solid #edf1f5!important;background:#f8fafc!important}
  html body .mobile-more-group-links .mobile-more-destination{margin-top:9px!important;min-height:48px!important;box-shadow:none!important}
  html body .mobile-more-search-results[hidden],html body .mobile-more-content>[hidden]{display:none!important}
  html body .mobile-more-search-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body .mobile-more-search-results .mobile-more-empty{grid-column:1/-1!important}
  html body .mobile-more-empty{margin:0!important;padding:28px 18px!important;border:1px dashed #c8d4e1!important;border-radius:14px!important;background:#fff!important;color:#66768a!important;font-size:14px!important;font-weight:700!important;text-align:center!important}
  @keyframes mobile-more-sheet-in{from{opacity:0;transform:translateY(calc(var(--mobile-more-drag) + 20px)) scale(.985)}to{opacity:1;transform:translateY(var(--mobile-more-drag)) scale(1)}}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]){--m-navy:#112131;--m-ink:#18283a;--m-muted:#66768a;--m-line:#d7e1eb;--m-canvas:#f3f6f9;background:var(--m-canvas)!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .app-shell{min-height:100dvh!important;background:var(--m-canvas)!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .app-shell>.sidebar{position:fixed!important;inset:0 0 auto 0!important;z-index:50!important;width:100%!important;max-width:100vw!important;min-height:calc(62px + env(safe-area-inset-top,0px))!important;height:calc(62px + env(safe-area-inset-top,0px))!important;padding:env(safe-area-inset-top,0px) 14px 0!important;border:0!important;border-bottom:1px solid rgb(255 255 255/.1)!important;background:var(--m-navy)!important;box-shadow:0 2px 10px rgb(15 31 47/.14)!important;box-sizing:border-box!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .sidebar .brand{position:absolute!important;top:env(safe-area-inset-top,0px)!important;right:auto!important;bottom:auto!important;left:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:108px!important;height:62px!important;margin:0!important;padding:0!important;transform:translateX(-50%)!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .sidebar .brand-logo{width:108px!important;max-width:108px!important;height:44px!important;object-fit:contain!important;border-radius:7px!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .mobile-menu-toggle{position:absolute!important;top:calc(10px + env(safe-area-inset-top,0px))!important;left:14px!important;width:42px!important;height:42px!important;margin:0!important;border-radius:11px!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .sidebar .user-avatar{top:calc(10px + env(safe-area-inset-top,0px))!important;right:14px!important;width:42px!important;height:42px!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .main{padding:calc(62px + env(safe-area-inset-top,0px)) 0 calc(76px + env(safe-area-inset-bottom,0px))!important;background:var(--m-canvas)!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .app-view.active-view{width:100%!important;max-width:100vw!important;margin:0!important;padding:0 14px 18px!important;box-sizing:border-box!important}

  /* Command row matches Dispatch. */
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .topbar{margin:0!important;padding:13px 14px 13px 22px!important;border-bottom:1px solid var(--m-line)!important;background:#fff!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) #mainTitle{margin:2px 0 0!important;color:var(--m-ink)!important;font-size:22px!important;font-weight:850!important;letter-spacing:-.025em!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .top-actions{gap:7px!important}
  html body:is([data-current-view="tracking"],[data-current-view="shipments"],[data-current-view="claims"],[data-current-view="customerService"],[data-current-view="customerServiceDelivered"]) .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu){width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;border-radius:11px!important}

  /* Status totals stay in one horizontally scrollable sticky row. */
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView)>.metric-grid{position:sticky!important;top:calc(62px + env(safe-area-inset-top,0px))!important;z-index:42!important;display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:7px!important;width:100vw!important;max-width:100vw!important;margin:0 -14px!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--m-line)!important;background:#fff!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scroll-padding-inline:14px!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView)>.metric-grid>.metric{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:max-content!important;min-height:38px!important;margin:0!important;padding:7px 12px!important;border:1px solid var(--m-line)!important;border-left:4px solid #2370b5!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;scroll-snap-align:start!important}
  html body .metric-grid>.metric.status-open{border-left-color:#de3e36!important;background:#fff9f8!important}
  html body .metric-grid>.metric.status-covered{border-left-color:#ee8917!important;background:#fffaf4!important}
  html body .metric-grid>.metric.status-transit{border-left-color:#f2c01f!important;background:#fffdf5!important}
  html body .metric-grid>.metric.status-delivered{border-left-color:#1d9a55!important;background:#f7fcf9!important}
  html body .metric-grid>.metric.status-expired{border-left-color:#334155!important;background:#f8fafc!important}
  html body .metric-grid>.metric.status-hold{border-left-color:#64748b!important;background:#f8fafc!important}
  html body .metric-grid>.metric.status-pending{border-left-color:#3478bd!important;background:#f7faff!important}
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView)>.metric-grid>.metric span{color:var(--m-muted)!important;font-size:12px!important;font-weight:700!important}
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView)>.metric-grid>.metric strong{color:var(--m-ink)!important;font-size:14px!important;font-weight:850!important}
  html body #trackingView>.tracking-view-head,html body #customerServiceView>.customer-service-user-tiles{display:none!important}

  /* Search/filter layer stays beneath the totals and above scrolling rows. */
  html body :is(#trackingView,#shipmentsView,#customerServiceDeliveredView)>.shipment-tools,
  html body :is(#claimsView,#customerServiceView)>.board-tools{position:sticky!important;top:calc(120px + env(safe-area-inset-top,0px))!important;z-index:41!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:8px!important;width:100vw!important;max-width:100vw!important;margin:0 -14px!important;padding:9px 14px!important;border:0!important;background:var(--m-canvas)!important;box-shadow:0 8px 12px -10px rgb(15 31 47/.65)!important;box-sizing:border-box!important}
  html body :is(#trackingView,#shipmentsView,#customerServiceDeliveredView)>.shipment-tools>input[type="search"],
  html body :is(#claimsView,#customerServiceView)>.board-tools>input[type="search"]{grid-column:1!important;width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;font-size:16px!important;text-align:left!important;box-shadow:0 1px 2px rgb(24 40 58/.04)!important}
  html body .operational-mobile-filter-toggle{display:grid!important;grid-column:2!important;place-items:center!important;width:44px!important;height:42px!important;margin:0!important;padding:0!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;color:var(--m-ink)!important}
  html body .operational-mobile-filter-toggle svg{width:21px!important;height:21px!important;fill:currentColor!important}
  html body :is(#trackingView,#shipmentsView,#customerServiceDeliveredView)>.shipment-tools>select,
  html body :is(#trackingView,#shipmentsView,#customerServiceDeliveredView)>.shipment-tools>.delivered-purge-control{display:none!important}
  html body :is(#trackingView,#shipmentsView,#customerServiceDeliveredView)>.shipment-tools.operational-filters-open>select,
  html body :is(#trackingView,#shipmentsView,#customerServiceDeliveredView)>.shipment-tools.operational-filters-open>.delivered-purge-control{display:flex!important;grid-column:1/-1!important;width:100%!important;min-height:40px!important;margin:0!important}
  html body :is(#claimsView,#customerServiceView) .customer-service-filter-details{grid-column:2!important;grid-row:1!important;width:44px!important;min-width:44px!important;margin:0!important}
  html body :is(#claimsView,#customerServiceView) .customer-service-filter-toggle{display:grid!important;place-items:center!important;width:44px!important;min-width:44px!important;height:42px!important;margin:0!important;padding:0!important;font-size:0!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important}
  html body :is(#claimsView,#customerServiceView) .customer-service-filter-toggle:before{content:""!important;display:block!important;width:21px!important;height:19px!important;background:var(--m-ink)!important;clip-path:polygon(5% 8%,95% 8%,62% 46%,62% 86%,42% 96%,42% 46%)!important}
  html body :is(#claimsView,#customerServiceView) .customer-service-filter-toggle .custom-select-chevron{display:none!important}
  html body :is(#claimsView,#customerServiceView) :is(.customer-service-pagination,.customer-service-inline-actions,#claimsResultCount,.customer-service-clear-filters){grid-column:1/-1!important}

  /* Full-width, single-line rows shared by all operational boards. */
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView)>.table-section{width:100vw!important;max-width:100vw!important;margin:0 -14px!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;box-sizing:border-box!important}
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView) .table-scroll,
  html body :is(#trackingView,#shipmentsView,#claimsView,#customerServiceView,#customerServiceDeliveredView) table,
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows){width:100vw!important;max-width:100vw!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;box-sizing:border-box!important;overflow:visible!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows)>tr:not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row):not(.claim-expanded-row){display:grid!important;grid-template-columns:60px minmax(96px,auto) minmax(0,1fr) 34px!important;grid-template-rows:1fr!important;align-items:center!important;column-gap:10px!important;width:100vw!important;max-width:100vw!important;min-height:58px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--m-line)!important;border-left:4px solid #8aa4bf!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;box-sizing:border-box!important;overflow:hidden!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows)>tr:nth-child(even):not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row){background:#f1f5f9!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows)>tr:not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row)>td{display:none!important;visibility:hidden!important;position:static!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}

  /* Reveal Status / Load # / Customer / Actions in that order. */
  html body #trackingRows>tr>:is(.tracking-status-col,.tracking-load-number-col,.tracking-customer-col,.tracking-actions-col),
  html body #shipmentRows>tr>:is(.delivered-status-col,.delivered-load-number-col,.delivered-customer-col,.delivered-actions-col),
  html body #claimsRows>tr>:is(.claims-status-col,.claims-load-number-col,.claims-customer-col,.claims-customer-cell,.claims-actions-col),
  html body #customerServiceRows>tr>td:is([data-customer-service-column="status"],[data-customer-service-column="loadNumber"],[data-customer-service-column="customer"],[data-customer-service-column="actions"]),
  html body #customerServiceDeliveredRows>tr>:is(.cs-delivered-status-col,.cs-delivered-load-number-col,.cs-delivered-customer-col,.cs-delivered-actions-col){display:flex!important;visibility:visible!important;pointer-events:auto!important;align-items:center!important;min-width:0!important;height:100%!important;overflow:hidden!important}
  html body :is(#trackingRows .tracking-status-col,#shipmentRows .delivered-status-col,#claimsRows .claims-status-col,#customerServiceRows td[data-customer-service-column="status"],#customerServiceDeliveredRows .cs-delivered-status-col){grid-column:1!important;grid-row:1!important;justify-content:center!important}
  html body :is(#trackingRows .tracking-load-number-col,#shipmentRows .delivered-load-number-col,#claimsRows .claims-load-number-col,#customerServiceRows td[data-customer-service-column="loadNumber"],#customerServiceDeliveredRows .cs-delivered-load-number-col){grid-column:2!important;grid-row:1!important;justify-content:flex-start!important}
  html body :is(#trackingRows .tracking-customer-col,#shipmentRows .delivered-customer-col,#claimsRows .claims-customer-col,#claimsRows .claims-customer-cell,#customerServiceRows td[data-customer-service-column="customer"],#customerServiceDeliveredRows .cs-delivered-customer-col){grid-column:3!important;grid-row:1!important;justify-content:flex-start!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important}
  html body :is(#trackingRows .tracking-actions-col,#shipmentRows .delivered-actions-col,#claimsRows .claims-actions-col,#customerServiceRows td[data-customer-service-column="actions"],#customerServiceDeliveredRows .cs-delivered-actions-col){grid-column:4!important;grid-row:1!important;align-self:stretch!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:100%!important;overflow:visible!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) .status-pill-select{display:block!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;border:1px solid currentColor!important;border-radius:999px!important;appearance:none!important;-webkit-appearance:none!important;background-image:none!important;font-size:9px!important;font-weight:850!important;line-height:28px!important;text-align:center!important;text-align-last:center!important;text-transform:uppercase!important;box-sizing:border-box!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) :is(.tracking-load-copy,.delivered-load-copy,.claims-load-copy,.customer-service-load-copy){display:flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;min-height:28px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;white-space:nowrap!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) :is(.tracking-load-copy,.delivered-load-copy,.claims-load-copy,.customer-service-load-copy) strong,
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) .tracking-load-number-col strong{color:var(--m-ink)!important;font-size:16px!important;font-weight:850!important}
  html body :is(#trackingRows .mobile-tracking-route,#shipmentRows .mobile-customer-route,#claimsRows .mobile-claims-customer-route,#customerServiceRows .mobile-customer-service-route,#customerServiceDeliveredRows .mobile-customer-route){display:block!important;width:100%!important;min-width:0!important;color:var(--m-ink)!important;font-size:12px!important;font-weight:800!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body :is(#trackingRows .mobile-tracking-route,#shipmentRows .mobile-customer-route,#claimsRows .mobile-claims-customer-route,#customerServiceRows .mobile-customer-service-route,#customerServiceDeliveredRows .mobile-customer-route)>:not(strong){display:none!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) .row-actions{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:100%!important;margin:0!important;padding:0!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) .row-action-dot-button{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;margin:auto 0!important;padding:0!important;line-height:1!important;transform:none!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) .action-dots-text{display:block!important;line-height:1!important;transform:translateY(-2px)!important}
  html body :is(#trackingRows,#shipmentRows,#claimsRows,#customerServiceRows,#customerServiceDeliveredRows) :is(.load-flag-row,.appt-flag,.firm-date-flag,.hot-flag){display:none!important}
}

/* Version 3.99415: final Customers phone toolbar and real tab strip. */
@media (max-width:720px){
  html body:has(#pastDueView.active-view) .topbar.topbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;height:auto!important;min-height:0!important;padding:8px 12px!important;overflow:visible!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions::-webkit-scrollbar{display:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>*{display:inline-flex!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;margin:0!important;padding:0!important}
  html body:has(#pastDueView.active-view) .past-due-tabs,
  html body:has(#pastDueView.active-view) .past-due-topbar-tabs{display:flex!important;grid-template:none!important;flex-flow:row nowrap!important;align-items:flex-end!important;gap:0!important;width:100%!important;max-width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 10px!important;border:0!important;border-bottom:1px solid #bdccd8!important;border-radius:0!important;background:#f5f8fb!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;box-sizing:border-box!important}
  html body:has(#pastDueView.active-view) .past-due-tabs::-webkit-scrollbar,
  html body:has(#pastDueView.active-view) .past-due-topbar-tabs::-webkit-scrollbar{display:none!important}
  html body:has(#pastDueView.active-view) .past-due-tabs>button,
  html body:has(#pastDueView.active-view) .past-due-tabs>button.active,
  html body:has(#pastDueView.active-view) .past-due-topbar-tabs>button,
  html body:has(#pastDueView.active-view) .past-due-topbar-tabs>button.active{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;height:45px!important;min-height:45px!important;margin:0!important;padding:0 14px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#53677a!important;scroll-snap-align:start!important}
  html body:has(#pastDueView.active-view) .past-due-tabs>button.active,
  html body:has(#pastDueView.active-view) .past-due-topbar-tabs>button.active{border-bottom-color:#177a9e!important;background:#fff!important;color:#102a3d!important;box-shadow:none!important}
  html body:has(#pastDueView.active-view) .past-due-tabs>button>span,
  html body:has(#pastDueView.active-view) .past-due-topbar-tabs>button>span{font-size:13px!important;font-weight:800!important;line-height:1!important;white-space:nowrap!important}

  /* Version 3.99416: prevent Customers toolbar text collisions. */
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions{order:1!important}
  html body:has(#pastDueView.active-view) .topbar.topbar :is(.past-due-tabs,.past-due-topbar-tabs){order:2!important;flex:0 0 46px!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>button:not(.icon-only-button):not(.mobile-board-header-action):not(.chat-center-toggle){display:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions .button-text{display:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>button,
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>details>summary{overflow:hidden!important;white-space:nowrap!important;text-indent:0!important;box-sizing:border-box!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions :is(svg,.download-icon,.hamburger-icon){flex:0 0 auto!important;margin:0!important}

  /* Version 3.99417: never resurrect hidden or unrelated Customers actions. */
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>[hidden]{display:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>*:not(#mobileBoardSearchToggle):not(#mobileBoardFilterToggle):not(#chatCenterToggle):not(#notificationCenter):not(#dispatchActionsMenu):not(#refreshBoard){display:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>:is(#mobileBoardSearchToggle,#mobileBoardFilterToggle,#chatCenterToggle,#notificationCenter,#dispatchActionsMenu,#refreshBoard){flex:0 0 42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}

  /* Version 3.99418: give Customers More actions a visible glyph. */
  html body:has(#pastDueView.active-view) #dispatchActionsMenu>summary{position:relative!important;color:#173149!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu>summary .hamburger-icon{display:none!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu>summary::before{content:"\2026\A0\2026\A0\2026"!important;display:block!important;color:#173149!important;font-size:16px!important;font-weight:900!important;line-height:1!important;letter-spacing:-1px!important;text-indent:0!important}

  /* Version 3.99419: use one standard ellipsis for Customers More actions. */
  html body:has(#pastDueView.active-view) #dispatchActionsMenu>summary::before{content:"\22EF"!important;font-size:25px!important;font-weight:800!important;letter-spacing:0!important;line-height:1!important}

  /* Version 3.99420: let the Customers More actions panel open above content. */
  html body:has(#pastDueView.active-view) .topbar.topbar,
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions,
  html body:has(#pastDueView.active-view) #dispatchActionsMenu{overflow:visible!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu{position:relative!important;z-index:20020!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel{position:absolute!important;z-index:20030!important;top:50px!important;right:0!important;left:auto!important;display:grid!important;width:min(290px,calc(100vw - 24px))!important;min-width:250px!important;max-width:calc(100vw - 24px)!important;max-height:min(56dvh,440px)!important;padding:9px!important;border:1px solid #cfdae5!important;border-radius:13px!important;background:#fff!important;box-shadow:0 20px 48px rgb(8 20 33/.28)!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu:not([open])>.top-actions-menu-panel{display:none!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>summary{border-color:#69a8c3!important;background:#eaf6fb!important;box-shadow:0 0 0 3px rgb(23 122 158/.12)!important}

  /* Version 3.99421: polished labeled Customers action menu. */
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel{gap:0!important;width:min(310px,calc(100vw - 24px))!important;padding:7px!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel::before{display:block!important;padding:5px 9px 8px!important;color:#687b8e!important;font-size:10px!important;font-weight:900!important;letter-spacing:.11em!important;text-transform:uppercase!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden]){position:relative!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-auto-flow:column!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:54px!important;max-height:none!important;margin:0!important;padding:7px 9px!important;border:0!important;border-top:1px solid #e5ebf1!important;border-radius:0!important;background:#fff!important;color:#183149!important;text-align:left!important;overflow:visible!important;white-space:normal!important;box-shadow:none!important;box-sizing:border-box!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:first-of-type{border-top:0!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:is(:hover,:focus-visible){background:#f2f8fc!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button :is(.top-actions-menu-item-icon,.download-icon){position:static!important;grid-column:1!important;display:grid!important;place-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;border-radius:10px!important;background:#e7f4fa!important;color:#176b8a!important;overflow:visible!important;clip:auto!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button :is(.top-actions-menu-item-icon,.download-icon)>svg{display:block!important;width:19px!important;height:19px!important;margin:0!important;fill:none!important;stroke:currentColor!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button .top-actions-menu-item-copy{position:static!important;grid-column:2!important;display:grid!important;gap:3px!important;width:auto!important;height:auto!important;min-width:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button .top-actions-menu-item-copy :is(strong,small),
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button.export-button>span:last-child{position:static!important;grid-column:2!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;color:#183149!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;overflow:visible!important;clip:auto!important;white-space:normal!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button .top-actions-menu-item-copy small{color:#718194!important;font-size:11px!important;font-weight:600!important}

  /* Version 3.99422: one exact geometry for every Customers action item. */
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden]){grid-template-columns:44px minmax(0,1fr)!important;grid-template-rows:1fr!important;grid-auto-flow:row!important;gap:10px!important;height:64px!important;min-height:64px!important;max-height:64px!important;padding:8px 10px!important;font-size:13px!important;font-weight:800!important;line-height:1.2!important;white-space:nowrap!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden])>:is(.top-actions-menu-item-icon,.download-icon){grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important;width:44px!important;height:44px!important;margin:0!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden])>:is(.top-actions-menu-item-copy,span:last-child){grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:start!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;text-align:left!important;transform:none!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden]) .top-actions-menu-item-copy :is(strong,small){margin:0!important;padding:0!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden]):not(:has(.top-actions-menu-item-icon,.download-icon))::before{content:""!important;grid-column:1!important;grid-row:1!important;display:block!important;width:44px!important;height:44px!important;border-radius:11px!important;background-color:#e7f4fa!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23176b8a' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5'/%3E%3C/svg%3E")!important;background-position:center!important;background-repeat:no-repeat!important;background-size:20px 20px!important}

  /* Version 3.99423: one flex alignment line for every Customers action. */
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden]){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:8px 10px!important;text-align:left!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden])>:is(.top-actions-menu-item-icon,.download-icon),
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden]):not(:has(.top-actions-menu-item-icon,.download-icon))::before{position:static!important;display:grid!important;flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0!important;align-self:center!important;transform:none!important;box-sizing:border-box!important}
  html body:has(#pastDueView.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel>button:not([hidden])>:is(.top-actions-menu-item-copy,span:last-child){position:static!important;display:grid!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;align-self:center!important;justify-self:auto!important;text-align:left!important;transform:none!important;box-sizing:border-box!important}

  /* Version 3.99424: remove inapplicable board Search and Filter from Customers. */
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>:is(#mobileBoardSearchToggle,#mobileBoardFilterToggle){display:none!important}

  /* Version 3.99425: centered Customers action group with refined icon accents. */
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions{justify-content:center!important;gap:9px!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>:is(#chatCenterToggle,#notificationCenter,#refreshBoard,#dispatchActionsMenu){flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>#chatCenterToggle{border-color:#b8dce9!important;background:#eaf7fb!important;color:#176f91!important;box-shadow:0 4px 12px rgb(23 111 145/.10)!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>#notificationCenter>summary{border-color:#ead6a0!important;background:#fff8df!important;color:#9a6b00!important;box-shadow:0 4px 12px rgb(154 107 0/.10)!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>#refreshBoard{border-color:#b9dfcf!important;background:#eaf8f2!important;color:#167657!important;box-shadow:0 4px 12px rgb(22 118 87/.10)!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>#dispatchActionsMenu>summary{border-color:#d3c8ee!important;background:#f3effd!important;color:#6647a8!important;box-shadow:0 4px 12px rgb(102 71 168/.10)!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>:is(#chatCenterToggle,#refreshBoard)>svg,
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>:is(#notificationCenter,#dispatchActionsMenu)>summary>svg,
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>#refreshBoard .download-icon{color:inherit!important;stroke:currentColor!important}

  /* Version 3.99426: one Customers mobile header containing title and actions. */
  html body:has(#pastDueView.active-view) .global-page-header{display:none!important}
  html body:has(#pastDueView.active-view) .topbar.topbar{gap:0!important;padding:8px 12px 0!important;background:#f5f8fb!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions{justify-content:flex-end!important;gap:8px!important;min-height:66px!important;padding:10px 12px!important;border:0!important;border-radius:14px!important;background:linear-gradient(112deg,#174e7d 0%,#176486 58%,#138895 100%)!important;box-shadow:0 8px 20px rgb(15 63 99/.17)!important;overflow:visible!important;box-sizing:border-box!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions::before{content:"Customers"!important;display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0 8px 0 0!important;color:#fff!important;font-size:22px!important;font-weight:850!important;line-height:1.1!important;letter-spacing:-.02em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body:has(#pastDueView.active-view) .topbar.topbar .top-actions>:is(#chatCenterToggle,#notificationCenter,#refreshBoard,#dispatchActionsMenu){flex-basis:42px!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important}
  html body:has(#pastDueView.active-view) .topbar.topbar :is(.past-due-tabs,.past-due-topbar-tabs){margin-top:7px!important}
}

/* Version 3.99331: simplified mobile More navigation. */
@media (max-width:720px){
  html body .mobile-more-sheet{max-height:min(72dvh,680px)!important;border-radius:18px!important;background:#f4f7fa!important}
  html body .mobile-more-grabber{height:14px!important}
  html body .mobile-more-grabber span{width:36px!important;height:4px!important}
  html body .mobile-more-head{min-height:52px!important;padding:5px 12px 8px!important}
  html body .mobile-more-eyebrow{display:none!important}
  html body .mobile-more-head h2{font-size:22px!important}
  html body .mobile-more-head>.mobile-more-head-actions{gap:6px!important}
  html body .mobile-more-customize{min-height:36px!important;padding:6px 10px!important;border-radius:10px!important;font-size:12px!important}
  html body .mobile-more-close{width:36px!important;min-width:36px!important;height:36px!important;border-radius:10px!important;font-size:24px!important}
  html body .mobile-more-search{height:44px!important;grid-template-columns:20px minmax(0,1fr) 28px!important;padding:5px 12px!important}
  html body .mobile-more-search>svg{width:18px!important;height:18px!important}
  html body .mobile-more-search>input{height:32px!important;font-size:14px!important}
  html body .mobile-more-content{padding:10px 12px 12px!important}
  html body .mobile-more-standalone{grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin:0 0 8px!important;border:1px solid #d7e1eb!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
  html body .mobile-more-standalone .mobile-more-destination{border:0!important;border-bottom:1px solid #e5ebf1!important;border-radius:0!important;box-shadow:none!important}
  html body .mobile-more-standalone .mobile-more-destination:last-child{border-bottom:0!important}
  html body .mobile-more-accordion{gap:0!important;border:1px solid #d7e1eb!important;border-radius:12px!important;background:#fff!important;overflow:hidden!important}
  html body .mobile-more-group{border:0!important;border-bottom:1px solid #e2e9f0!important;border-radius:0!important;box-shadow:none!important}
  html body .mobile-more-group:last-child{border-bottom:0!important}
  html body .mobile-more-group>summary{grid-template-columns:30px minmax(0,1fr) auto 16px!important;gap:8px!important;min-height:46px!important;padding:7px 10px!important}
  html body .mobile-more-group>summary strong{overflow:hidden!important;font-size:14px!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html body .mobile-more-group-icon{width:30px!important;height:30px!important;border-radius:9px!important}
  html body .mobile-more-group-icon>svg{width:17px!important;height:17px!important}
  html body .mobile-more-group-count{min-width:22px!important;height:22px!important;padding:0 5px!important;font-size:10px!important}
  html body .mobile-more-group-links{grid-template-columns:minmax(0,1fr)!important;gap:0!important;padding:0!important}
  html body .mobile-more-group-links .mobile-more-destination{min-height:44px!important;margin:0!important;border:0!important;border-top:1px solid #e5ebf1!important;border-radius:0!important;padding:6px 10px 6px 48px!important}
  html body .mobile-more-group-links .mobile-more-destination-icon{display:none!important}
  html body .mobile-more-destination-label{font-size:13px!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}

  /* Version 3.99407: expanded Mobile More rows use the full label column. */
  html body .mobile-more-group-links .mobile-more-destination{grid-template-columns:minmax(0,1fr) 18px!important;column-gap:8px!important}
  html body .mobile-more-group-links .mobile-more-destination-label{grid-column:1!important;width:auto!important;max-width:none!important}
  html body .mobile-more-group-links .mobile-more-destination-arrow{grid-column:2!important;width:18px!important}

  /* Version 3.99408: present Mobile More as folders and files instead of rows. */
  html body .mobile-more-standalone,html body .mobile-more-accordion{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
  html body .mobile-more-standalone .mobile-more-destination{grid-template-columns:34px minmax(0,1fr) 14px!important;gap:8px!important;min-height:72px!important;padding:10px!important;border:1px solid #d7e1eb!important;border-radius:12px!important;box-shadow:0 1px 2px rgb(24 40 58/.05)!important}
  html body .mobile-more-standalone .mobile-more-destination:last-child{border-bottom:1px solid #d7e1eb!important}
  html body .mobile-more-group{border:1px solid #d7e1eb!important;border-radius:12px!important;background:#fff!important;box-shadow:0 1px 2px rgb(24 40 58/.05)!important;overflow:hidden!important}
  html body .mobile-more-group:last-child{border-bottom:1px solid #d7e1eb!important}
  html body .mobile-more-group[open]{grid-column:1/-1!important}
  html body .mobile-more-group>summary{grid-template-columns:38px minmax(0,1fr) auto 14px!important;gap:8px!important;min-height:76px!important;padding:10px!important}
  html body .mobile-more-group-icon{position:relative!important;width:38px!important;height:38px!important;border-radius:0!important;background:transparent!important}
  html body .mobile-more-group-icon>svg{display:none!important}
  html body .mobile-more-group-icon::before{content:""!important;position:absolute!important;left:3px!important;top:12px!important;width:31px!important;height:22px!important;border-radius:4px!important;background:currentColor!important;opacity:.88!important}
  html body .mobile-more-group-icon::after{content:""!important;position:absolute!important;left:5px!important;top:7px!important;width:15px!important;height:9px!important;border-radius:4px 4px 0 0!important;background:currentColor!important;opacity:.88!important}
  html body .mobile-more-group-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;border-top:1px solid #e5ebf1!important;background:#f7f9fc!important}
  html body .mobile-more-group-links .mobile-more-destination{grid-template-columns:30px minmax(0,1fr) 14px!important;column-gap:8px!important;min-height:64px!important;margin:0!important;padding:8px!important;border:1px solid #dce5ee!important;border-radius:10px!important;background:#fff!important}
  html body .mobile-more-group-links .mobile-more-destination-icon{display:grid!important;width:30px!important;height:30px!important;border-radius:8px!important}
  html body .mobile-more-group-links .mobile-more-destination-icon>svg{width:17px!important;height:17px!important}
  html body .mobile-more-group-links .mobile-more-destination-label{grid-column:2!important;display:-webkit-box!important;width:auto!important;max-width:none!important;white-space:normal!important;overflow:hidden!important;overflow-wrap:anywhere!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important}
  html body .mobile-more-group-links .mobile-more-destination-arrow{grid-column:3!important;width:14px!important;font-size:18px!important}

  /* Version 3.99409: polish the Mobile More file browser. */
  html body .mobile-more-standalone .mobile-more-destination:only-child{grid-column:1/-1!important;min-height:58px!important}
  html body .mobile-more-group>summary{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important;min-height:108px!important;padding:12px!important}
  html body .mobile-more-group>summary strong{display:-webkit-box!important;width:100%!important;padding-right:30px!important;font-size:14px!important;line-height:1.2!important;white-space:normal!important;overflow:hidden!important;text-overflow:clip!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;box-sizing:border-box!important}
  html body .mobile-more-group-icon,html body .mobile-more-group-icon[data-tone]{width:46px!important;height:38px!important;background:transparent!important;filter:drop-shadow(0 2px 2px rgb(24 40 58/.12))!important}
  html body .mobile-more-group-icon::before{left:2px!important;top:11px!important;width:42px!important;height:27px!important;border-radius:4px 6px 6px 6px!important;background:linear-gradient(180deg,currentColor 0%,currentColor 100%)!important;opacity:.9!important}
  html body .mobile-more-group-icon::after{left:5px!important;top:5px!important;width:19px!important;height:10px!important;border-radius:5px 5px 0 0!important;background:currentColor!important;opacity:.9!important}
  html body .mobile-more-group-count{position:absolute!important;top:12px!important;right:12px!important;min-width:24px!important;height:24px!important;padding:0 6px!important;font-size:10px!important}
  html body .mobile-more-group-chevron{display:none!important}
  html body .mobile-more-group[open]>summary{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;min-height:64px!important}
  html body .mobile-more-group[open]>summary strong{padding-right:42px!important}

  /* Version 3.99410: use modern category icons instead of generic folders. */
  html body .mobile-more-group-icon,html body .mobile-more-group-icon[data-tone]{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border:1px solid rgb(255 255 255/.8)!important;border-radius:15px!important;background:linear-gradient(145deg,#edf5fc 0%,#dfeef9 100%)!important;color:#246a9f!important;filter:none!important;box-shadow:0 7px 16px rgb(35 112 181/.14),inset 0 1px 0 rgb(255 255 255/.9)!important}
  html body .mobile-more-group-icon::before,html body .mobile-more-group-icon::after{display:none!important;content:none!important}
  html body .mobile-more-group-icon>svg{display:block!important;width:25px!important;height:25px!important;stroke-width:1.85!important}
  html body .mobile-more-group-icon[data-tone="accounting"]{background:linear-gradient(145deg,#e9f8ef 0%,#d6f0e1 100%)!important;color:#168254!important;box-shadow:0 7px 16px rgb(22 130 84/.13),inset 0 1px 0 rgb(255 255 255/.9)!important}
  html body .mobile-more-group-icon[data-tone="admin"]{background:linear-gradient(145deg,#f3efff 0%,#e5ddfb 100%)!important;color:#6a4eb0!important;box-shadow:0 7px 16px rgb(106 78 176/.13),inset 0 1px 0 rgb(255 255 255/.9)!important}
  html body .mobile-more-group-icon[data-tone="customer"]{background:linear-gradient(145deg,#eaf6ff 0%,#d8ebfa 100%)!important;color:#17689e!important}
  html body .mobile-more-group-icon[data-tone="erie"]{background:linear-gradient(145deg,#fff8df 0%,#f7e9b9 100%)!important;color:#a37500!important;box-shadow:0 7px 16px rgb(163 117 0/.13),inset 0 1px 0 rgb(255 255 255/.9)!important}
  html body .mobile-more-group-icon[data-tone="reports"]{background:linear-gradient(145deg,#f0f1ff 0%,#dfe2fa 100%)!important;color:#5262b3!important}
  html body .mobile-more-group-icon[data-tone="billing"]{background:linear-gradient(145deg,#fff1e4 0%,#f9dec5 100%)!important;color:#b75b12!important;box-shadow:0 7px 16px rgb(183 91 18/.13),inset 0 1px 0 rgb(255 255 255/.9)!important}
  html body .mobile-more-group-icon[data-tone="dispatch"]{background:linear-gradient(145deg,#e8f5ff 0%,#d3e8f8 100%)!important;color:#186da4!important}
  html body .mobile-more-group-icon[data-tone="settings"]{background:linear-gradient(145deg,#eef2f6 0%,#dde5ec 100%)!important;color:#53697d!important;box-shadow:0 7px 16px rgb(83 105 125/.12),inset 0 1px 0 rgb(255 255 255/.9)!important}

  /* Version 3.99411: align every workspace card in one compact grid. */
  html body .mobile-more-standalone{display:contents!important}
  html body .mobile-more-standalone .mobile-more-destination:only-child{grid-column:auto!important;min-height:88px!important}
  html body .mobile-more-content{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-content:start!important}
  html body .mobile-more-content>.mobile-more-accordion{display:contents!important}
  html body .mobile-more-content>.mobile-more-search-results{grid-column:1/-1!important}
  html body .mobile-more-group>summary,html body .mobile-more-group[open]>summary{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto!important;align-items:center!important;justify-content:stretch!important;gap:10px!important;min-height:88px!important;padding:12px!important}
  html body .mobile-more-group>summary strong,html body .mobile-more-group[open]>summary strong{grid-column:2!important;width:100%!important;padding-right:28px!important;align-self:center!important}
  html body .mobile-more-group-icon{grid-column:1!important;align-self:center!important}
  html body .mobile-more-group-count{top:10px!important;right:10px!important}
  html body .mobile-more-group[open]{grid-column:1/-1!important}
  html body .mobile-more-group[open] .mobile-more-group-links{grid-column:1/-1!important}

  /* Version 3.99412: every closed workspace card has identical dimensions. */
  html body .mobile-more-standalone .mobile-more-destination:only-child,html body .mobile-more-group:not([open]){width:100%!important;height:88px!important;min-height:88px!important;max-height:88px!important;box-sizing:border-box!important}
  html body .mobile-more-group:not([open])>summary{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;box-sizing:border-box!important}

  /* Version 3.99413: compact the equal-size workspace tiles. */
  html body .mobile-more-content{gap:8px!important}
  html body .mobile-more-standalone .mobile-more-destination:only-child,html body .mobile-more-group:not([open]){height:68px!important;min-height:68px!important;max-height:68px!important}
  html body .mobile-more-group>summary,html body .mobile-more-group[open]>summary{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important;min-height:68px!important;padding:8px 10px!important}
  html body .mobile-more-group-icon,html body .mobile-more-group-icon[data-tone],html body .mobile-more-standalone .mobile-more-destination-icon{width:40px!important;height:40px!important;border-radius:12px!important}
  html body .mobile-more-group-icon>svg,html body .mobile-more-standalone .mobile-more-destination-icon>svg{width:21px!important;height:21px!important}
  html body .mobile-more-standalone .mobile-more-destination{grid-template-columns:40px minmax(0,1fr) 12px!important;gap:8px!important;padding:8px 10px!important}
  html body .mobile-more-group>summary strong,html body .mobile-more-group[open]>summary strong{font-size:13px!important}
  html body .mobile-more-group-count{top:7px!important;right:7px!important;min-width:20px!important;height:20px!important;padding:0 5px!important;font-size:9px!important}

  /* Version 3.99677: expanded folders keep their intrinsic height inside the
     scrollable sheet instead of being compressed into the remaining grid space. */
  html body .mobile-more-content{grid-auto-rows:max-content!important}
  html body .mobile-more-group[open]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:max-content max-content!important;align-self:start!important;height:max-content!important;min-height:max-content!important;max-height:none!important;overflow:hidden!important}
  html body .mobile-more-group[open]>summary{grid-column:1!important;grid-row:1!important}
  html body .mobile-more-group[open]>.mobile-more-group-links{position:static!important;grid-column:1!important;grid-row:2!important;width:100%!important;height:max-content!important;min-height:max-content!important;max-height:none!important;overflow:visible!important}
}

/* Mobile operational-board density and scrolling correction. Tracking's base
   flex panel used to trap its full table inside a viewport-height clipping
   region. Let the page shell own vertical scrolling, and keep Tracking and
   Dispatch on the same compact row rhythm. */
@media (max-width:720px){
  html body[data-current-view="tracking"] #trackingView.active-view,
  html body:has(#trackingView.active-view) #trackingView.active-view{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.table-section,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.table-section,
  html body[data-current-view="tracking"] #trackingView#trackingView .table-scroll,
  html body:has(#trackingView.active-view) #trackingView#trackingView .table-scroll{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  html body :is(#trackingRows,#loadRows)>tr:not(.group-row):not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row){height:50px!important;min-height:50px!important;max-height:50px!important;padding-top:5px!important;padding-bottom:5px!important}
}

/* Tracking action/status details copied from the rendered Dispatch controls. */
@media (max-width:720px){
  html body[data-current-view="tracking"] .topbar.topbar .top-actions:before,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions:before{content:""!important;display:block!important;flex:0 0 1px!important;width:1px!important;height:40px!important;margin:0!important;border:0!important;background:var(--m-line)!important}
  html body[data-current-view="tracking"] .topbar.topbar #refreshBoard svg,
  html body:has(#trackingView.active-view) .topbar.topbar #refreshBoard svg{display:block!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;margin:0!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric:first-of-type,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric:first-of-type{border-left-color:#2370b5!important;background:#fff!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-open,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-open{border-left-color:#de3e36!important;background:#fff9f8!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-covered,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-covered{border-left-color:#ee8917!important;background:#fffaf4!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-transit,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-transit{border-left-color:#f2c01f!important;background:#fffdf5!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-delivered,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-delivered{border-left-color:#1d9a55!important;background:#f7fcf9!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-expired,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-expired{border-left-color:#334155!important;background:#f8fafc!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-hold,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-hold{border-left-color:#64748b!important;background:#f8fafc!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-pending,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-pending{border-left-color:#3478bd!important;background:#f7faff!important}
}

/* Pixel-parity lock: Tracking uses Dispatch's exact mobile chrome geometry.
   Keep this last so the older Tracking-only stylesheet cannot reintroduce its
   zero-inset view, two-row header, or independent control dimensions. */
@media (max-width:720px){
  html body[data-current-view="tracking"] #trackingView#trackingView.active-view,
  html body:has(#trackingView.active-view) #trackingView#trackingView.active-view{width:100%!important;max-width:100vw!important;margin:0!important;padding:0 14px 18px!important;box-sizing:border-box!important}

  html body[data-current-view="tracking"] .topbar.topbar,
  html body:has(#trackingView.active-view) .topbar.topbar{display:flex!important;grid-template:none!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;width:auto!important;min-height:66px!important;margin:0 -14px!important;padding:13px 14px 13px 22px!important;border-bottom:1px solid var(--m-line)!important;background:#fff!important;overflow:visible!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] .topbar.topbar>div:first-child,
  html body:has(#trackingView.active-view) .topbar.topbar>div:first-child{display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
  html body[data-current-view="tracking"] .topbar.topbar #mainTitle#mainTitle,
  html body:has(#trackingView.active-view) .topbar.topbar #mainTitle#mainTitle{margin:2px 0 0!important;padding:0!important;color:var(--m-ink)!important;font-size:22px!important;font-weight:850!important;line-height:40px!important;letter-spacing:-.025em!important;white-space:nowrap!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:7px!important;margin:0!important;padding:0!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu),
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu){display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;border-radius:11px!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions #newLoad:before,
  html body[data-current-view="tracking"] .topbar.topbar .top-actions #newLoad:after,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions #newLoad:before,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions #newLoad:after{content:none!important;display:none!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions #newLoad .new-load-plus-icon,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions #newLoad .new-load-plus-icon{display:block!important;width:20px!important;height:20px!important;margin:0!important;fill:none!important;stroke:#fff!important;stroke-width:4!important;stroke-linecap:square!important;pointer-events:none!important}
  html body[data-current-view="tracking"] .topbar.topbar #dispatchActionsMenu>summary,
  html body:has(#trackingView.active-view) .topbar.topbar #dispatchActionsMenu>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important}

  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;z-index:42!important;display:flex!important;grid-template:none!important;flex-flow:row nowrap!important;justify-content:flex-start!important;gap:7px!important;width:100vw!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0 -14px!important;padding:10px 14px!important;border:0!important;border-bottom:0!important;background:#fff!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:14px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;box-shadow:none!important;transform:none!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:before,
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:after,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:before,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:after{content:""!important;display:block!important;flex:0 0 1px!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:38px!important;min-height:38px!important;margin:0!important;padding:7px 12px!important;gap:5px!important;border:1px solid var(--m-line)!important;border-left-width:4px!important;border-radius:999px!important;box-shadow:none!important;scroll-snap-align:start!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric span,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric span{font-size:12px!important;font-weight:650!important;line-height:1!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric strong,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric strong{font-size:14px!important;font-weight:850!important;line-height:1!important}

  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;z-index:41!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto!important;justify-content:stretch!important;justify-items:stretch!important;gap:8px!important;width:100vw!important;max-width:100vw!important;height:auto!important;margin:0 -14px!important;padding:9px 14px!important;border:0!important;background:var(--m-canvas)!important;overflow:visible!important;box-shadow:0 8px 12px -10px rgb(15 31 47/.65)!important;transform:none!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch{display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;color:var(--m-ink)!important;font-size:16px!important;text-align:center!important;box-shadow:0 1px 2px rgb(24 40 58/.04)!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>.operational-mobile-filter-toggle,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools>.operational-mobile-filter-toggle{display:grid!important;grid-column:2!important;grid-row:1!important;place-items:center!important;width:44px!important;min-width:44px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;box-shadow:0 1px 2px rgb(24 40 58/.04)!important;box-sizing:border-box!important}
}

/* Terminal mobile density override: it must follow the older Tracking parity
   blocks above, which otherwise restore a 58px minimum row height. */
@media (max-width:720px){
  html body[data-current-view="tracking"] #trackingView.active-view,
  html body:has(#trackingView.active-view) #trackingView.active-view{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.table-section,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.table-section,
  html body[data-current-view="tracking"] #trackingView#trackingView .table-scroll,
  html body:has(#trackingView.active-view) #trackingView#trackingView .table-scroll{flex:0 0 auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows>tr:not(.load-alert-detail-row):not(.load-detail-row),
  html body:has(#trackingView.active-view) #trackingView#trackingView #trackingRows#trackingRows>tr:not(.load-alert-detail-row):not(.load-detail-row),
  html body:has(#boardView.active-view) #boardView#boardView #loadRows#loadRows>tr:not(.group-row):not(.load-alert-detail-row):not(.load-detail-row){height:50px!important;min-height:50px!important;max-height:50px!important;padding-top:5px!important;padding-bottom:5px!important}
}

/* FINAL Tracking-to-Dispatch visible-detail parity. Keep at EOF. */
@media (max-width:720px){
  html body[data-current-view="tracking"] .topbar.topbar,
  html body:has(#trackingView.active-view) .topbar.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:40px!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:66px!important;height:auto!important}
  html body[data-current-view="tracking"] .topbar.topbar>div:first-child,
  html body:has(#trackingView.active-view) .topbar.topbar>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:2px!important;height:auto!important}
  html body[data-current-view="tracking"] .topbar.topbar #mainTitle#mainTitle,
  html body:has(#trackingView.active-view) .topbar.topbar #mainTitle#mainTitle{height:auto!important;line-height:1.1!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions{gap:6px!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions:before,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions:before{content:""!important;display:block!important;flex:0 0 1px!important;width:1px!important;height:40px!important;margin:0!important;border:0!important;background:var(--m-line)!important}
  html body[data-current-view="tracking"] .topbar.topbar #newLoad#newLoad,
  html body:has(#trackingView.active-view) .topbar.topbar #newLoad#newLoad{display:grid!important;place-items:center!important;font-size:0!important;line-height:0!important}
  html body[data-current-view="tracking"] .topbar.topbar #refreshBoard svg,
  html body:has(#trackingView.active-view) .topbar.topbar #refreshBoard svg{display:block!important;width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;min-height:22px!important;max-height:22px!important;margin:0!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch{text-align:left!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric:first-of-type,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric:first-of-type{border-left-color:#2370b5!important;background:#fff!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-open,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-open{border-left-color:#de3e36!important;background:#fff9f8!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-covered,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-covered{border-left-color:#ee8917!important;background:#fffaf4!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-transit,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-transit{border-left-color:#f2c01f!important;background:#fffdf5!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-delivered,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-delivered{border-left-color:#1d9a55!important;background:#f7fcf9!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-expired,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-expired{border-left-color:#334155!important;background:#f8fafc!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-hold,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-hold{border-left-color:#64748b!important;background:#f8fafc!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-pending,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric.status-pending{border-left-color:#3478bd!important;background:#f7faff!important}
}

/* Computed-value parity verified against the live Dispatch view at 440px. */
@media (max-width:720px){
  html body[data-current-view="tracking"] .topbar.topbar,
  html body:has(#trackingView.active-view) .topbar.topbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:40px!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:66px!important;height:auto!important}
  html body[data-current-view="tracking"] .topbar.topbar>div:first-child,
  html body:has(#trackingView.active-view) .topbar.topbar>div:first-child{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;gap:2px!important;height:auto!important}
  html body[data-current-view="tracking"] .topbar.topbar #mainTitle#mainTitle,
  html body:has(#trackingView.active-view) .topbar.topbar #mainTitle#mainTitle{height:auto!important;line-height:1.1!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions{gap:6px!important}
  html body[data-current-view="tracking"] .topbar.topbar #newLoad#newLoad,
  html body:has(#trackingView.active-view) .topbar.topbar #newLoad#newLoad{display:grid!important;place-items:center!important;font-size:0!important;line-height:0!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch{text-align:left!important}
}

/* Tracking scrolls its table body instead of the page. Sticky top offsets on
   its sibling controls create a false spacer, so keep those controls in their
   natural flex positions while the rows scroll below them. */
@media (max-width:720px){
  html body:has(#trackingView.active-view) .topbar.topbar{display:flex!important;width:auto!important;min-height:66px!important;margin:0!important;padding:13px 14px 13px 22px!important;gap:10px!important;overflow:visible!important;box-sizing:border-box!important}
  html body:has(#trackingView.active-view) .topbar.topbar>div:first-child{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
  html body:has(#trackingView.active-view) .topbar.topbar #mainTitle#mainTitle{margin:0!important;padding:0!important;color:var(--m-ink)!important;font-size:22px!important;line-height:40px!important;font-weight:850!important;white-space:nowrap!important}
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin-left:auto!important}
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#newLoad#newLoad,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#refreshBoard#refreshBoard,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#dispatchActionsMenu#dispatchActionsMenu{display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important}
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#dispatchActionsMenu#dispatchActionsMenu>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid{position:relative!important;top:auto!important;inset:auto!important;flex:0 0 auto!important;transform:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools{position:relative!important;top:auto!important;inset:auto!important;flex:0 0 auto!important;transform:none!important}
}

@media (min-width:721px){.operational-mobile-filter-toggle{display:none!important}}

/* Tracking had a legacy duplicated-ID stylesheet. These final selectors are
   deliberately stronger so the phone layout actually matches Dispatch. */
@media (max-width:720px){
  html body[data-current-view="tracking"] .topbar.topbar{display:flex!important;grid-template-columns:none!important;grid-template-rows:none!important;align-items:center!important;gap:10px!important;width:auto!important;min-height:66px!important;margin:0!important;padding:13px 14px 13px 22px!important;overflow:visible!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] .topbar.topbar>div:first-child{display:block!important;grid-column:auto!important;grid-row:auto!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions{display:flex!important;grid-column:auto!important;grid-row:auto!important;margin-left:auto!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu){display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}
  html body[data-current-view="tracking"] #trackingHeaderSearchSlot{display:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-view-head.tracking-view-head{display:none!important;visibility:hidden!important;flex:0 0 0!important;width:0!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}

  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid{position:sticky!important;top:calc(62px + env(safe-area-inset-top,0px))!important;z-index:42!important;display:flex!important;grid-template-columns:none!important;flex-flow:row nowrap!important;justify-content:flex-start!important;justify-items:normal!important;gap:7px!important;width:100vw!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0 -14px!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--m-line)!important;background:#fff!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric{flex:0 0 auto!important;flex-direction:row!important;width:auto!important;min-width:max-content!important;max-width:none!important;min-height:38px!important;height:38px!important;margin:0!important;padding:7px 12px!important;border:1px solid var(--m-line)!important;border-left:4px solid #2370b5!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;white-space:nowrap!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.status-covered{border-left-color:#ee8917!important;background:#fffaf4!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.status-transit{border-left-color:#f2c01f!important;background:#fffdf5!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.status-pending{border-left-color:#3478bd!important;background:#f7faff!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric span{display:inline!important;width:auto!important;color:var(--m-muted)!important;font-size:12px!important;line-height:1!important;text-align:left!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric strong{display:inline!important;width:auto!important;color:var(--m-ink)!important;font-size:14px!important;line-height:1!important;text-align:left!important}

  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools{position:sticky!important;top:calc(120px + env(safe-area-inset-top,0px))!important;z-index:41!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;justify-content:stretch!important;justify-items:stretch!important;gap:8px!important;width:100vw!important;max-width:100vw!important;height:auto!important;margin:0 -14px!important;padding:9px 14px!important;border:0!important;background:var(--m-canvas)!important;overflow:visible!important;box-shadow:0 8px 12px -10px rgb(15 31 47/.65)!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch{display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;font-size:16px!important;text-align:left!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>.operational-mobile-filter-toggle{display:grid!important;grid-column:2!important;grid-row:1!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>:is(select,.custom-select){display:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools.operational-filters-open>:is(select,.custom-select){display:flex!important;grid-column:1/-1!important;width:100%!important;min-height:40px!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>#trackingOwnerQuickTiles,
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-owner-quick-tiles{display:none!important}

  html body[data-current-view="tracking"] #trackingView#trackingView>.table-section.table-section{width:100vw!important;max-width:100vw!important;margin:0 -14px!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows>tr:not(.load-alert-detail-row):not(.load-detail-row){display:grid!important;grid-template-columns:60px minmax(96px,auto) minmax(0,1fr) 34px!important;grid-template-rows:1fr!important;column-gap:10px!important;row-gap:0!important;align-items:center!important;width:100vw!important;max-width:100vw!important;min-height:58px!important;margin:0!important;padding:8px 12px!important;border:0!important;border-bottom:1px solid var(--m-line)!important;border-left:4px solid #8aa4bf!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;overflow:hidden!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows>tr:nth-child(even):not(.load-alert-detail-row):not(.load-detail-row){background:#f1f5f9!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows>tr:not(.load-alert-detail-row):not(.load-detail-row)>td{display:none!important;visibility:hidden!important;grid-column:auto!important;grid-row:auto!important;position:static!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows>tr:not(.load-alert-detail-row):not(.load-detail-row)>:is(.tracking-status-col,.tracking-load-number-col,.tracking-customer-col,.tracking-actions-col){display:flex!important;visibility:visible!important;pointer-events:auto!important;align-items:center!important;height:100%!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .tracking-status-col{grid-column:1!important;grid-row:1!important;justify-content:center!important;min-width:0!important;max-width:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .tracking-load-number-col{grid-column:2!important;grid-row:1!important;justify-content:flex-start!important;max-width:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .tracking-customer-col{grid-column:3!important;grid-row:1!important;justify-content:flex-start!important;width:auto!important;text-align:left!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .tracking-actions-col{grid-column:4!important;grid-row:1!important;align-self:stretch!important;justify-content:center!important;width:34px!important;min-width:34px!important;max-width:34px!important;z-index:auto!important;overflow:visible!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.status-pill-select{display:block!important;width:58px!important;min-width:58px!important;max-width:58px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;border:1px solid currentColor!important;border-radius:999px!important;appearance:none!important;-webkit-appearance:none!important;background-image:none!important;font-size:9px!important;line-height:28px!important;text-align:center!important;text-align-last:center!important;text-transform:uppercase!important;overflow:hidden!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-open{color:#b42318!important;background:#fff1f0!important;border-color:#b42318!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-covered{color:#b45309!important;background:#fff7ed!important;border-color:#b45309!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-transit{color:#8a6500!important;background:#fffbea!important;border-color:#8a6500!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-delivered{color:#147a43!important;background:#effbf4!important;border-color:#147a43!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-expired{color:#fff!important;background:#303844!important;border-color:#303844!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-hold{color:#475569!important;background:#f1f5f9!important;border-color:#475569!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .status-pill-select.pill-pending{color:#155da8!important;background:#eff6ff!important;border-color:#155da8!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .tracking-load-copy.tracking-load-copy{justify-content:flex-start!important;width:auto!important;max-width:none!important;min-height:28px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .tracking-load-copy strong{font-size:16px!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .mobile-tracking-route{width:100%!important;text-align:left!important;font-size:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .row-actions{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:100%!important}
  html body[data-current-view="tracking"] #trackingView#trackingView #trackingRows#trackingRows .row-action-dot-button{display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;min-width:34px!important;height:38px!important;min-height:38px!important;margin:auto 0!important;padding:0!important}
}

/* Final Tracking chrome correction must follow the legacy-parity block above. */
@media (max-width:720px){
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;flex:0 0 auto!important;transform:none!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;flex:0 0 auto!important;transform:none!important}
  html body:has(#trackingView.active-view) .topbar.topbar{display:flex!important;width:auto!important;min-height:66px!important;margin:0!important;padding:13px 14px 13px 22px!important;gap:10px!important;overflow:visible!important;box-sizing:border-box!important}
  html body:has(#trackingView.active-view) .topbar.topbar #mainTitle#mainTitle{margin:0!important;padding:0!important;font-size:22px!important;line-height:40px!important}
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#newLoad#newLoad,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#refreshBoard#refreshBoard,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>#dispatchActionsMenu#dispatchActionsMenu{display:inline-flex!important;visibility:visible!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important}
}

/* Must remain the final mobile rule: exact Dispatch/Tracking chrome parity. */
@media (max-width:720px){
  html body[data-current-view="tracking"] #trackingView#trackingView.active-view,
  html body:has(#trackingView.active-view) #trackingView#trackingView.active-view{width:100%!important;max-width:100vw!important;margin:0!important;padding:0 14px 18px!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] .topbar.topbar,
  html body:has(#trackingView.active-view) .topbar.topbar{display:flex!important;grid-template:none!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:8px!important;width:auto!important;min-height:66px!important;margin:0 -14px!important;padding:13px 14px 13px 22px!important;border-bottom:1px solid var(--m-line)!important;background:#fff!important;overflow:visible!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] .topbar.topbar>div:first-child,
  html body:has(#trackingView.active-view) .topbar.topbar>div:first-child{display:block!important;flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;transform:none!important}
  html body[data-current-view="tracking"] .topbar.topbar #mainTitle#mainTitle,
  html body:has(#trackingView.active-view) .topbar.topbar #mainTitle#mainTitle{margin:2px 0 0!important;padding:0!important;color:var(--m-ink)!important;font-size:22px!important;font-weight:850!important;line-height:40px!important;letter-spacing:-.025em!important;white-space:nowrap!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions,
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex:0 0 auto!important;gap:7px!important;margin:0!important;padding:0!important}
  html body[data-current-view="tracking"] .topbar.topbar .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu),
  html body:has(#trackingView.active-view) .topbar.topbar .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu){display:inline-flex!important;visibility:visible!important;align-items:center!important;justify-content:center!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:0!important;border-radius:11px!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] .topbar.topbar #newLoad:before,
  html body[data-current-view="tracking"] .topbar.topbar #newLoad:after,
  html body:has(#trackingView.active-view) .topbar.topbar #newLoad:before,
  html body:has(#trackingView.active-view) .topbar.topbar #newLoad:after{content:none!important;display:none!important}
  html body[data-current-view="tracking"] .topbar.topbar #newLoad .new-load-plus-icon,
  html body:has(#trackingView.active-view) .topbar.topbar #newLoad .new-load-plus-icon{display:block!important;width:20px!important;height:20px!important;margin:0!important;fill:none!important;stroke:#fff!important;stroke-width:4!important;stroke-linecap:square!important;pointer-events:none!important}
  html body[data-current-view="tracking"] .topbar.topbar #dispatchActionsMenu>summary,
  html body:has(#trackingView.active-view) .topbar.topbar #dispatchActionsMenu>summary{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;margin:0!important;padding:0!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid{position:relative!important;top:auto!important;inset:auto!important;z-index:42!important;display:flex!important;grid-template:none!important;flex-flow:row nowrap!important;justify-content:flex-start!important;gap:7px!important;width:100vw!important;max-width:100vw!important;height:auto!important;min-height:0!important;margin:0 -14px!important;padding:10px 14px!important;border:0!important;border-bottom:0!important;background:#fff!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-padding-inline:14px!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;box-shadow:none!important;transform:none!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:before,
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:after,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:before,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid:after{content:""!important;display:block!important;flex:0 0 1px!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;height:38px!important;min-height:38px!important;margin:0!important;padding:7px 12px!important;gap:5px!important;border:1px solid var(--m-line)!important;border-left-width:4px!important;border-radius:999px!important;box-shadow:none!important;scroll-snap-align:start!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric span,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric span{font-size:12px!important;font-weight:650!important;line-height:1!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric strong,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.tracking-metric-grid.tracking-metric-grid>.metric.metric strong{font-size:14px!important;font-weight:850!important;line-height:1!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools{position:relative!important;top:auto!important;inset:auto!important;z-index:41!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;grid-template-rows:auto!important;gap:8px!important;width:100vw!important;max-width:100vw!important;height:auto!important;margin:0 -14px!important;padding:9px 14px!important;border:0!important;background:var(--m-canvas)!important;overflow:visible!important;box-shadow:0 8px 12px -10px rgb(15 31 47/.65)!important;transform:none!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools>#trackingSearch{display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;max-width:none!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 14px!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;color:var(--m-ink)!important;font-size:16px!important;text-align:center!important;box-shadow:0 1px 2px rgb(24 40 58/.04)!important;box-sizing:border-box!important}
  html body[data-current-view="tracking"] #trackingView#trackingView>.shipment-tools.shipment-tools>.operational-mobile-filter-toggle,
  html body:has(#trackingView.active-view) #trackingView#trackingView>.shipment-tools.shipment-tools>.operational-mobile-filter-toggle{display:grid!important;grid-column:2!important;grid-row:1!important;place-items:center!important;width:44px!important;min-width:44px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border:1px solid #cfd9e5!important;border-radius:11px!important;background:#fff!important;box-shadow:0 1px 2px rgb(24 40 58/.04)!important;box-sizing:border-box!important}
}

/* Mobile More: folders and pages share one two-column card grid. */
@media(max-width:760px){
  html body .mobile-more-group::details-content{display:contents!important}
  html body .mobile-more-content>.mobile-more-standalone,
  html body .mobile-more-content>.mobile-more-accordion,
  html body .mobile-more-group,
  html body .mobile-more-group[open],
  html body .mobile-more-group[open]>.mobile-more-group-links{display:contents!important}
  html body .mobile-more-group:not([open])>.mobile-more-group-links{display:none!important}
  html body .mobile-more-group>summary,
  html body .mobile-more-group[open]>summary,
  html body .mobile-more-destination{grid-column:auto!important;grid-row:auto!important;width:100%!important;height:88px!important;min-height:88px!important;max-height:88px!important;box-sizing:border-box!important;border:1px solid #d7e1eb!important;border-radius:14px!important;background:#fff!important;box-shadow:0 1px 2px rgb(24 40 58/.05)!important;overflow:hidden!important;align-self:start!important}
  html body .mobile-more-group-links .mobile-more-destination,
  html body .mobile-more-standalone .mobile-more-destination{display:grid!important;grid-template-columns:40px minmax(0,1fr) 12px!important;gap:8px!important;padding:10px!important}
  html body .mobile-more-group-links .mobile-more-destination-icon{width:40px!important;height:40px!important;border-radius:12px!important}
  html body .mobile-more-group-links .mobile-more-destination-icon>svg{width:21px!important;height:21px!important}
  html body .mobile-more-group-links .mobile-more-destination-label{grid-column:2!important;font-size:14px!important}
  html body .mobile-more-group-links .mobile-more-destination-arrow{grid-column:3!important}
}
@media(max-width:380px){
  html body .mobile-more-group>summary,
  html body .mobile-more-group[open]>summary,
  html body .mobile-more-destination{height:68px!important;min-height:68px!important;max-height:68px!important}
}

/* Mobile More: equal compact heights for every card and open state. */
@media(max-width:760px){
  html body .mobile-more-content .mobile-more-group:not([open])>summary,
  html body .mobile-more-content .mobile-more-group[open]>summary,
  html body .mobile-more-content .mobile-more-standalone .mobile-more-destination,
  html body .mobile-more-content .mobile-more-group-links .mobile-more-destination,
  html body .mobile-more-content .mobile-more-search-results .mobile-more-destination{height:68px!important;min-height:68px!important;max-height:68px!important;box-sizing:border-box!important;padding:8px 10px!important;align-self:start!important}
  html body .mobile-more-content .mobile-more-group>summary{grid-template-columns:40px minmax(0,1fr)!important;gap:8px!important}
  html body .mobile-more-content .mobile-more-group-icon,
  html body .mobile-more-content .mobile-more-destination-icon{width:40px!important;height:40px!important}
}

/* Mobile More: nested panels keep submenu pages visibly under their parent. */
@media(max-width:760px){
  html body .mobile-more-content .mobile-more-group[open]{display:grid!important;grid-column:1/-1!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:max-content max-content!important;gap:8px!important;height:auto!important;min-height:0!important;max-height:none!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
  html body .mobile-more-content .mobile-more-group[open]>summary{grid-column:1!important;grid-row:1!important;background:#eaf3fb!important;border-color:#7ca9cf!important;box-shadow:0 0 0 1px #7ca9cf!important}
  html body .mobile-more-content .mobile-more-group[open]>.mobile-more-group-links{display:grid!important;grid-column:1/-1!important;grid-row:2!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:0!important;padding:10px 10px 10px 14px!important;border:1px solid #cfdfed!important;border-left:3px solid #397cae!important;border-radius:0 14px 14px 14px!important;background:#edf4fa!important;box-sizing:border-box!important}
  html body .mobile-more-content .mobile-more-group>summary strong{padding-right:32px!important}
  html body .mobile-more-content .mobile-more-group-chevron{display:block!important;position:absolute!important;right:10px!important;bottom:10px!important;font-size:17px!important;color:#397cae!important}
  html body .mobile-more-content .mobile-more-group[open] .mobile-more-group-chevron{transform:rotate(180deg)!important}
}