/* ════════════════════════════════════════════════════════════════════════════
   LOADS COMMAND CENTER v2 (Redesign Phase 4b)
   ════════════════════════════════════════════════════════════════════════════ */
#lcc{display:none;}
body.board-mode.lcc-on #lcc{
  display:flex;flex-direction:column;flex:1;min-width:0;height:100%;overflow:hidden;
  background:var(--bg);color:var(--text);font-family:var(--font);padding:14px 20px 14px;
}
body.board-mode.lcc-on .layout > .sidebar{display:none !important;}

/* Header */
#lcc .lcc-head{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;}
#lcc .lcc-head h1{font-size:20px;font-weight:700;letter-spacing:-.015em;margin:0;}
#lcc .lcc-sub{font-size:12.5px;color:var(--text3);}

/* Stat strip */
#lcc .lcc-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px;}
#lcc .lcc-stat{
  display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 13px;border-radius:11px;cursor:pointer;text-align:left;
  background:var(--surface);border:1px solid var(--border);font-family:var(--font);color:var(--text);min-width:0;
  transition:border-color .12s,box-shadow .12s,transform .08s;
}
#lcc .lcc-stat:hover{border-color:var(--border2);box-shadow:0 2px 10px rgba(15,27,45,.06);}
#lcc .lcc-stat:active{transform:translateY(1px);}
#lcc .lcc-stat.on{border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.12);}
#lcc .lcc-stat small{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--text2);white-space:nowrap;}
#lcc .lcc-stat small i{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
#lcc .lcc-stat b{font-size:22px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums;}
#lcc .lcc-stat em{font-style:normal;font-size:11px;color:var(--text3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
#lcc .lcc-stat.hot b{color:#dc2626;}
#lcc .lcc-stat.warm b{color:#b45309;}

/* Toolbar */
#lcc .lcc-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:nowrap;min-width:0;}
#lcc .lcc-search{
  display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;flex:0 1 250px;min-width:180px;
  background:var(--surface);border:1px solid var(--border2);border-radius:9px;color:var(--text3);cursor:text;
}
#lcc .lcc-search:focus-within{border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.15);}
#lcc .lcc-search input{flex:1;border:0;outline:0;background:transparent;font-size:13px;color:var(--text);font-family:var(--font);min-width:0;}
#lcc .lcc-search input::placeholder{color:var(--text3);opacity:.85;}
#lcc .lcc-select{height:36px;border:1px solid var(--border2);border-radius:9px;background:var(--surface);color:var(--text);font-size:13px;font-family:var(--font);padding:0 8px;outline:none;cursor:pointer;}
#lcc .lcc-select:focus{border-color:#0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.15);}
#lcc .lcc-seg{display:flex;gap:2px;padding:3px;background:var(--surface);border:1px solid var(--border2);border-radius:9px;}
#lcc .lcc-seg button{height:28px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--text2);font-size:12.5px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;}
#lcc .lcc-seg button:hover{background:var(--surface2);color:var(--text);}
#lcc .lcc-seg button.on{background:#0066cc;color:#fff;font-weight:600;}
#lcc .lcc-icons button{padding:0 8px;display:flex;align-items:center;}
#lcc .lcc-icons button.on{background:var(--surface3,#eef2f7);color:#0066cc;}
#lcc .lcc-toolbar-right{margin-left:auto;display:flex;align-items:center;gap:10px;}
#lcc .lcc-count{font-size:12.5px;color:var(--text3);white-space:nowrap;}
@media (max-width:1500px){ #lcc .lcc-count{display:none;} }
@media (max-width:1300px){ #lcc .lcc-toolbar{flex-wrap:wrap;} }
#lcc .lcc-btn{
  display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:9px;cursor:pointer;
  background:var(--surface);border:1px solid var(--border2);color:var(--text);font-size:13px;font-weight:600;font-family:var(--font);white-space:nowrap;
}
#lcc .lcc-btn:hover{background:var(--surface2);}
#lcc .lcc-btn-primary{background:#0066cc;border-color:#0066cc;color:#fff;}
#lcc .lcc-link{background:none;border:none;color:#0066cc;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);padding:0 4px;}
#lcc .lcc-link:hover{text-decoration:underline;}
#lcc kbd{font-family:var(--mono);font-size:10.5px;padding:2px 6px;border-radius:5px;background:var(--surface2);border:1px solid var(--border);color:var(--text3);}

/* Bulk */
#lcc .lcc-bulk{display:none;align-items:center;gap:12px;margin-bottom:10px;padding:7px 12px;border-radius:10px;background:rgba(0,102,204,.07);border:1px solid rgba(0,102,204,.25);font-size:13px;}
#lcc .lcc-bulk.open{display:flex;}
#lcc .lcc-bulk b{color:#0066cc;}
#lcc .lcc-bulk .lcc-btn{height:30px;}

/* Table */
#lcc .lcc-table-wrap{flex:1;min-height:0;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px 12px 0 0;border-bottom:0;}
#lcc .lcc-table{width:100%;min-width:1080px;table-layout:fixed;border-collapse:separate;border-spacing:0;font-size:13px;}
#lcc col.w-load{width:15%;} #lcc col.w-route{width:17.5%;} #lcc col.w-carrier{width:12%;} #lcc col.w-eta{width:11%;}
#lcc col.w-pos{width:12%;} #lcc col.w-trk{width:9%;} #lcc col.w-docs{width:7.5%;} #lcc col.w-next{width:16%;}
#lcc .lcc-table thead th{
  position:sticky;top:0;z-index:2;background:var(--surface2);text-align:left;white-space:nowrap;
  font-size:11.5px;font-weight:600;color:var(--text2);padding:9px 12px;border-bottom:1px solid var(--border);
}
#lcc .lcc-sortable{cursor:pointer;user-select:none;}
#lcc .lcc-sortable span{display:inline-flex;align-items:center;gap:4px;}
#lcc .lcc-sortable svg{opacity:.3;}
#lcc .lcc-sortable:hover svg{opacity:.8;}
#lcc .lcc-sortable.sorted{color:#0066cc;}
#lcc .lcc-sortable.sorted svg{opacity:1;}
#lcc .lcc-table tbody td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;line-height:1.35;overflow:hidden;}
#lcc .lcc-table tbody tr[data-id]{cursor:pointer;}
#lcc .lcc-table tbody tr[data-id]:hover td{background:rgba(0,102,204,.035);}
#lcc .lcc-table tbody tr.sel td{background:rgba(0,102,204,.08);}
#lcc .lcc-table tbody tr.cursor td{background:rgba(0,102,204,.05);}
#lcc .lcc-table tbody tr.cursor td:first-child{box-shadow:inset 3px 0 0 #0066cc;}
#lcc .lcc-table tbody tr.is-late td:first-child{box-shadow:inset 3px 0 0 #dc2626;}
#lcc .lcc-table tbody tr.flash td{animation:lccFlash 2.6s ease-out;}
@keyframes lccFlash{0%,35%{background:#fff4c2;}100%{background:transparent;}}
#lcc td b{font-weight:600;color:var(--text);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#lcc td small{display:block;font-size:11.5px;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#lcc .lcc-dim{color:var(--text3);opacity:.75;font-weight:400;}

/* Group rows */
#lcc .lcc-grp td{cursor:default;background:var(--surface2) !important;padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--border);}
#lcc .lcc-grp td span{margin-left:8px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--text3);}
#lcc .lcc-grp.hot td{background:#fef2f2 !important;color:#b91c1c;}

/* Load cell */
#lcc .lcc-id{font-family:var(--mono);font-weight:600;color:#0066cc;text-decoration:none;font-size:13px;}
#lcc .lcc-id:hover{text-decoration:underline;}
#lcc .lcc-tags{display:flex;gap:5px;margin-top:4px;flex-wrap:nowrap;}
#lcc .lcc-st{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;}
#lcc .lcc-st-disp{background:#f1f5f9;color:#475569;}
#lcc .lcc-st-pickup{background:#e0f2fe;color:#0369a1;}
#lcc .lcc-st-transit{background:#e0ecff;color:#1d4ed8;}
#lcc .lcc-st-delay{background:#fee2e2;color:#b91c1c;}
#lcc .lcc-st-del{background:#dcfce7;color:#15803d;}
#lcc .lcc-st-review{background:#fef3c7;color:#92400e;}
#lcc .lcc-st-done{background:#f1f5f9;color:#15803d;}
#lcc .lcc-stale{white-space:nowrap;display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;font-size:10.5px;font-weight:700;background:#f3e8ff;color:#7c3aed;letter-spacing:.02em;}

/* Route */
#lcc .lcc-route{display:flex;align-items:center;gap:6px;min-width:0;}
#lcc .lcc-route b{display:inline;flex:0 1 auto;}
#lcc .lcc-route svg{color:var(--text3);flex-shrink:0;}

/* Pills */
#lcc .lcc-pill{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap;margin-top:3px;}
#lcc .lcc-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;}
#lcc .lcc-ok{background:rgba(21,128,61,.1);color:#15803d;}
#lcc .lcc-warn{background:rgba(217,119,6,.12);color:#b45309;}
#lcc .lcc-bad{background:rgba(220,38,38,.1);color:#dc2626;}
#lcc .lcc-muted{background:#f1f5f9;color:#475569;}

/* Docs */
#lcc .lcc-docs{display:flex;flex-direction:column;align-items:flex-start;gap:3px;}
#lcc .lcc-doc{font-size:10.5px;font-weight:700;padding:3px 6px;border-radius:5px;white-space:nowrap;}
#lcc .lcc-doc.ok{background:rgba(21,128,61,.1);color:#15803d;}
#lcc .lcc-doc.pending{background:rgba(217,119,6,.14);color:#b45309;}
#lcc .lcc-doc.bad{background:rgba(220,38,38,.1);color:#dc2626;}
#lcc .lcc-doc.none{background:#f1f5f9;color:#94a3b8;}

/* Next action */
#lcc .lcc-c-next{position:relative;}
#lcc .lcc-next{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;}
#lcc .lcc-next i{font-style:normal;}
#lcc .lcc-next-bad{color:#dc2626;}
#lcc .lcc-next-warn{color:#b45309;}
#lcc .lcc-next-ok{color:var(--text3);font-weight:500;}
#lcc .lcc-more-act{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:7px;border:1px solid var(--border2);background:var(--surface);box-shadow:0 2px 6px rgba(15,27,45,.1);color:var(--text3);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s;}
#lcc tr:hover .lcc-more-act,#lcc tr.cursor .lcc-more-act{opacity:1;}
#lcc .lcc-more-act:hover{background:var(--surface2);color:#0066cc;}

/* Compact density */
#lcc.compact .lcc-table tbody td{padding:5px 12px;}
#lcc.compact .lcc-tags{display:inline-flex;margin:0 0 0 6px;vertical-align:1px;}
#lcc.compact td small{font-size:11px;}
#lcc.compact .lcc-c-route small + small{display:none;}

/* Empty */
#lcc .lcc-empty td{cursor:default;padding:60px 12px !important;text-align:center;}
#lcc .lcc-empty div{display:flex;flex-direction:column;align-items:center;gap:6px;}
#lcc .lcc-empty b{font-size:15px;}
#lcc .lcc-empty span{color:var(--text3);font-size:13px;margin-bottom:8px;}

/* Footer */
#lcc .lcc-foot{display:flex;align-items:center;gap:16px;padding:9px 14px;font-size:12.5px;color:var(--text2);background:var(--surface);border:1px solid var(--border);border-radius:0 0 12px 12px;min-height:44px;}
#lcc .lcc-foot b{color:#0066cc;}
#lcc .lcc-kbd-hint{font-size:12px;color:var(--text3);}
#lcc .lcc-kbd-hint kbd{margin:0 1px;}
#lcc .lcc-pager{margin-left:auto;display:flex;align-items:center;gap:4px;}
#lcc .lcc-pager button{min-width:28px;height:28px;border-radius:7px;border:0;background:transparent;color:var(--text2);font-size:13px;font-family:var(--font);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;}
#lcc .lcc-pager button:hover:not(:disabled){background:var(--surface2);}
#lcc .lcc-pager button.on{background:#0066cc;color:#fff;font-weight:600;}
#lcc .lcc-pager button:disabled{opacity:.35;cursor:default;}
#lcc .lcc-ell{padding:0 4px;color:var(--text3);}

/* Row menu */
#lcc .lcc-menu{position:fixed;z-index:200;display:none;min-width:200px;padding:6px;border-radius:10px;background:var(--surface);border:1px solid var(--border2);box-shadow:0 12px 32px rgba(15,27,45,.18);}
#lcc .lcc-menu.open{display:block;}
#lcc .lcc-menu-why{padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--border);}
#lcc .lcc-menu-why b{display:block;font-size:13px;}
#lcc .lcc-menu-why span{font-size:12px;color:var(--text3);}
#lcc .lcc-menu button,#lcc .lcc-menu a{display:block;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;background:transparent;color:var(--text);font-size:13px;font-family:var(--font);cursor:pointer;text-decoration:none;}
#lcc .lcc-menu button:hover,#lcc .lcc-menu a:hover{background:rgba(0,102,204,.07);color:#0066cc;}
#lcc .lcc-menu hr{border:0;border-top:1px solid var(--border);margin:5px 2px;}

/* Dark theme touch-ups */
body:not(.theme-light) #lcc .lcc-muted,body:not(.theme-light) #lcc .lcc-doc.none,body:not(.theme-light) #lcc .lcc-st-disp{background:rgba(148,163,184,.14);color:#cbd5e1;}
body:not(.theme-light) #lcc .lcc-grp.hot td{background:rgba(220,38,38,.12) !important;color:#fca5a5;}
body:not(.theme-light) #lcc .lcc-table tbody tr.flash td{animation-name:lccFlashDark;}
@keyframes lccFlashDark{0%,35%{background:rgba(250,204,21,.18);}100%{background:transparent;}}

/* Responsive */
@media (max-width:1280px){
  #lcc .lcc-stats{grid-template-columns:repeat(3,minmax(0,1fr));}
  #lcc .lcc-kbd-hint{display:none;}
}
@media (max-width:768px) and (pointer:coarse){
  body.board-mode.lcc-on #lcc{display:none;}
  body.board-mode.lcc-on .layout > .sidebar{display:flex !important;}
}

/* Customer line in the Load cell */
#lcc .lcc-cust{display:flex;align-items:center;gap:5px;margin-top:2px;font-size:11.5px;color:var(--text3);white-space:nowrap;overflow:hidden;}
#lcc .lcc-cust img{width:16px;height:16px;object-fit:contain;border-radius:3px;background:#fff;flex-shrink:0;}
#lcc .lcc-cust b{display:inline;font-size:11.5px;font-weight:600;color:var(--text2);overflow:hidden;text-overflow:ellipsis;}
#lcc .lcc-cust span{flex-shrink:0;}

/* ══ TOP BAR CLEANUP (topbar.js) ══════════════════════════════════════════ */
body.tb-clean .topbar-right{gap:10px;}
body.tb-clean .topbar-right > .topbar-div,
body.tb-clean .topbar-right > div:has(> div > #clock-est),
body.tb-clean #topbar-user,
body.tb-clean .topbar-right > button[title^="Keyboard shortcuts"]{display:none !important;}
body.tb-clean .fsc-pill{height:32px;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);}
body.tb-clean .live-badge{height:32px;}
body.tb-clean #bell-btn{width:34px !important;height:34px !important;background:transparent !important;border-color:transparent !important;border-radius:9px !important;}
body.tb-clean #bell-btn:hover{background:rgba(255,255,255,.1) !important;}
.tb-clock{display:flex;align-items:baseline;gap:5px;padding:0 6px;color:#fff;cursor:default;white-space:nowrap;}
.tb-clock b{font-family:var(--mono);font-size:13px;font-weight:500;}
.tb-clock span{font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.5);font-weight:700;}
.tb-user-wrap{position:relative;}
.tb-user{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 4px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);color:#fff;cursor:pointer;font-family:var(--font);}
.tb-user:hover{background:rgba(255,255,255,.13);}
.tb-avatar{width:28px;height:28px;border-radius:50%;background:#0066cc;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.tb-name{font-size:13px;font-weight:600;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tb-user svg{opacity:.7;}
.tb-menu{position:absolute;top:44px;right:0;width:250px;padding:6px;border-radius:12px;background:var(--surface,#fff);border:1px solid var(--border2,#cbd5e1);box-shadow:0 16px 40px rgba(15,27,45,.22);z-index:300;display:none;color:var(--text,#0f1b2d);font-family:var(--font);}
.tb-menu.open{display:block;}
.tb-who{padding:10px 10px 12px;border-bottom:1px solid var(--border,#e2e8f0);margin-bottom:6px;}
.tb-who b{display:block;font-size:13.5px;}
.tb-who span{font-size:12px;color:var(--text3,#6b7a90);}
.tb-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;font-size:13px;}
.tb-menu .theme-toggle{background:var(--surface2,#f1f5f9);border:1px solid var(--border,#e2e8f0);}
.tb-menu .theme-option{color:var(--text2,#3b4a5e);}
.tb-menu .theme-option.active{background:#0066cc;color:#fff;}
.tb-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:13px;font-family:var(--font);cursor:pointer;text-align:left;}
.tb-item:hover{background:rgba(0,102,204,.07);color:#0066cc;}
.tb-item kbd{font-family:var(--mono);font-size:10.5px;padding:2px 6px;border-radius:5px;background:var(--surface2,#f1f5f9);border:1px solid var(--border,#e2e8f0);color:var(--text3,#6b7a90);}
.tb-danger:hover{background:rgba(220,38,38,.08);color:#dc2626;}
.tb-menu hr{border:0;border-top:1px solid var(--border,#e2e8f0);margin:6px 2px;}

#lcc .lcc-idrow{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap;}
#lcc .lcc-tender{font-family:var(--mono);font-size:11.5px;color:var(--text3);overflow:hidden;text-overflow:ellipsis;}
#lcc .lcc-tender::before{content:'#';opacity:.6;margin-right:1px;}
.tb-menu .theme-option{color:var(--text2,#3b4a5e) !important;background:transparent !important;}
.tb-menu .theme-option.active{background:#0066cc !important;color:#fff !important;}

/* Phones: keep the top bar inside the screen */
@media (max-width:768px) and (pointer:coarse){
  body.tb-clean .fsc-pill,body.tb-clean .tb-clock,body.tb-clean .tb-name,body.tb-clean .tb-user svg,body.tb-clean .topbar-label,body.tb-clean .topbar > .topbar-div{display:none !important;}
  body.tb-clean .live-badge{min-width:0;padding:0 8px;}
  body.tb-clean .live-badge span{display:none;}
  body.tb-clean .tb-user{padding:0 4px;}
  body.tb-clean .topbar{padding:0 12px;gap:8px;}
  body.tb-clean .topbar-logo{height:28px;}
  .tb-menu{right:-4px;width:min(280px,calc(100vw - 24px));}
}

/* unread driver messages on a row */
#lcc .lcc-msgdot{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#e11d48;color:#fff;font-size:10.5px;font-weight:700;font-family:var(--font);vertical-align:middle;}

/* Narrow windows with a mouse (no phone layout): keep the top bar inside the screen */
@media (max-width:900px){
  body.tb-clean .tb-clock,body.tb-clean .topbar-label,body.tb-clean .tb-name,body.tb-clean .topbar > .topbar-div{display:none !important;}
}
@media (max-width:600px){
  body.tb-clean .topbar{padding:0 10px;gap:8px;}
  body.tb-clean .topbar-logo{height:26px;width:auto;}
  body.tb-clean .topbar-right{gap:6px;margin-left:auto;}
  body.tb-clean .fsc-pill{padding:0 6px;}
  body.tb-clean .fsc-pill input{width:40px;}
  body.tb-clean .live-badge span{display:none;}
  body.tb-clean .live-badge{min-width:0;padding:0 8px;}
  body.tb-clean .tb-user svg{display:none;}
  body.tb-clean .tb-user{padding:0 4px;}
  #ws .ws-crumb{flex-wrap:wrap;}
}

/* Top-bar sun/moon theme button (next to the bell). Shows the theme it switches to. */
.tb-theme-btn{width:36px;height:36px;flex:none;border-radius:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.tb-theme-btn:hover{background:rgba(255,255,255,.18);}
.tb-theme-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;}
.tb-theme-btn .ic-sun{display:none;}
.tb-theme-btn[data-theme="dark"] .ic-sun{display:block;}
.tb-theme-btn[data-theme="dark"] .ic-moon{display:none;}
@media (max-width:420px){ .tb-theme-btn{width:32px;height:32px;} }

/* Add Load: stop reorder arrows */
#add-load-page .al-stops-list .add-stop-row button:disabled{opacity:.35;cursor:default;}

/* Phones: the old card board is a stack of customer lanes (no sideways scrolling) */
@media (max-width:768px) and (pointer:coarse), (max-width:600px){
  body.board-mode .load-list{flex-direction:column;overflow-x:hidden;overflow-y:auto;gap:12px;padding:12px 12px 72px;}
  body.board-mode .board-lane{flex:none;width:auto;max-width:none;min-width:0;max-height:none;overflow:visible;}
}
/* Very narrow windows: make room for the theme button without pushing the top bar off screen */
@media (max-width:420px){
  body.tb-clean .topbar{gap:6px;padding:0 8px;}
  body.tb-clean .topbar-right{gap:4px;}
  body.tb-clean .topbar-logo{height:22px;width:auto;}
  body.tb-clean .fsc-pill span{display:none;}
  body.tb-clean .fsc-pill input{width:38px;}
}

/* Map (board overview + Workspace > Tracking): light chrome in the light theme */
body.theme-light #map-area{background:#f3f5f8 !important;}
body.theme-light #map-area .map-legend-strip{background:rgba(255,255,255,.94) !important;border:1px solid #e2e8f0 !important;box-shadow:0 2px 8px rgba(15,27,45,.08);}
body.theme-light #map-area .map-legend-strip span{color:#3b4a5e !important;}
body.theme-light #ops-pipeline-strip{background:rgba(255,255,255,.94) !important;border-top:1px solid #e2e8f0 !important;}
body.theme-light #map-view-toggle{background:#fff !important;border:1px solid #cbd5e1 !important;color:#0f1b2d !important;}
/* The status legend is for the all-loads view; a single load shows P / numbered stops / D / truck */
#map-area.map-focused .map-legend-strip{display:none !important;}

/* multi-stop progress on a board row ("At stop 2 of 3") */
#lcc .lcc-stopprog{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:999px;font-size:10.5px;font-weight:700;background:rgba(0,102,204,.1);color:#0066cc;white-space:nowrap;}