/*
 * GLOBAL MOBILE LOAD-BOARD CONTRACT
 * ---------------------------------
 * This is the single source of truth for mobile geometry and scrolling across
 * Dispatch, Tracking, Delivered, Claims, Customer Service, and CS Delivered.
 * Board-specific styles may supply colors and field visibility only. They must
 * not redefine header, totals, tools, table, row, or scrolling dimensions.
 *
 * The repeated app ID is a deliberate specificity anchor. It lets this one
 * class-based contract retire legacy per-board !important rules without
 * copying another set of board IDs into every declaration.
 */

.mobile-filter-sheet-head,
.mobile-filter-sheet-footer,
.mobile-operational-filter-head,
.mobile-operational-filter-footer{
  display:none;
}

.mobile-board-header-action{
  display:none;
}

@media (max-width:720px){
  html:has(body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp .mobile-load-board.active-view),
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view){
    --mlb-navy:#112131;
    --mlb-ink:#18283a;
    --mlb-muted:#66768a;
    --mlb-line:#d7e1eb;
    --mlb-canvas:#f3f6f9;
    --mlb-header-height:62px;
    --mlb-status-height:58px;
    --mlb-users-height:48px;
    --mlb-tools-height:60px;
    --mlb-row-height:35px;
    width:100%!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    background:var(--mlb-canvas)!important;
    overscroll-behavior-y:none!important;
  }

  html:has(body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp .mobile-load-board.active-view){
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view){
    overflow-x:hidden!important;
    overflow-y:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .app-shell{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:0!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
    background:var(--mlb-canvas)!important;
    transform:none!important;
    filter:none!important;
    perspective:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .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(var(--mlb-header-height) + env(safe-area-inset-top,0px))!important;
    height:calc(var(--mlb-header-height) + 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(--mlb-navy)!important;
    box-shadow:0 2px 10px rgb(15 31 47/.14)!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .sidebar .brand{
    position:absolute!important;
    top:env(safe-area-inset-top,0px)!important;
    right:0!important;
    bottom:auto!important;
    left:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:108px!important;
    height:var(--mlb-header-height)!important;
    margin:0 auto!important;
    padding:0!important;
    transform:none!important;
    grid-area:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:auto!important;
    align-self:auto!important;
    place-self:auto!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .sidebar .brand-logo{
    width:108px!important;
    max-width:108px!important;
    height:44px!important;
    object-fit:contain!important;
    border-radius:7px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .main{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:calc(var(--mlb-header-height) + env(safe-area-inset-top,0px)) 0 0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch!important;
    background:var(--mlb-canvas)!important;
    box-sizing:border-box!important;
  }

  /* The global board is a flex scroller. Keep the updater as a real sticky
     card instead of allowing the tall board view to compress it into a line. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .main>.app-update-banner{
    position:sticky!important;
    top:0!important;
    inset-block-start:0!important;
    z-index:1200!important;
    flex:0 0 auto!important;
    align-self:stretch!important;
    width:calc(100% - 24px)!important;
    min-height:112px!important;
    height:auto!important;
    max-height:none!important;
    margin:10px 12px 12px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .main>.app-update-banner>.app-update-banner-inner{
    min-height:108px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board.active-view{
    display:flex!important;
    flex:0 0 auto!important;
    flex-direction:column!important;
    gap:0!important;
    row-gap:0!important;
    width:100%!important;
    max-width:100vw!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0 14px 18px!important;
    overflow:visible!important;
    background:var(--mlb-canvas)!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar{
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    display:flex!important;
    flex:0 0 66px!important;
    align-items:center!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:8px!important;
    width:100%!important;
    min-height:66px!important;
    height:66px!important;
    margin:0!important;
    padding:13px 14px 13px 22px!important;
    border:0!important;
    border-bottom:0!important;
    background:#fff!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar>div:first-child{
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #mainTitle{
    margin:2px 0 0!important;
    padding:0!important;
    color:var(--mlb-ink)!important;
    font-size:22px!important;
    font-weight:850!important;
    line-height:40px!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
  }

  /* Lift an open action menu above the sticky status, user, and search rows.
     The panel already has its own z-index, but it cannot escape the topbar's
     stacking context unless the parent layer is raised as well. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar:has(#dispatchActionsMenu[open]){
    z-index:80!important;
    overflow:visible!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar:has(#dispatchActionsMenu[open]) .top-actions,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #dispatchActionsMenu[open]{
    position:relative!important;
    z-index:81!important;
    overflow:visible!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #dispatchActionsMenu[open]>.top-actions-menu-panel{
    z-index:82!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions>:is(#newLoad,#refreshBoard,#dispatchActionsMenu),
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions #dispatchActionsMenu>summary{
    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;
  }

  /* Use the real vector plus and center its geometry, instead of relying on a
     font glyph whose visual bounds sit high and right inside the button. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions #newLoad::after{
    content:none!important;
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions #newLoad .new-load-plus-icon{
    display:block!important;
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    min-height:22px!important;
    margin:0!important;
    padding:0!important;
    fill:none!important;
    stroke:#fff!important;
    stroke-width:3!important;
    stroke-linecap:square!important;
    transform:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics{
    position:sticky!important;
    top:0!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset-block-start:0!important;
    z-index:42!important;
    display:flex!important;
    flex:0 0 var(--mlb-status-height)!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:var(--mlb-status-height)!important;
    height:var(--mlb-status-height)!important;
    margin:0 -14px!important;
    padding:10px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--mlb-line)!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;
    box-sizing:border-box!important;
    transform:none!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.metric{
    display:flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!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(--mlb-line)!important;
    border-left-width:4px!important;
    border-radius:999px!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.metric:first-child,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>[data-delivered-metric="total"]{
    border-left-color:#2370b5!important;
    background:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-open{
    border-left-color:#de3e36!important;
    background:#fff9f8!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-covered{
    border-left-color:#ee8917!important;
    background:#fffaf4!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-transit,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-out-for-delivery{
    border-left-color:#f2c01f!important;
    background:#fffdf5!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-delivered,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>[data-delivered-metric="onTime"]{
    border-left-color:#1d9a55!important;
    background:#f7fcf9!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-expired,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>[data-delivered-metric="deletingSoon"]{
    border-left-color:#334155!important;
    background:#f8fafc!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-hold{
    border-left-color:#64748b!important;
    background:#f8fafc!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-pending,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-no-pro{
    border-left-color:#3478bd!important;
    background:#f7faff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.status-no-pro{
    border-left-color:#6f42c1!important;
    background:#fbf8ff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>[data-delivered-metric="late"]{
    border-left-color:#de3e36!important;
    background:#fff9f8!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.claims-status-filed{
    border-left-color:#7e3fb2!important;
    background:#fbf8ff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.claims-status-won{
    border-left-color:#00a651!important;
    background:#f6fcf8!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.claims-status-short-pay{
    border-left-color:#e6c400!important;
    background:#fffdf4!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.claims-status-denied{
    border-left-color:#ef1717!important;
    background:#fff8f8!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>.claims-status-delivered{
    border-left-color:#0f9f73!important;
    background:#f6fcfa!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics>[data-delivered-metric="total"]{
    border-left-color:#2370b5!important;
    background:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics.status-filter-active>.metric.dimmed{
    opacity:.38!important;
    filter:saturate(.45)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-metrics.status-filter-active>.metric.active{
    opacity:1!important;
    filter:none!important;
    outline:2px solid rgb(35 112 181/.25)!important;
  }

  /* One shared, horizontally scrollable user selector row on every board that
     exposes owner quick filters. This deliberately outranks legacy styles that
     hid Dispatch, Tracking, and Customer Service user selectors on phones. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board.active-view>.mobile-load-board-users:not(.hidden){
    position:sticky!important;
    top:var(--mlb-status-height)!important;
    inset-block-start:var(--mlb-status-height)!important;
    z-index:42!important;
    display:flex!important;
    flex:0 0 var(--mlb-users-height)!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:var(--mlb-users-height)!important;
    height:var(--mlb-users-height)!important;
    margin:0 -14px!important;
    padding:7px 14px!important;
    border:0!important;
    border-bottom:1px solid var(--mlb-line)!important;
    background:#fff!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users::-webkit-scrollbar{
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users.hidden,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users:empty{
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users .dispatch-owner-quick-list{
    display:flex!important;
    flex:0 0 auto!important;
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:max-content!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users :is(.owner-quick-tile,.customer-service-user-tile){
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    width:auto!important;
    min-width:max-content!important;
    max-width:170px!important;
    min-height:34px!important;
    height:34px!important;
    margin:0!important;
    padding:5px 11px!important;
    border:1px solid var(--mlb-line)!important;
    border-left:3px solid #2370b5!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--mlb-ink)!important;
    box-shadow:none!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users :is(.owner-quick-tile,.customer-service-user-tile)>:is(span,strong){
    display:inline!important;
    width:auto!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users :is(.owner-quick-tile,.customer-service-user-tile).active{
    border-color:#9fc2e3!important;
    border-left-color:#2370b5!important;
    background:#eef6ff!important;
    color:#174d7d!important;
    opacity:1!important;
    filter:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-users :is(.owner-quick-tile,.customer-service-user-tile).dimmed{
    opacity:.38!important;
    filter:saturate(.45)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board.active-view:has(>.mobile-load-board-users:not(.hidden):not(:empty))>.mobile-load-board-tools{
    top:calc(var(--mlb-status-height) + var(--mlb-users-height))!important;
    inset-block-start:calc(var(--mlb-status-height) + var(--mlb-users-height))!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools{
    position:sticky!important;
    top:var(--mlb-status-height)!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset-block-start:var(--mlb-status-height)!important;
    z-index:41!important;
    display:grid!important;
    flex:0 0 auto!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:8px!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:var(--mlb-tools-height)!important;
    height:auto!important;
    margin:0 -14px!important;
    padding:9px 14px!important;
    border:0!important;
    background:var(--mlb-canvas)!important;
    overflow:visible!important;
    box-shadow:0 8px 12px -10px rgb(15 31 47/.65)!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools :is(input[type="search"],.search-wrap){
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools input[type="search"]{
    display:block!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(--mlb-ink)!important;
    font-size:16px!important;
    font-weight:400!important;
    text-align:center!important;
    box-shadow:0 1px 2px rgb(24 40 58/.04)!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-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;
    max-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;
    color:var(--mlb-ink)!important;
    box-shadow:0 1px 2px rgb(24 40 58/.04)!important;
    box-sizing:border-box!important;
  }

  /* Dispatch uses the same compact filter icon, but opens the real filter
     builder as a touch-first bottom sheet instead of expanding the toolbar. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools>#dispatchMobileFiltersToggle{
    display:grid!important;
    grid-column:2!important;
    grid-row:1!important;
    place-items:center!important;
    width:44px!important;
    min-width:44px!important;
    max-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;
    color:var(--mlb-ink)!important;
    font-size:0!important;
    box-shadow:0 1px 2px rgb(24 40 58/.04)!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools>#boardFilterBuilder{
    display:contents!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder>.filter-control{
    display:contents!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterButton,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder>.filter-clear-button,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #dispatchMobileFiltersDone{
    display:none!important;
  }

  body.mobile-board-filter-sheet-open,
  body.mobile-operational-filter-sheet-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  html:has(body.mobile-board-filter-sheet-open),
  html:has(body.mobile-operational-filter-sheet-open){
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp.mobile-board-filter-sheet-open:has(.mobile-load-board.active-view) .mobile-load-board-tools:has(#boardFilterBuilder .filter-popover){
    z-index:14020!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-dismiss-layer{
    position:fixed!important;
    inset:0!important;
    z-index:14000!important;
    display:block!important;
    width:100vw!important;
    height:100dvh!important;
    background:rgb(9 22 36/.62)!important;
    opacity:1!important;
    backdrop-filter:blur(2px)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-popover{
    position:fixed!important;
    inset:calc(8px + env(safe-area-inset-top,0px)) 8px calc(70px + env(safe-area-inset-bottom,0px)) 8px!important;
    z-index:14010!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d3dde8!important;
    border-radius:22px!important;
    background:#f7f9fc!important;
    box-shadow:0 24px 60px rgb(8 22 36/.3)!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:58px!important;
    padding:13px 12px 8px 16px!important;
    border-bottom:1px solid var(--mlb-line)!important;
    background:#fff!important;
    position:relative!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-head:before{
    content:""!important;
    position:absolute!important;
    top:5px!important;
    left:50%!important;
    width:38px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#c8d3df!important;
    transform:translateX(-50%)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-head>div{
    display:grid!important;
    gap:1px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-head span{
    color:var(--mlb-muted)!important;
    font-size:11px!important;
    font-weight:750!important;
    letter-spacing:0!important;
    line-height:1.2!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-head strong{
    color:var(--mlb-ink)!important;
    font-size:19px!important;
    line-height:1.1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-head>button{
    display:grid!important;
    flex:0 0 40px!important;
    place-items: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:1px solid #cfd9e5!important;
    border-radius:12px!important;
    background:#eef4f8!important;
    color:var(--mlb-ink)!important;
    font-size:23px!important;
    line-height:1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-field-list{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    justify-content:safe center!important;
    gap:5px!important;
    width:100%!important;
    min-height:44px!important;
    padding:6px 8px!important;
    border:0!important;
    border-bottom:1px solid var(--mlb-line)!important;
    background:#f5f8fb!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-field-option{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 max-content!important;
    inline-size:max-content!important;
    width:max-content!important;
    min-width:max-content!important;
    max-width:max-content!important;
    min-height:32px!important;
    padding:0 9px!important;
    border:1px solid #cedae6!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--mlb-ink)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-field-option>span{
    display:block!important;
    text-align:center!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-field-option.active{
    border-color:#2370b5!important;
    background:#2370b5!important;
    color:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-field-option b{
    display:inline-grid!important;
    place-items:center!important;
    min-width:18px!important;
    height:18px!important;
    margin-left:5px!important;
    padding:0 5px!important;
    border-radius:999px!important;
    background:#e6eef6!important;
    color:#536579!important;
    font-size:10px!important;
    line-height:1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-field-option.active b{
    background:rgb(255 255 255/.2)!important;
    color:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-panel{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    min-height:0!important;
    overflow:hidden!important;
    background:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-panel.has-value-search{
    grid-template-rows:auto minmax(0,1fr)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;
    min-height:42px!important;
    padding:5px 8px!important;
    border-bottom:1px solid #edf1f5!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-head>div{
    display:flex!important;
    align-items:baseline!important;
    gap:6px!important;
    min-width:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-head strong{
    font-size:14px!important;
    line-height:1.1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-head small{
    color:var(--mlb-muted)!important;
    font-size:10px!important;
    font-weight:700!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-head>span{
    display:flex!important;
    gap:4px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-head button{
    min-width:0!important;
    min-height:30px!important;
    height:30px!important;
    margin:0!important;
    padding:0 9px!important;
    border:1px solid #d5dfe9!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#36506b!important;
    font-size:11px!important;
    font-weight:800!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-search{
    display:grid!important;
    grid-template-columns:16px minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
    min-height:32px!important;
    margin:0!important;
    padding:0 8px!important;
    border:1px solid #cedae6!important;
    border-radius:11px!important;
    background:#f7f9fc!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-search svg{
    width:15px!important;
    height:15px!important;
    fill:none!important;
    stroke:#60738a!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-search input{
    width:100%!important;
    min-width:0!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:var(--mlb-ink)!important;
    font-size:12px!important;
    box-shadow:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-search small{
    color:var(--mlb-muted)!important;
    font-size:10px!important;
    font-weight:800!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .filter-value-list{
    display:grid!important;
    align-content:start!important;
    grid-auto-rows:minmax(42px,max-content)!important;
    gap:0!important;
    max-height:none!important;
    min-height:0!important;
    padding:4px 10px 8px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .multi-filter-option{
    grid-template-columns:22px minmax(0,1fr)!important;
    align-items:center!important;
    gap:8px!important;
    min-height:42px!important;
    height:auto!important;
    align-self:start!important;
    padding:5px 8px!important;
    border-bottom:1px solid #edf1f5!important;
    border-radius:0!important;
    font-size:13px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .multi-filter-option[hidden]{
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .multi-filter-option.selected{
    margin:2px 0!important;
    border:1px solid #b9d3eb!important;
    border-radius:10px!important;
    background:#eef6ff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .multi-filter-option span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .multi-filter-option input{
    width:18px!important;
    height:18px!important;
    accent-color:#2370b5!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-footer{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid var(--mlb-line)!important;
    background:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-footer>button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    border:1px solid #cbd7e3!important;
    border-radius:11px!important;
    background:#fff!important;
    color:var(--mlb-ink)!important;
    font-weight:850!important;
    box-shadow:0 1px 2px rgb(20 42 64/.05)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #boardFilterBuilder .mobile-filter-sheet-footer>button:last-child{
    border-color:#2169a8!important;
    background:#2169a8!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgb(33 105 168/.2)!important;
  }

  /* Tracking, Delivered, and CS Delivered use the same category-first mobile
     filter contract as Dispatch while their native selects retain the logic. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools:not(.operational-filters-open)>:is(.mobile-operational-filter-head,.mobile-operational-filter-tabs,.mobile-operational-filter-values,.mobile-operational-filter-footer){
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp.mobile-operational-filter-sheet-open:before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:14000!important;
    display:block!important;
    background:rgb(9 22 36/.62)!important;
    backdrop-filter:blur(2px)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open.mobile-board-filter-sheet{
    position:fixed!important;
    inset:calc(8px + env(safe-area-inset-top,0px)) 8px calc(70px + env(safe-area-inset-bottom,0px)) 8px!important;
    z-index:14010!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto minmax(0,1fr) auto!important;
    align-items:stretch!important;
    gap:0!important;
    width:auto!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d3dde8!important;
    border-radius:22px!important;
    background:#f7f9fc!important;
    box-shadow:0 24px 60px rgb(8 22 36/.3)!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-head{
    grid-row:1!important;
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:58px!important;
    height:auto!important;
    margin:0!important;
    padding:13px 12px 8px 16px!important;
    border-bottom:1px solid var(--mlb-line)!important;
    background:#fff!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-head:before{
    content:""!important;
    position:absolute!important;
    top:5px!important;
    left:50%!important;
    width:38px!important;
    height:3px!important;
    border-radius:999px!important;
    background:#c8d3df!important;
    transform:translateX(-50%)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-head>div{
    display:grid!important;
    gap:1px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-head strong{
    color:var(--mlb-ink)!important;
    font-size:19px!important;
    line-height:1.1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-head span{
    color:var(--mlb-muted)!important;
    font-size:11px!important;
    font-weight:750!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-head>button{
    display:grid!important;
    place-items:center!important;
    width:40px!important;
    height:40px!important;
    margin:0!important;
    padding:0 0 2px!important;
    border:1px solid #cfd9e5!important;
    border-radius:11px!important;
    background:#f8fafc!important;
    color:var(--mlb-ink)!important;
    font-size:23px!important;
    line-height:1!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open>.operational-mobile-filter-toggle{
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open>:is(input[type="search"],select,.custom-select,.delivered-purge-control,.operational-clear-filters){
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-tabs{
    grid-row:2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:safe center!important;
    gap:7px!important;
    width:100%!important;
    min-width:0!important;
    min-height:60px!important;
    height:auto!important;
    padding:10px!important;
    border-bottom:1px solid var(--mlb-line)!important;
    background:#f5f8fc!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-tabs::-webkit-scrollbar{
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-tab{
    flex:0 0 auto!important;
    display:grid!important;
    place-items:center!important;
    min-width:0!important;
    min-height:40px!important;
    margin:0!important;
    padding:8px 15px!important;
    border:1px solid #cbd8e5!important;
    border-radius:999px!important;
    background:#fff!important;
    color:var(--mlb-ink)!important;
    font:800 13px/1 var(--font-sans,Arial,sans-serif)!important;
    white-space:nowrap!important;
    box-shadow:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-tab[aria-selected="true"]{
    border-color:#2374b9!important;
    background:#2878ba!important;
    color:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-values{
    grid-row:3!important;
    display:block!important;
    min-width:0!important;
    min-height:0!important;
    height:100%!important;
    padding:7px 12px!important;
    background:#fff!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-option{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 28px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    padding:7px 10px 7px 12px!important;
    border:0!important;
    border-bottom:1px solid #e3eaf1!important;
    border-radius:0!important;
    background:#fff!important;
    color:#1a2738!important;
    font:700 14px/1.25 var(--font-sans,Arial,sans-serif)!important;
    text-align:left!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-option[aria-checked="true"]{
    margin:2px 0!important;
    border:1px solid #b9d3eb!important;
    border-radius:10px!important;
    background:#eef6ff!important;
    color:#174f82!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-option-indicator{
    display:grid!important;
    place-items:center!important;
    width:24px!important;
    height:24px!important;
    border:1px solid #cbd7e3!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#2169a8!important;
    font-size:14px!important;
    font-weight:900!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-option[aria-checked="true"] .mobile-operational-filter-option-indicator{
    border-color:#2169a8!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-footer{
    grid-row:4!important;
    position:relative!important;
    bottom:auto!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    min-height:60px!important;
    height:auto!important;
    margin:0!important;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))!important;
    border-top:1px solid var(--mlb-line)!important;
    background:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-footer>button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    margin:0!important;
    border:1px solid #cbd7e3!important;
    border-radius:11px!important;
    background:#fff!important;
    color:var(--mlb-ink)!important;
    font-weight:850!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .shipment-tools.operational-filters-open .mobile-operational-filter-footer>button:last-child{
    border-color:#2169a8!important;
    background:#2169a8!important;
    color:#fff!important;
    box-shadow:0 5px 12px rgb(33 105 168/.2)!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-table,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-table>.table-scroll{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    flex:0 0 auto!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0 -14px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
    transform:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-table>.table-scroll{
    margin:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-table table,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows{
    width:100vw!important;
    max-width:100vw!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows{
    display:block!important;
    gap:0!important;
    row-gap:0!important;
    column-gap:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-table table{
    border-collapse:collapse!important;
    border-spacing:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows>tr:not(.group-row):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:calc(var(--mlb-row-height) - 5px)!important;
    align-items:center!important;
    column-gap:10px!important;
    width:100vw!important;
    max-width:100vw!important;
    min-height:var(--mlb-row-height)!important;
    height:var(--mlb-row-height)!important;
    max-height:var(--mlb-row-height)!important;
    margin:0!important;
    padding:2px 8px!important;
    border:0!important;
    border-bottom:1px solid var(--mlb-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;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows>tr:nth-child(even):not(.group-row):not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row):not(.claim-expanded-row){
    background:#f1f5f9!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows>tr:not(.group-row):not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row):not(.claim-expanded-row)>td{
    display:none!important;
    visibility:hidden!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows>tr:not(.group-row):not(.load-alert-detail-row):not(.load-detail-row):not(.selected-load-detail-row):not(.customer-service-alert-detail-row):not(.claim-expanded-row)>.mobile-load-cell{
    display:flex!important;
    visibility:visible!important;
    align-items:center!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    margin:0!important;
    padding:0!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    box-sizing:border-box!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-status{
    grid-column:1!important;
    grid-row:1!important;
    justify-content:center!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-number{
    grid-column:2!important;
    grid-row:1!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-customer{
    grid-column:3!important;
    grid-row:1!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-actions{
    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;
    overflow:visible!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-number>button{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:100%!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
  }

  /* A copied load number uses the shared DALKO success green on mobile. Keep
     its number centered while a short-lived COPIED label confirms the action. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-number>button.is-copied{
    position:relative!important;
    border:1px solid #1d9a55!important;
    border-radius:999px!important;
    background:#1d9a55!important;
    color:#fff!important;
    box-shadow:0 0 0 2px rgb(29 154 85/.14)!important;
    justify-content:center!important;
    gap:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-number>button.is-copied strong{
    color:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-copy-confirmation{
    position:absolute!important;
    left:calc(100% + 5px)!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    flex:0 0 auto!important;
    color:#1d7f4a!important;
    font-size:8px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.035em!important;
    opacity:.9!important;
    transition:opacity .5s ease!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-number:has(>button.is-copied){
    overflow:visible!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-copy-confirmation.is-fading{
    opacity:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .claims-copy-confirmation{
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows :is(.desktop-customer-name,.desktop-tracking-customer,.claims-desktop-customer,.customer-service-desktop-customer,.cs-mobile-load-number){
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows :is(.mobile-customer-route,.mobile-tracking-route,.mobile-claims-customer-route,.mobile-customer-service-route){
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    font:inherit!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows .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;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-rows :is(.row-actions,.row-action-dot-button){
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    height:30px!important;
    min-height:30px!important;
    margin:auto 0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-bottom-nav:not([hidden]){
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    flex:0 0 auto!important;
    z-index:100!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    background:#112131!important;
    opacity:1!important;
    transform:none!important;
    -webkit-transform:none!important;
  }

  /* Global board controls: search and filters live in the shared title row.
     The former persistent tools strip is collapsed until one of these controls
     explicitly opens its search surface or filter sheet. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-board-header-action{
    display:inline-flex!important;
    flex:0 0 38px!important;
    align-items:center!important;
    justify-content:center!important;
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #cfd9e5!important;
    border-radius:10px!important;
    background:#fff!important;
    color:var(--mlb-ink)!important;
    box-shadow:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-board-header-action.active{
    border-color:#2169a8!important;
    background:#2169a8!important;
    color:#fff!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-board-header-action svg{
    width:20px!important;
    height:20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #mobileBoardFilterToggle svg{
    fill:currentColor!important;
    stroke:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions{
    gap:5px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #mobileBoardSearchToggle{order:1!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #mobileBoardFilterToggle{order:2!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #newLoad{order:3!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #refreshBoard{order:4!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #dispatchActionsMenu{order:5!important}

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) #mainTitle{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* Version 3.99334: one compact, evenly sized mobile board command row. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar{
    flex:0 0 54px!important;
    min-height:54px!important;
    height:54px!important;
    padding:5px 10px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar>div:first-child{
    display:none!important;
    flex:0 0 0!important;
    width:0!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions{
    flex:1 1 100%!important;
    justify-content:center!important;
    width:100%!important;
    gap:5px!important;
    border:0!important;
    border-left:0!important;
    border-inline-start:0!important;
    background-image:none!important;
    box-shadow:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions::before,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions::after{
    content:none!important;
    display:none!important;
    position:static!important;
    border:0!important;
    width:0!important;
    height:0!important;
    background:none!important;
    box-shadow:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions>:is(.mobile-board-header-action,#chatCenterToggle:not([hidden]),#notificationCenter,#newLoad:not([hidden]),#refreshBoard,#dispatchActionsMenu),
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .top-actions>:is(#notificationCenter,#dispatchActionsMenu)>summary{
    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;
    padding:0!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }

  /* Version 3.99337: legacy > * rules must never resurrect hidden actions as
     zero-width buttons whose remaining border looks like a vertical divider. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .topbar .top-actions>[hidden]{
    display:none!important;
    visibility:hidden!important;
    flex:0 0 0!important;
    width:0!important;
    min-width:0!important;
    max-width:0!important;
    height:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools:not(.mobile-header-search-open):not(.operational-filters-open):not(:has(.customer-service-filter-toggle[aria-expanded="true"])):not(:has(#boardFilterBuilder .filter-popover)){
    display:grid!important;
    position:fixed!important;
    left:0!important;
    top:0!important;
    width:100vw!important;
    height:60px!important;
    min-height:60px!important;
    padding:9px 14px!important;
    margin:0!important;
    opacity:0!important;
    clip-path:inset(50%)!important;
    overflow:visible!important;
    pointer-events:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools.mobile-header-search-open{
    display:grid!important;
    position:sticky!important;
    left:auto!important;
    width:auto!important;
    height:auto!important;
    opacity:1!important;
    clip-path:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    min-height:60px!important;
    padding:9px 14px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools.mobile-header-search-open>:not(.search-wrap):not(input[type="search"]){
    display:none!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board-tools.mobile-header-search-open :is(.search-wrap,input[type="search"]){
    display:block!important;
    grid-column:1!important;
    width:100%!important;
  }

  /* Customer Service uses richer desktop controls inside the shared row roles.
     Normalize those controls here so its mobile rows cannot drift from the
     global load-board geometry, typography, or status treatment. */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #mainTitle{
    max-width:none!important;
    font-size:24px!important;
    letter-spacing:-.025em!important;
    white-space:nowrap!important;
    text-overflow:clip!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows>tr[data-customer-service-id]{
    grid-template-columns:60px minmax(96px,auto) minmax(0,1fr) 34px!important;
    grid-template-rows:calc(var(--mlb-row-height) - 5px)!important;
    align-items:center!important;
    column-gap:10px!important;
    min-height:var(--mlb-row-height)!important;
    height:var(--mlb-row-height)!important;
    max-height:var(--mlb-row-height)!important;
    padding:2px 8px!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .mobile-load-number>.customer-service-load-copy:not(.is-copied){
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:var(--mlb-ink)!important;
    text-align:left!important;
    line-height:1!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .customer-service-load-copy strong{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:var(--mlb-ink)!important;
    font-size:14px!important;
    font-weight:850!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .mobile-customer-service-route,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .mobile-customer-service-route strong{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:var(--mlb-ink)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    text-align:center!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
    overflow:hidden!important;
  }

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-open{color:#b42318!important;background:#fff1f0!important;border-color:#b42318!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-no-pro{color:#6941c6!important;background:#f5f3ff!important;border-color:#6941c6!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-covered{color:#b45309!important;background:#fff7ed!important;border-color:#b45309!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-transit{color:#8a6500!important;background:#fffbea!important;border-color:#8a6500!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-delivered{color:#147a43!important;background:#effbf4!important;border-color:#147a43!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-expired{color:#fff!important;background:#303844!important;border-color:#303844!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-hold{color:#475569!important;background:#f1f5f9!important;border-color:#475569!important}
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .status-pill-select.pill-pending{color:#155da8!important;background:#eff6ff!important;border-color:#155da8!important}

  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp[data-current-view="customerService"] #customerServiceRows .action-dots-text{
    display:block!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
  }

/* Dispatch utility geometry belongs to this mobile board contract. */
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .main>.topbar{position:relative!important;inset:auto!important;transform:none!important;display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;flex:0 0 54px!important;height:54px!important;min-height:54px!important;max-height:54px!important;margin:0!important;padding:5px 10px!important;box-sizing:border-box!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .main>.topbar>.topbar-title-group{display:none!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .main>.topbar>.top-actions{display:flex!important;flex-flow:row nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important;height:44px!important;margin:0!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;box-sizing:border-box!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>:is(button,details),body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>details>summary{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;padding:0!important;box-sizing:border-box!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#globalLanguageToggle{order:1!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#globalCurrencyToggle{order:2!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#chatCenterToggle{order:3!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#mobileBoardSearchToggle{order:4!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#mobileBoardFilterToggle{order:5!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#notificationCenter{order:6!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#newLoad{order:7!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#refreshBoard{order:8!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#dispatchActionsMenu{order:9!important}
body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(#boardView.mobile-load-board.active-view) .top-actions>#chatCenterToggle[hidden]{display:inline-flex!important;visibility:hidden!important;pointer-events:none!important}

  /*
   * Loading-state safeguards must remain last. The mobile contract deliberately
   * outranks legacy board CSS, but it must never outrank authentication or route
   * hydration visibility. Hiding these parents prevents sticky metrics, tools,
   * rows, and the bottom navigation from piercing a sign-in/loading surface.
   */
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp.auth-locked:has(.mobile-load-board.active-view) .app-shell,
  body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp.auth-checking:has(.mobile-load-board.active-view) .app-shell{
    display:none!important;
  }

  html[data-route-processing="loading"] body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board.active-view,
  html[data-route-processing="error"] body#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp#loadBoardApp:has(.mobile-load-board.active-view) .mobile-load-board.active-view{
    display:none!important;
  }
}
@keyframes dalko-board-refresh-spin {
  to { transform: rotate(360deg); }
}

#refreshBoard.is-refreshing svg {
  animation: dalko-board-refresh-spin .7s linear infinite;
  transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
  #refreshBoard.is-refreshing svg { animation: none; }
}