:root{--navy:#172b4d;--ink:#1b2940;--muted:#7f8ca2;--line:#e8edf3;--bg:#f6f8fb;--blue:#3066d5;--green:#19845b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',sans-serif}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:242px;background:#152744;color:#fff;padding:27px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;margin:0 12px 53px;font:800 18px Segoe UI}.brand small{display:block;color:#8ea0bc;font:700 8px 'Segoe UI';letter-spacing:2px;margin-top:4px}.brandmark{width:34px;height:34px;background:#4b7beb;border-radius:11px;display:grid;place-items:center;font-size:19px}.navlabel{color:#7587a4;font-size:10px;font-weight:700;letter-spacing:1.3px;margin:0 12px 13px}.sidebar nav{display:grid;gap:6px}.sidebar nav button{color:#a9b6ca;text-align:left;border:0;background:none;border-radius:9px;padding:12px;display:flex;gap:12px;align-items:center;font:600 13px 'Segoe UI';cursor:pointer}.sidebar nav button span{font-size:17px;width:18px;text-align:center}.sidebar nav button:hover,.sidebar nav button.active{background:#253b5e;color:#fff}.sidebottom{margin-top:auto;border-top:1px solid #30415d;padding:18px 9px 2px;font-size:11px;color:#cad5e4}.sidebottom small{display:block;padding:7px 0 0 16px;color:#8596b0}.live-dot{display:inline-block;background:#48cc8a;width:7px;height:7px;border-radius:50%;margin-right:6px}main{margin-left:242px;padding:33px 42px 22px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#929eb0}h1{font:800 27px Segoe UI;margin:8px 0 0;letter-spacing:-.7px}.headright{display:flex;gap:14px;align-items:center}.sync-label{font-size:11px;color:#6f7e94}.sync-label i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41b983;margin-right:6px}.button{border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:#fff;color:#34445c;font:600 12px 'Segoe UI';cursor:pointer}.button:hover{border-color:#b8c8df}.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.stat,.panel{background:#fff;border:1px solid #e9edf3;border-radius:11px;box-shadow:0 2px 8px #20375608}.stat{padding:18px 20px}.stat-label{font-size:11px;color:#7d8aa0;font-weight:600}.stat-val{font:800 25px Segoe UI;margin-top:7px}.stat-note{font-size:10px;color:#a2adbc;margin-top:4px}.panel{padding:19px 20px;margin-bottom:18px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.paneltitle{font:700 14px Segoe UI}.panel-sub{font-size:11px;color:#94a0b1;margin-top:4px}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.input,.select{height:35px;padding:0 11px;border:1px solid #e1e7ef;border-radius:7px;background:#fff;font:12px 'Segoe UI';color:#304158;outline:none}.input:focus,.select:focus{border-color:#8ca9e5;box-shadow:0 0 0 3px #3066d515}.input{min-width:220px}.select{min-width:125px}table{border-collapse:collapse;width:100%;font-size:12px}th{color:#8995a6;background:#f8fafc;text-align:left;font-size:10px;letter-spacing:.4px;font-weight:700;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px;border-bottom:1px solid #eff2f6;vertical-align:middle;color:#425169}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f9fbfe}.strong{font-weight:700;color:#253550}.muted{font-size:10px;color:#8a96a8;margin-top:3px}.status{display:inline-flex;border-radius:20px;padding:5px 9px;background:#edf2fa;color:#526887;font-size:10px;font-weight:700;white-space:nowrap}.status.green{background:#e7f6ee;color:#168355}.status.amber{background:#fff5dc;color:#a16c00}.status.red{background:#fdeaea;color:#be3d3d}.status.blue{background:#e9f0ff;color:#3e68bd}.status.gray{background:#eff2f5;color:#69778b}.contact{white-space:pre-line;line-height:1.5}.next{max-width:190px}.empty{padding:48px 20px;text-align:center;color:#8995a6}.empty b{display:block;color:#425169;margin-bottom:6px}.pagination{display:flex;justify-content:space-between;align-items:center;color:#8793a4;font-size:11px;padding-top:13px}.pages{display:flex;gap:5px}.pages button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px 9px;color:#596982;cursor:pointer}.pages button.active{background:#edf3ff;color:#2859b7;border-color:#c8d7f5}.route{min-width:185px}.route b{color:#314159}.route span{color:#9aa5b5;padding:0 5px}.note-btn{border:0;background:none;color:#4770c2;font-weight:600;cursor:pointer;font-size:11px;padding:4px}.note{max-width:260px;white-space:normal;color:#596a81;font-size:11px}.week{margin-bottom:16px}.weekhead{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#f1f5fb;border-bottom:1px solid var(--line);border-radius:9px 9px 0 0}.weekhead b{font:700 13px Segoe UI}.weekhead span{font-size:11px;color:#8592a5}.summary{background:#fafbfd;font-weight:700}.summary td{color:#3b4c63}.pills{display:flex;gap:7px;align-items:center}.hint{font-size:10px;color:#929daf}footer{font-size:9px;letter-spacing:1px;color:#a1aaba;margin:26px 3px 0}footer span{padding:0 5px}.toast{position:fixed;right:25px;bottom:25px;background:#173154;color:#fff;padding:13px 18px;border-radius:8px;box-shadow:0 8px 28px #10203b35;font-size:12px;z-index:5}.modalback{position:fixed;inset:0;background:#11213c66;display:grid;place-items:center;z-index:4}.modal{background:#fff;width:min(520px,90vw);border-radius:12px;padding:22px;box-shadow:0 20px 60px #10203b40}.modal h3{margin:0 0 5px;font:700 17px Segoe UI}.modal p{color:#6e7d92;font-size:12px}.modalbody{max-height:55vh;overflow:auto;padding:5px 0}.modalrow{padding:10px;border-bottom:1px solid var(--line);font-size:12px}.modalfoot{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}@media(max-width:1050px){main{padding:25px 23px;margin-left:210px}.sidebar{width:210px}.cards{grid-template-columns:repeat(2,1fr)}.tablewrap{overflow:auto}table{min-width:920px}}@media(max-width:650px){.sidebar{position:sticky;top:0;width:auto;height:auto;padding:9px 10px;z-index:3;display:block}.brand{margin:0 7px 8px}.brandmark{width:29px;height:29px}.navlabel,.sidebottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.sidebar nav button{flex:0 0 auto;padding:9px 10px;font-size:11px}.sidebar nav button span{display:none}main{margin:0;padding:20px 14px}header{align-items:flex-start;gap:10px}.headright{gap:7px;flex-direction:column-reverse;align-items:flex-end}.sync-label{font-size:9px}.button{padding:8px 10px}h1{font-size:23px}.cards{gap:8px}.stat{padding:13px}.stat-val{font-size:21px}.panel{padding:14px}.panelhead{align-items:flex-start;flex-direction:column}.input{min-width:0;width:100%}.tools{width:100%}.tools .input{flex:1 1 100%}.tools .select{flex:1}.tablewrap{margin:0 -8px}footer{margin-bottom:12px}}
tr.loadrow.green td{background:#edf8f1}tr.loadrow.amber td{background:#fff8e6}tr.loadrow.red td{background:#fff0ef}tr.loadrow td:first-child{border-left:3px solid transparent}tr.loadrow.green td:first-child{border-left-color:#2da875}tr.loadrow.amber td:first-child{border-left-color:#e3ac29}tr.loadrow.red td:first-child{border-left-color:#d65e5e}

.note-dropdown{margin-top:5px;max-width:290px;font-size:10px}.note-dropdown summary{cursor:pointer;list-style:none;color:#4770c2;font-weight:600;user-select:none}.note-dropdown summary::-webkit-details-marker{display:none}.note-dropdown summary:after{content:"  ▾"}.note-dropdown[open] summary:after{content:"  ▴"}.note-content{margin-top:6px;padding:9px 10px;border:1px solid #e1e7ef;border-radius:7px;background:#fbfcfe;color:#596a81;font-size:11px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}
.row-actions{display:flex;gap:5px;flex-wrap:wrap;min-width:180px}.row-action{border:1px solid #dfe6ef;background:#fff;color:#435570;border-radius:6px;padding:6px 8px;font:600 10px 'Segoe UI',sans-serif;cursor:pointer}.row-action:hover{border-color:#9bb1d4;background:#f7f9fd}.row-action.delete{color:#b74747}.row-action.delete:hover{border-color:#e4aaaa;background:#fff6f5}.modal-wide{width:min(700px,94vw)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-field{display:grid;gap:6px;color:#6e7d92;font-size:11px;font-weight:600}.form-field input,.form-field textarea{width:100%;border:1px solid #dfe6ef;border-radius:7px;padding:9px 10px;color:#273a56;font:12px 'Segoe UI',sans-serif;outline:none}.form-field input:focus,.form-field textarea:focus{border-color:#8ca9e5;box-shadow:0 0 0 3px #3066d515}.form-field textarea{min-height:74px;resize:vertical}.button.danger{background:#bd4848;border-color:#bd4848;color:white}.button.danger:hover{background:#a83a3a}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.row-actions{min-width:180px}}

/* Higher contrast palette and system typography */
:root{--navy:#10213b;--ink:#1a2a40;--muted:#5b6a80;--line:#d7e0eb;--bg:#eef2f7;--blue:#2458b8;--green:#176444}
body{background:#edf2f7;color:#1c2c42;font-family:"Segoe UI",Arial,sans-serif}
.sidebar{background:#10213b}
.brand small,.navlabel{color:#aebbd0}
.sidebar nav button{color:#d1d9e6}
.sidebar nav button:hover,.sidebar nav button.active{background:#2b4770;color:#fff}
.sidebottom{color:#e1e8f2}
.sidebottom small{color:#bdc9da}
h1,.paneltitle,.strong,.weekhead b{color:#17283f}
.eyebrow{color:#586a82}
.sync-label,.stat-label,.panel-sub,.muted,.hint,.pagination,footer{color:#5c6b80}
.stat,.panel{border-color:#d8e1ec;box-shadow:0 2px 8px #1c34520c}
.stat-label{font-weight:700}
th{color:#4e6078;background:#eaf0f6;border-bottom-color:#d3dce8}
td{color:#2d3e55}
.input,.select{color:#263951;border-color:#c8d3e1;background:#fff}
.input::placeholder{color:#65758b;opacity:1}
.button{color:#273a53;border-color:#c8d3e1}
.button.primary{background:#2458b8;border-color:#2458b8;color:#fff}
.status.green{background:#d9f0e3;color:#105b3d}
.status.amber{background:#ffedbd;color:#744a00}
.status.red{background:#f9dede;color:#902d2d}
.status.blue{background:#dce8ff;color:#244e9a}
.status.gray{background:#e5eaf0;color:#45556c}
.row-action{color:#2f425c;border-color:#c8d3e1}
.note-dropdown summary,.note-btn{color:#2458b8}
.weekhead,.summary td{background-color:#eef3f8}
@media(max-width:650px){.sidebar{background:#10213b}}

tr.loadrow.green td{background:#e3f3e8}tr.loadrow.green td:first-child{border-left-color:#238553}
tr.loadrow.amber td{background:#fff2ce}tr.loadrow.amber td:first-child{border-left-color:#c28a12}
tr.loadrow.red td{background:#fde8e7}tr.loadrow.red td:first-child{border-left-color:#c04444}
tr.loadrow.blue td{background:#e5efff}tr.loadrow.blue td:first-child{border-left-color:#3268c4}

/* Gentle delivery-date pulse for loads due today or later until marked delivered with POD. */
.loads-table td.load-delivery-warning{position:relative;animation:delivery-cell-pulse 2s ease-in-out infinite}
.delivery-date-alert{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.delivery-date-alert i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#d97706;box-shadow:0 0 0 0 #d9770655;animation:delivery-dot-pulse 1.8s ease-out infinite}
@keyframes delivery-cell-pulse{0%,100%{background-color:#fff8e8}50%{background-color:#ffe2a8}}
@keyframes delivery-dot-pulse{0%{box-shadow:0 0 0 0 #d9770666}70%{box-shadow:0 0 0 6px #d9770600}100%{box-shadow:0 0 0 0 #d9770600}}
@media(prefers-reduced-motion:reduce){.loads-table td.load-delivery-warning,.delivery-date-alert i{animation:none}}

.load-status-cards{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}.status-card{width:100%;text-align:left;cursor:pointer;font-family:"Segoe UI",Arial,sans-serif;transition:border-color .15s,box-shadow .15s,transform .15s}.status-card:hover{transform:translateY(-1px);border-color:#98acc9;box-shadow:0 4px 12px #1b315018}.status-card.active{border-color:#2458b8;box-shadow:0 0 0 2px #2458b833}.status-card.green{background:#e3f3e8;border-color:#b8dcc4}.status-card.amber{background:#fff2ce;border-color:#e7d49b}.status-card.red{background:#fde8e7;border-color:#e7b9b7}.status-card.blue{background:#e5efff;border-color:#c0d2f2}.status-card.problem{background:#f4eaff;border-color:#d7b9f0}.status-card.problem .stat-label,.status-card.problem .stat-val{color:#672b91}.status-card.empty{background:#f8fafc}.status-card.green .stat-label{color:#176444}.status-card.amber .stat-label{color:#805500}.status-card.red .stat-label{color:#9d3434}.status-card.blue .stat-label{color:#2858a4}
tr.loadrow.problem td{background:#f4eaff;color:#30213c}tr.loadrow.problem td:first-child{border-left-color:#8847b2}.status.problem{background:#e8d6f7;color:#5b1d82}
/* Load Board status colors: row backgrounds stay readable while matching the requested palette. */
tr:not(.loadrow).empty-status td{background:#7cff00;color:#173000}
tr:not(.loadrow).empty-today td{background:#56b84a;color:#102f13}
tr:not(.loadrow).blue td{background:#a9d7ff;color:#143b60}
tr:not(.loadrow).gray td{background:#d5d9de;color:#343b45}
tr:not(.loadrow).brokedown td{background:#ffad55;color:#542b00}
tr:not(.loadrow).mty-to-pu td{background:#e8d4ad;color:#514025}
tr:not(.loadrow).at-pu td{background:#fff2a8;color:#544800}
.status.at-pu{background:#f4d45e;color:#574400;box-shadow:inset 0 0 0 1px #d5ad00}
tr:not(.loadrow).at-delivery td{background:#a8d8c0;color:#173b2b}
tr:not(.loadrow).book-himself td{background:#d8b4f8;color:#422064}
tr:not(.loadrow).maintenance td{background:#d98772;color:#4b1e15}
tr:not(.loadrow) td:first-child{border-left:4px solid transparent}
tr:not(.loadrow).empty-status td:first-child{border-left-color:#51a900}
tr:not(.loadrow).empty-today td:first-child{border-left-color:#287c2c}
tr:not(.loadrow).blue td:first-child{border-left-color:#3684c7}
tr:not(.loadrow).gray td:first-child{border-left-color:#7d8792}
tr:not(.loadrow).brokedown td:first-child{border-left-color:#d87716}
tr:not(.loadrow).mty-to-pu td:first-child{border-left-color:#b5965c}
tr:not(.loadrow).at-pu td:first-child{border-left-color:#d5ad00}
tr:not(.loadrow).at-delivery td:first-child{border-left-color:#3d9a70}
tr:not(.loadrow).book-himself td:first-child{border-left-color:#8e56c2}
tr:not(.loadrow).maintenance td:first-child{border-left-color:#974631}
.row-number{width:42px;text-align:center!important;font-weight:800;font-variant-numeric:tabular-nums;color:#203654!important}
.status.empty-status{display:inline-flex;align-items:center;align-self:center;height:auto;min-height:0;padding:5px 9px;border-radius:20px;background:#e3f3e8;color:#176444;line-height:1.2;white-space:nowrap}
.empty:not(.status){padding:48px 20px;text-align:center}
@media(max-width:650px){.load-status-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.load-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:9px;align-items:end;margin:0 0 16px;padding:13px;background:#f5f8fc;border:1px solid #d7e0eb;border-radius:9px}.load-filters>.input,.load-filters>.select{width:100%;min-width:0}.date-filter{display:grid;gap:5px;color:#4e6078;font-size:10px;font-weight:700}.date-filter .input{width:100%;min-width:0}.load-filters .button{height:36px}@media(max-width:650px){.load-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.load-filters>.input,.load-filters>.select,.date-filter{grid-column:span 1}}
.load-edit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:2px 1px 10px}.load-edit-grid .form-field{min-width:0}.load-edit-grid .form-field input,.load-edit-grid .form-field select,.load-edit-grid .form-field textarea{min-width:0;width:100%;border:1px solid #c8d3e1;border-radius:7px;padding:9px 10px;background:#fff;color:#263951;font:12px "Segoe UI",Arial,sans-serif}.load-edit-grid .form-field textarea{min-height:74px;resize:vertical}.modal-wide:has(#loadForm){width:min(1440px,98vw)}.modal-wide:has(#loadForm) .modalbody{max-height:calc(90vh - 145px)}.invoice-addon-field[hidden]{display:none}@media(max-width:1100px){.load-edit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.load-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.load-edit-grid{grid-template-columns:1fr}.modal-wide:has(#loadForm){width:96vw}.modal-wide:has(#loadForm) .modalbody{max-height:72vh}}
.edit-section{margin:4px 0 13px;padding:14px 15px 12px;border:1px solid #dce4ee;border-radius:10px;background:#fbfcfe}.edit-section h4{margin:0 0 12px;color:#233a5a;font-size:12px;font-weight:750;letter-spacing:.35px}.edit-section .load-edit-grid{padding:0;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.edit-section .form-field{font-size:11px}.edit-section .field-wide{grid-column:span 2}.edit-section .charge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.invoice-help{color:#62738a;font-size:11px;line-height:1.5}.edit-section:last-of-type .load-edit-grid textarea{min-height:100px}.modal-wide:has(#loadForm){width:min(1520px,98vw)}
.invoice-total-section{background:#f1f6ff;border-color:#bed0ed}.total-invoice-field{max-width:320px}.total-invoice-field input{font-size:17px!important;font-weight:750;color:#164b9f!important;background:#fff!important;border-color:#a9c0e7!important}
.drivers-subnav{display:flex;gap:8px;margin:0 0 14px;padding:0 0 10px;border-bottom:1px solid #d9e2ee}.drivers-subnav button{border:1px solid transparent;border-radius:7px;padding:9px 13px;background:transparent;color:#52647c;font:600 12px "Segoe UI",Arial,sans-serif;cursor:pointer}.drivers-subnav button:hover{background:#eef4fc;color:#244e91}.drivers-subnav button.active{border-color:#c8d8ef;background:#e8f1ff;color:#174b9c}.equipment-intro{margin:2px 0 14px;padding:15px 17px;border:1px solid #d8e2ef;border-radius:10px;background:linear-gradient(110deg,#f4f8ff,#fff)}.equipment-panel{margin-bottom:15px}.equipment-entry{display:flex;align-items:end;gap:12px;margin:0 0 13px;padding:12px;border:1px solid #e0e7f0;border-radius:9px;background:#f8fafd}.equipment-fields{display:grid;flex:1;grid-template-columns:repeat(6,minmax(90px,1fr));gap:9px}.equipment-fields .form-field{min-width:0;color:#53657e;font-size:10px;font-weight:700}.equipment-fields input{width:100%;min-width:0;margin-top:5px;border:1px solid #c8d3e1;border-radius:7px;padding:9px 10px;background:#fff;color:#263951;font:12px "Segoe UI",Arial,sans-serif}.equipment-panel .tablewrap{margin-top:9px}.equipment-panel table{width:100%;table-layout:fixed}.equipment-panel th,.equipment-panel td{padding:9px 8px;overflow-wrap:anywhere}.equipment-panel .empty{padding:14px;color:#74839a}@media(max-width:900px){.equipment-entry{align-items:stretch;flex-direction:column}.equipment-fields{grid-template-columns:repeat(3,minmax(90px,1fr))}}@media(max-width:560px){.equipment-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.drivers-subnav{overflow-x:auto}}
.load-edit-grid .form-field:has([data-us-location]){position:relative}.location-source-note{display:block;margin-top:4px;color:#75849a;font-size:9px;font-weight:400}.us-location-suggestions{position:absolute;z-index:30;top:100%;left:0;right:0;display:none;max-height:260px;overflow:auto;border:1px solid #c8d3e1;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 8px 22px #15263b24}.us-location-suggestions.open{display:block}.us-location-suggestions button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;border:0;border-bottom:1px solid #edf1f6;background:#fff;color:#263951;text-align:left;font:12px "Segoe UI",Arial,sans-serif;cursor:pointer}.us-location-suggestions button:hover,.us-location-suggestions button:focus{background:#edf4ff;outline:0}.us-location-suggestions button small{flex:none;color:#75849a;font-size:9px}.location-no-results{padding:9px 10px;color:#66768c;font-size:11px}
@media(max-width:1100px){.edit-section .load-edit-grid,.edit-section .charge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.edit-section .load-edit-grid,.edit-section .charge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.edit-section{padding:11px}.edit-section .load-edit-grid,.edit-section .charge-grid{grid-template-columns:1fr}.edit-section .field-wide{grid-column:auto}}
.loads-table{width:100%;min-width:0!important;table-layout:fixed;font-size:10px}.loads-table th,.loads-table td{padding:7px 4px;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.3}.loads-table th{font-size:9px;letter-spacing:0}.loads-table .row-actions{min-width:0;display:grid;gap:3px}.loads-table .row-action{padding:4px 3px;font-size:9px}.loads-table th:nth-child(1){width:4%}.loads-table th:nth-child(2){width:5%}.loads-table th:nth-child(3){width:6%}.loads-table th:nth-child(4),.loads-table th:nth-child(5){width:6.5%}.loads-table th:nth-child(6),.loads-table th:nth-child(10){width:5%}.loads-table th:nth-child(7),.loads-table th:nth-child(11){width:4%}.loads-table th:nth-child(8),.loads-table th:nth-child(9),.loads-table th:nth-child(12),.loads-table th:nth-child(13){width:3%}.loads-table th:nth-child(14){width:4.5%}.loads-table th:nth-child(15){width:5.5%}.loads-table th:nth-child(16){width:6%}.loads-table th:nth-child(17){width:5%}.loads-table th:nth-child(18){width:4%}.loads-table th:nth-child(19){width:5%}.loads-table th:nth-child(20),.loads-table th:nth-child(21){width:5.5%}.loads-table th:nth-child(22){width:5%}@media(max-width:1100px){.loads-table{min-width:1100px!important}.loads-table th,.loads-table td{padding:8px 6px}}

.loads-table th:nth-child(20),.loads-table th:nth-child(21),.loads-table th:nth-child(22){width:5%}.loads-table th:nth-child(23){width:5%}

/* Load table readability: reserve width for descriptive cells and keep compact values narrow. */
.loads-table{width:100%;min-width:1260px!important;table-layout:fixed;font-size:10px}
.loads-table th{white-space:normal;text-align:center;vertical-align:middle;overflow-wrap:anywhere;line-height:1.2;padding:9px 5px;font-size:9px}
.loads-table td{vertical-align:top;line-height:1.4;padding:8px 5px;overflow-wrap:anywhere}
.loads-table th:nth-child(1){width:3%}.loads-table th:nth-child(2){width:4%}.loads-table th:nth-child(3){width:5%}.loads-table th:nth-child(4),.loads-table th:nth-child(5){width:8%}
.loads-table th:nth-child(6),.loads-table th:nth-child(10){width:4%}.loads-table th:nth-child(7),.loads-table th:nth-child(11){width:4%}.loads-table th:nth-child(8),.loads-table th:nth-child(9),.loads-table th:nth-child(12),.loads-table th:nth-child(13){width:2.5%}
.loads-table th:nth-child(14){width:3%}.loads-table th:nth-child(15){width:4%}.loads-table th:nth-child(16){width:4%}.loads-table th:nth-child(17){width:5%}.loads-table th:nth-child(18){width:3%}.loads-table th:nth-child(19){width:8%}.loads-table th:nth-child(20),.loads-table th:nth-child(21){width:4%}.loads-table th:nth-child(22),.loads-table th:nth-child(23){width:5%}
.loads-table td:nth-child(1),.loads-table td:nth-child(2),.loads-table td:nth-child(6),.loads-table td:nth-child(7),.loads-table td:nth-child(8),.loads-table td:nth-child(9),.loads-table td:nth-child(10),.loads-table td:nth-child(11),.loads-table td:nth-child(12),.loads-table td:nth-child(13),.loads-table td:nth-child(14),.loads-table td:nth-child(15),.loads-table td:nth-child(16),.loads-table td:nth-child(17),.loads-table td:nth-child(18),.loads-table td:nth-child(20),.loads-table td:nth-child(21),.loads-table td:nth-child(22),.loads-table td:nth-child(23){text-align:center}

/* Loads table combines pickup and delivery appointment/time fields for roomier details. */
.loads-table{min-width:1500px!important;width:max(100%,1500px);table-layout:fixed}
.loads-table th:nth-child(1){width:3%}.loads-table th:nth-child(2){width:4%}.loads-table th:nth-child(3){width:5%}.loads-table th:nth-child(4){width:8%}.loads-table th:nth-child(5){width:4%}.loads-table th:nth-child(6){width:7%}.loads-table th:nth-child(7){width:8%}.loads-table th:nth-child(8){width:4%}.loads-table th:nth-child(9){width:7%}.loads-table th:nth-child(10){width:4%}.loads-table th:nth-child(11){width:6%}.loads-table th:nth-child(12){width:7%}.loads-table th:nth-child(13){width:5%}.loads-table th:nth-child(14){width:4%}.loads-table th:nth-child(15){width:6%}.loads-table th:nth-child(16){width:4%}.loads-table th:nth-child(17){width:4%}.loads-table th:nth-child(18){width:5%}.loads-table th:nth-child(19){width:5%}
.loads-table td:nth-child(12){white-space:nowrap}.load-schedule{display:grid;gap:3px;white-space:normal;font-size:10px}.load-schedule span{display:block}.load-schedule b{color:#718199;font-size:9px;letter-spacing:.25px;margin-right:4px}

/* Loads & Miles: monthly driver-by-week matrix. */
.miles-grid-wrap{max-width:100%;max-height:calc(100vh - 285px);overflow:auto;border:1px solid #d9e2ed;border-radius:10px;background:#f7f9fc;padding:4px}
.miles-grid-table{width:max-content;min-width:100%;table-layout:fixed;border-collapse:separate;border-spacing:6px;margin:0}
.miles-grid-table th,.miles-grid-table td{padding:0;border:0;background:transparent;white-space:normal}
.miles-grid-table .miles-driver-heading,.miles-grid-table .miles-driver-name{position:sticky;left:0;width:175px;min-width:175px;max-width:175px;z-index:2;background:#f7f9fc;text-align:left}
.miles-grid-table .miles-driver-heading{top:0;z-index:4;padding:12px;color:#52647c;font-size:10px;letter-spacing:.7px}
.miles-grid-table .miles-week-heading{position:sticky;top:0;z-index:3;width:542px;min-width:542px;background:#e9eff7;border:1px solid #d6e0ec;border-radius:9px;padding:10px;text-align:center}
.miles-week-heading span{display:block;color:#213a5c;font-size:12px;font-weight:750}.miles-week-heading small{display:block;margin-top:4px;color:#687a92;font-size:10px;font-weight:500}
.miles-grid-table .miles-driver-name{padding:12px;border:1px solid #e0e6ef;border-radius:9px;background:#fff;color:#203654;font-size:12px;font-weight:700}
.miles-grid-table .miles-dispatcher-row th{padding:9px 12px;border:1px solid #d5e2f2;border-left:4px solid #4c7fd0;border-radius:8px;background:linear-gradient(100deg,#eaf2ff,#f5f8ff);color:#244b7d;text-align:left;font-size:12px;font-weight:800}
.miles-grid-table .miles-dispatcher-row small{float:right;color:#7185a2;font-size:10px;font-weight:600}
.miles-grid-table .miles-driver-name .miles-unit{display:block;color:#244b7d;font-size:12px;font-weight:800}
.miles-driver-name small{display:block;margin-top:4px;color:#708098;font-size:10px;font-weight:500}
.miles-week-cell{min-height:90px;display:flex;align-items:stretch;justify-content:center;border:1px solid #dbe3ed;border-radius:9px;background:#fff;color:#536780;padding:0}
.miles-week-cell.has-trips{background:#eef4ff;border-color:#c7d7f0;color:#244e91}.miles-week-cell.empty{background:#fbfcfe;color:#adb7c5;align-items:center}.trip-none{font-size:16px}.miles-undated{margin:0 0 12px;padding:9px 11px;border-radius:7px;background:#fff5df;color:#805d14}
.miles-loadbox{width:100%;min-width:0;background:#fff;border-radius:8px;overflow:hidden;color:#203654}.miles-loadbox-head{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:8px 10px;background:#17202c;color:#fff;font-size:11px}.miles-loadbox-head b{color:#fff}.miles-loadbox-head small{grid-column:1/-1;color:#d8e0ec;font-size:10px}.miles-loadbox-head span{text-align:right;color:#ffd166;font-weight:700}.miles-trip-list{overflow-x:auto}.miles-trip-labels,.miles-trip{min-width:542px;display:grid;grid-template-columns:134px 134px 94px 60px 60px 60px;align-items:stretch}.miles-trip-labels{background:#e9eef5;color:#52647c;font-size:8px;font-weight:800;letter-spacing:.2px;text-align:center}.miles-trip-labels span{padding:5px 3px;border-right:1px solid #d6deea}.miles-trip{border-top:1px solid #dbe3ed;font-size:10px}.miles-trip:nth-child(odd){background:#f9fbfd}.miles-trip-dates,.miles-trip-numbers>span{min-width:0;padding:6px 5px;border-right:1px solid #e2e8f0}.miles-trip-dates span{display:block;color:#64748b;font-size:9px;font-weight:700}.miles-trip-dates strong{display:block;overflow-wrap:anywhere;font-weight:600}.miles-trip-numbers{display:contents;text-align:center}.miles-trip-numbers>span{display:flex;flex-direction:column;justify-content:center;font-variant-numeric:tabular-nums}.miles-trip-numbers>span:first-child{background:#e6f1e5;color:#1e5730;font-weight:750}.miles-trip-numbers>span:nth-child(3){background:#e2ecfa}.miles-trip-numbers>span:nth-child(4){background:#f9e4d1}.miles-trip-numbers small{font-size:8px;font-weight:500;color:#687a92}.miles-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#dbe3ed;border-top:1px solid #cad5e3}.miles-summary div{display:flex;justify-content:space-between;align-items:center;gap:3px;padding:5px 6px;background:#f5f8fb}.miles-summary b{color:#203654;font-size:10px;font-variant-numeric:tabular-nums}.miles-summary span{color:#65768b;font-size:8px;text-align:right}
@media(max-width:650px){.miles-grid-wrap{max-height:calc(100vh - 300px);margin:0 -8px}.miles-grid-table .miles-driver-heading,.miles-grid-table .miles-driver-name{width:145px;min-width:145px;max-width:145px}.miles-grid-table .miles-week-heading{width:542px;min-width:542px}.miles-grid-table td{width:542px;min-width:542px}.miles-week-cell{min-height:70px}}
.loads-table td:has(.load-location){text-align:left!important;vertical-align:middle!important;color:#214f85;font-weight:700}.loads-table .load-location{display:block;line-height:1.35;text-wrap:pretty;overflow-wrap:anywhere}.loads-table th:nth-child(4),.loads-table th:nth-child(5){width:9%}.loads-table th:nth-child(7){width:5%}.loads-table th:nth-child(9){width:5%}.loads-table th:nth-child(11){width:5%}.loads-table th:nth-child(12){width:6%}.loads-table th:nth-child(-n+4){text-align:left!important}.loads-table td{vertical-align:middle!important}

/* Loads page spacing and readable horizontal table layout. */
.loads-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;border:1px solid #dfe6ef;border-radius:9px;background:#fff;scrollbar-gutter:stable}
.loads-table{width:max-content;min-width:100%;table-layout:fixed;font-size:11px}
.loads-table th{padding:11px 8px;white-space:normal;text-align:center;vertical-align:middle;line-height:1.25;overflow-wrap:anywhere;word-break:normal;font-size:10px;letter-spacing:.15px;color:#53647d;background:#f1f5fa}
.loads-table td{padding:10px 9px;vertical-align:middle;line-height:1.35;overflow-wrap:anywhere;word-break:normal}
.loads-table td.load-col-pick-up-location,.loads-table td.load-col-delivery-location{text-align:left!important;color:#214f85;font-weight:700}
.loads-table .load-location{display:block;line-height:1.35;overflow-wrap:anywhere}
.loads-table td.load-col-note{max-width:146px;white-space:normal;display:table-cell}
.loads-table td.load-col-note>*{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.loads-table .row-actions{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.loads-table .row-action{padding:6px 8px;font-size:10px}
.loads-table th[data-sort]:hover{color:#214f85;background:#e9f0fa}
@media(max-width:650px){.loads-table-wrap{margin:0 -5px}.loads-table th,.loads-table td{padding:9px 7px}}
.loads-table th{width:auto!important}.loads-table td.load-col-note{max-height:52px;overflow:hidden}
.loads-table{min-width:1200px!important;width:max-content}
main{max-width:none;width:auto;padding-right:24px}
.loads-table{width:100%!important;min-width:0!important;table-layout:fixed}
.loads-table-wrap{overflow-x:hidden}
.loads-table th,.loads-table td{padding-left:4px;padding-right:4px;overflow-wrap:anywhere;word-break:break-word}
.loads-table td.load-col-loaded-miles,.loads-table td.load-col-lumper-invoice-add-on-amount,.loads-table td.load-col-detention-invoice-add-on-amount{padding-left:2px;padding-right:2px;text-align:center;font-size:9px}
@media(max-width:1100px){.loads-table-wrap{overflow-x:auto}.loads-table{min-width:1100px!important}}
.home-location{min-width:105px;text-align:left!important;font-weight:650;color:#214f85;white-space:normal;overflow-wrap:anywhere}
.loads-table td{white-space:pre-line;vertical-align:middle!important;line-height:1.45}
.loads-table td.load-col-note{max-height:none;overflow:visible;white-space:pre-line}
.loads-table td.load-col-note>*{display:block;overflow:visible;max-height:none;white-space:pre-line;overflow-wrap:anywhere}
.load-schedule{display:grid;gap:5px;white-space:normal;font-size:10px}
.load-schedule span{display:flex;flex-direction:column;gap:1px;line-height:1.2}
.load-schedule b{font-size:8px;letter-spacing:.3px;color:#74839a}
.load-schedule strong{font-size:10px;font-weight:650;color:#34465f}

/* Truck Analytics dashboard */
.analytics-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:2px 0 16px;padding:0 2px}
.analytics-month-label{font-size:10px;font-weight:800;letter-spacing:1.1px;color:#52709a}
.analytics-source{margin-top:5px;color:#8292a9;font-size:11px}
.analytics-controls{display:flex;align-items:center;gap:10px}
.analytics-month{min-width:190px;font-weight:700}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.analytics-kpi{display:flex;flex-direction:column;gap:7px;min-height:102px;padding:16px 18px;background:#fff;border:1px solid #d9e2ef;border-radius:12px;box-shadow:0 3px 10px #172b4d08}
.analytics-kpi>span{font-size:9px;letter-spacing:.75px;font-weight:800;color:#73829a}
.analytics-kpi>strong{font-size:25px;line-height:1;font-weight:800;color:#142c4c}
.analytics-kpi>small{font-size:10px;color:#8795a9}
.analytics-kpi.kpi-revenue{background:linear-gradient(135deg,#102849,#1b4778);border-color:#1e4b7d}
.analytics-kpi.kpi-revenue>span,.analytics-kpi.kpi-revenue>small{color:#bed2ed}
.analytics-kpi.kpi-revenue>strong{color:#fff}
.analytics-segments{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:14px}
.analytics-segment{padding:14px 16px;background:#f8faff;border:1px solid #dce5f1;border-radius:11px}
.analytics-segment>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center}
.analytics-kicker{font-size:10px;font-weight:800;letter-spacing:.35px;color:#52709a}
.analytics-segment>div:first-child b{font-size:10px;color:#8391a5}
.analytics-segment>strong{display:block;margin:8px 0 9px;font-size:20px;color:#1c3454}
.analytics-segment-meta{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:9px;color:#73829a}
.analytics-panel{margin-bottom:14px}
.analytics-panel .panelhead{margin-bottom:12px}
.analytics-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:auto}
.analytics-table th{padding:10px 9px;font-size:9px;letter-spacing:.35px;white-space:nowrap}
.analytics-table td{padding:10px 9px;font-size:11px;white-space:nowrap}
.dispatcher-table{min-width:800px}
.dispatcher-table td:first-child{min-width:135px}
.dispatcher-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#4f7cf3}
.gross-cell{display:flex;align-items:center;gap:10px;min-width:175px}
.gross-cell strong{min-width:82px;font-size:11px;color:#203c61}
.gross-bar{height:6px;flex:1;overflow:hidden;background:#edf2fa;border-radius:99px}
.gross-bar i{display:block;height:100%;background:linear-gradient(90deg,#5c89fa,#48b9ae);border-radius:99px}
.truck-table{min-width:1080px}
.truck-table th:first-child,.truck-table td:first-child{text-align:center;width:38px}
.truck-score-list{display:grid;gap:9px}
.truck-dispatcher-group{display:grid;gap:8px;margin-bottom:16px}
.truck-dispatcher-group:last-child{margin-bottom:0}
.truck-dispatcher-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 15px;background:linear-gradient(100deg,#eaf2ff 0%,#f5f8ff 58%,#eef7f6 100%);border:1px solid #c6d7f0;border-left:4px solid #4c7fd0;border-radius:10px;box-shadow:0 3px 10px #294e7a12}
.truck-dispatcher-title{display:flex;align-items:center;gap:10px;min-width:150px}
.dispatcher-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#d7e6ff;color:#285a9e;font-size:14px;font-weight:850;box-shadow:inset 0 0 0 1px #bfd2f0}
.truck-dispatcher-title strong{display:block;color:#173b69;font-size:14px;font-weight:800}
.truck-dispatcher-title small{display:block;margin-top:3px;color:#7185a2;font-size:10px;font-weight:600}
.truck-dispatcher-stats{display:flex;align-items:center;gap:25px}
.truck-dispatcher-stats span{display:block;color:#6b7f9d;font-size:9px;font-weight:800;letter-spacing:.5px;white-space:nowrap}
.truck-dispatcher-stats b{display:block;margin-top:5px;color:#1e426d;font-size:12px;font-weight:800;white-space:nowrap}
.truck-dispatcher-stats .dispatcher-type-average{padding:7px 10px;background:#fff9;border:1px solid #dce7f4;border-radius:8px}
.truck-dispatcher-stats .dispatcher-type-average.specialty{background:#f8f4ff;border-color:#e5d9f4}
.truck-dispatcher-stats .dispatcher-type-average span{font-size:8px;letter-spacing:.35px}
.truck-scorecard{display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(145px,.68fr) minmax(450px,2.6fr);align-items:center;gap:18px;padding:13px 15px;background:linear-gradient(105deg,#fff 0%,#fbfdff 100%);border:1px solid #e1e8f1;border-radius:11px;box-shadow:0 2px 7px #172b4d06}
.truck-score-identity{display:flex;align-items:center;gap:12px;min-width:0}
.truck-score-rank{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#edf3fc;color:#6781a4;font-size:11px;font-weight:800}
.truck-score-name{min-width:0}
.truck-score-name>div{display:flex;align-items:center;gap:8px}
.truck-score-name>div>b{color:#17385f;font-size:15px;letter-spacing:.15px}
.truck-score-name>strong{display:block;margin:3px 0 6px;color:#3e5069;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.truck-score-name .analytics-dispatcher{padding:3px 8px;font-size:9px}
.truck-score-name .analytics-equipment{padding:3px 7px;font-size:8px}
.truck-score-main{padding-right:15px;border-right:1px solid #e9eef5}
.truck-score-main>span,.truck-score-metrics span{display:block;color:#8795a9;font-size:8px;font-weight:800;letter-spacing:.55px;white-space:nowrap}
.truck-score-main>strong{display:block;margin:5px 0 8px;color:#1c3c63;font-size:18px;line-height:1.1}
.truck-score-bar{height:4px;overflow:hidden;background:#edf2f8;border-radius:8px}
.truck-score-bar i{display:block;height:100%;background:linear-gradient(90deg,#3974d9,#55b5a2);border-radius:8px}
.truck-score-metrics{display:grid;grid-template-columns:repeat(7,minmax(55px,1fr));gap:8px 12px}
.truck-score-metrics b{display:block;margin-top:5px;color:#334a68;font-size:11px;font-weight:750;white-space:nowrap}
.truck-score-metrics b.score-good{color:#16815e}
.analytics-rank{color:#8191a7;font-weight:750}
.analytics-unit{display:block;color:#1a365d;font-size:12px}
.analytics-driver{display:block;margin-top:3px;color:#7c8ca3;font-size:10px}
.analytics-dispatcher{display:inline-block;padding:4px 8px;background:#eef3fb;border-radius:99px;color:#3c5d85;font-size:10px;font-weight:700}
.analytics-equipment{display:inline-block;padding:4px 7px;background:#f3f5f8;border-radius:6px;color:#586a82;font-size:9px;font-weight:700}
.money-cell{font-weight:750;color:#25466f}
.analytics-rate{display:inline-block;padding:5px 8px;background:#f0f4fa;border-radius:7px;font-weight:750;color:#516986}
.analytics-rate.rate-strong{background:#e4f6ef;color:#167b58}
.analytics-footnote{padding:9px 2px;color:#8a98aa;font-size:10px}
.analytics-week-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:9px}
.analytics-week{display:flex;min-height:114px;flex-direction:column;align-items:flex-start;gap:9px;padding:13px;background:#f7f9fd;border:1px solid #e0e7f1;border-radius:10px}
.analytics-week>span{font-size:9px;font-weight:800;letter-spacing:.7px;color:#71829b}
.analytics-week>b{font-size:10px;line-height:1.4;color:#314a6b}
.analytics-week>strong{margin-top:auto;font-size:16px;color:#1a365d}
.analytics-week.empty{justify-content:center;background:#fafbfd;border-style:dashed;color:#9aa7b7}
.analytics-week.empty>b{font-weight:600;color:#98a5b4}
.analytics-week.empty>strong{margin-top:0;color:#aab4c1}
.analytics-panel .tools{gap:7px}
.analytics-panel .input{width:210px;min-width:150px}
.analytics-panel .select{min-width:128px}
@media(max-width:1250px){.truck-scorecard{grid-template-columns:minmax(175px,1fr) minmax(130px,.65fr)}.truck-score-metrics{grid-column:1/-1;padding-left:46px}}
@media(max-width:1050px){.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-week-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:700px){.analytics-toolbar{align-items:flex-start;flex-direction:column}.analytics-kpis{grid-template-columns:1fr 1fr}.analytics-week-grid{grid-template-columns:1fr 1fr}.analytics-panel .panelhead{align-items:flex-start;flex-direction:column}.analytics-panel .tools{width:100%;flex-wrap:wrap}.analytics-panel .input{width:100%}.truck-dispatcher-heading{align-items:flex-start;flex-direction:column;gap:12px}.truck-dispatcher-stats{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.truck-scorecard{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px}.truck-score-main{padding-right:0;border:0;text-align:right}.truck-score-main>strong{font-size:16px}.truck-score-bar{width:88px;margin-left:auto}.truck-score-metrics{grid-template-columns:repeat(3,minmax(0,1fr));grid-column:1/-1;padding:10px 0 0;border-top:1px solid #edf1f6;gap:10px 6px}.truck-score-metrics span{font-size:7px}.truck-score-metrics b{font-size:10px}}
.miles-trip.cancelled{background:#fff1f1;color:#7f3030}.miles-trip.cancelled .miles-trip-dates span,.miles-trip.cancelled .miles-trip-numbers small{color:#995454}.miles-trip.cancelled .miles-trip-numbers>span:first-child{background:#fee2e2;color:#991b1b}.miles-trip-status{display:block;margin-top:2px;color:#b42318;font-size:7px;line-height:1.15;font-weight:900;letter-spacing:.3px}.miles-summary .miles-cancel-summary{background:#fff0f0}.miles-summary .miles-cancel-summary b,.miles-summary .miles-cancel-summary span{color:#b42318}
.loads-table{min-width:0!important;width:100%!important;table-layout:fixed}.loads-table .load-col-charge{text-align:center!important}.load-charge-cell{display:grid;gap:4px;min-width:0}.load-charge-type{font-weight:700;color:#27466f;overflow-wrap:anywhere}.load-charge-amount{font-size:9px;color:#687b94;overflow-wrap:anywhere}
.loads-table-wrap{overflow:visible!important}
.loads-table thead th{position:sticky;top:0;z-index:8;background:#edf2f8;box-shadow:0 1px 0 #d5dfec}
@media(max-width:1100px){.loads-table-wrap{overflow-x:auto!important;overflow-y:visible!important}}
.loads-table td.load-col-pu-date,.loads-table td.load-col-del-date{color:#24466f;font-size:11px;font-weight:650}
.loads-table .load-schedule{gap:3px}
.loads-table .load-schedule b{font-size:7.5px;color:#8795a8;letter-spacing:.3px}
.loads-table .load-schedule strong{font-size:9.5px;font-weight:500;color:#74859c}
tr.loadrow.brokedown td{background:#fff3df;color:#59472c}
tr.loadrow.brokedown td:first-child{border-left-color:#d59a3c}
tr.loadrow.brokedown .status.brokedown{background:#ffe4b9;color:#875817}
tr.loadrow.problem td{background:#fff0e9;color:#624239}
tr.loadrow.problem td:first-child{border-left-color:#dc8a68}
tr.loadrow.problem .status.problem{background:#ffe0d5;color:#9e4d32}
.sidebar nav button small{margin-left:auto;color:#8498ba;font-size:7px;letter-spacing:.55px;white-space:nowrap}
.timeline-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:0 2px 14px}.timeline-eyebrow{color:#5575a0;font-size:9px;font-weight:850;letter-spacing:1.2px}.timeline-intro h2{margin:5px 0 3px;color:#193353;font-size:20px}.timeline-intro p{margin:0;color:#78879c;font-size:11px}.timeline-experiment{padding:7px 10px;border:1px solid #e4d6a4;border-radius:99px;background:#fff8df;color:#80610d;font-size:8px;font-weight:850;letter-spacing:.7px}.timeline-kpis{margin-bottom:12px}.timeline-kpis .stat{min-width:0;padding:13px 16px}.timeline-kpis .stat-val{font-size:19px}.timeline-kpis .stat-note{font-size:9px}.timeline-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 16px;margin-bottom:14px;background:#f9fbfe}.timeline-control-title{display:grid;gap:3px;min-width:170px}.timeline-control-title strong{font-size:12px;color:#304765}.timeline-control-title span{font-size:9px;color:#8190a5}.timeline-controls .tools{justify-content:flex-end}.timeline-controls .input{min-width:185px}.timeline-controls .select{min-width:145px}.timeline-date{min-width:145px!important}.timeline-label{display:grid;gap:3px;color:#8694a7;font-size:8px;font-weight:800;letter-spacing:.6px}.timeline-truck{padding:0;overflow:hidden;margin-bottom:12px}.timeline-truck-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 16px;background:linear-gradient(100deg,#eaf2ff,#f7faff 68%,#eef7f5);border-bottom:1px solid #dce5f1}.timeline-truck-identity{display:flex;align-items:center;gap:10px;min-width:180px}.timeline-truck-mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#d8e7ff;color:#2e5b9c;font-weight:850;font-size:11px}.timeline-truck-identity strong{display:block;color:#183c67;font-size:13px}.timeline-truck-identity span{display:block;margin-top:3px;color:#71829a;font-size:10px}.timeline-truck-meta{display:flex;align-items:center;gap:22px}.timeline-truck-meta>span{display:grid;gap:4px;color:#8190a5;font-size:8px;font-weight:800;letter-spacing:.55px}.timeline-truck-meta b{color:#304c70;font-size:10px;letter-spacing:0}.timeline-sequence{display:flex;align-items:stretch;gap:0;overflow-x:auto;padding:14px 16px 17px;scrollbar-color:#bdcce0 #f3f6fa;scrollbar-width:thin}.timeline-load{flex:0 0 218px;min-height:193px;padding:12px;border:1px solid #dce5f0;border-top:3px solid #6c8fc8;border-radius:10px;background:#fff;box-shadow:0 2px 8px #1b31500b}.timeline-load.green{border-top-color:#39a578;background:#fcfffd}.timeline-load.amber{border-top-color:#e0ae3a;background:#fffefa}.timeline-load.red,.timeline-load.cancelled{border-top-color:#d65e5e;background:#fff8f7}.timeline-load.problem{border-top-color:#a36bc5;background:#fefbff}.timeline-load-top{display:flex;justify-content:space-between;align-items:flex-start;gap:7px}.timeline-dates{display:flex;align-items:center;gap:4px;white-space:nowrap;color:#25466c;font-size:9px}.timeline-dates span{color:#9aa7b7;font-size:8px}.timeline-load-top .status{padding:4px 7px;font-size:8px}.timeline-route{display:grid;gap:6px;margin:13px 0 12px}.timeline-route>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.timeline-route>div small{grid-column:1/-1;color:#90a0b4;font-size:7px;font-weight:850;letter-spacing:.7px}.timeline-route>div strong{color:#294461;font-size:11px;line-height:1.25;overflow-wrap:anywhere}.timeline-route>div span{align-self:center;color:#8593a6;font-size:8px;white-space:nowrap}.timeline-route>i{padding-left:5px;color:#a8b7ca;font-style:normal;font-size:10px;line-height:1}.timeline-load-foot{display:flex;justify-content:space-between;gap:9px;padding-top:9px;border-top:1px solid #eef1f5}.timeline-load-foot>span{display:grid;gap:3px;color:#8492a6;font-size:8px}.timeline-load-foot>span:last-child{text-align:right}.timeline-load-foot b{color:#2c486b;font-size:10px}.timeline-load-foot small{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a97a8;font-size:8px}.timeline-connector{flex:0 0 40px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:#8b9bb1}.timeline-connector i{position:absolute;top:50%;left:4px;right:4px;border-top:1px dashed #a9bad0}.timeline-connector small{z-index:1;padding:3px 4px;border-radius:6px;background:#f6f8fb;color:#8391a5;font-size:7px;text-align:center;white-space:nowrap}.timeline-connector span{z-index:1;position:absolute;right:0;top:calc(50% - 7px);padding-left:3px;background:#fff;color:#5f7ba3;font-size:13px}
@media(max-width:1200px){.timeline-controls{align-items:flex-start;flex-direction:column}.timeline-controls .tools{width:100%;justify-content:flex-start}.timeline-load{flex-basis:205px}}
@media(max-width:700px){.timeline-intro{align-items:flex-start}.timeline-intro h2{font-size:17px}.timeline-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline-controls .tools{display:grid;grid-template-columns:1fr 1fr}.timeline-controls .tools>*{min-width:0!important;width:100%}.timeline-controls .tools .input:last-child{grid-column:1/-1}.timeline-truck-head{align-items:flex-start;flex-direction:column}.timeline-truck-meta{width:100%;justify-content:space-between;gap:10px}.timeline-sequence{padding:11px 12px}.timeline-load{flex-basis:235px}}
.timeline-step{margin-bottom:7px;color:#6f83a0;font-size:7px;font-weight:900;letter-spacing:.8px}.timeline-load.is-current{border-color:#86a6dc;border-top-color:#3269be;box-shadow:0 4px 13px #28579e20}.timeline-load.is-current .timeline-step{color:#2456a2}
.timeline-load{flex-basis:250px;min-height:216px;padding:14px}.timeline-load-top{gap:9px}.timeline-dates{gap:5px;font-size:10px}.timeline-route{gap:8px;margin:15px 0}.timeline-route>div strong{font-size:12px}.timeline-load-foot{padding-top:11px}.timeline-load-foot b{font-size:11px}.timeline-connector{flex-basis:46px}
@media(max-width:1200px){.timeline-load{flex-basis:232px}}
@media(max-width:700px){.timeline-load{flex-basis:250px}}
.timeline-load .status.empty-today{background:#d9f1d5;color:#24652b}.timeline-load .status.mty-to-pu{background:#f3ead8;color:#66512e}.timeline-load .status.book-himself{background:#efe3fb;color:#653a8a}.timeline-load .status.maintenance{background:#f7e1db;color:#874536}.timeline-load .status.at-pu{background:#fff2c2;color:#806600}.timeline-load .status.at-delivery{background:#c5e6d5;color:#1d6047}.timeline-load .status.brokedown{background:#ffe4b9;color:#875817}.timeline-load .status.problem{background:#ffe0d5;color:#9e4d32}
.timeline-load-foot .timeline-average{color:#2f6958;font-weight:700;font-size:9px}
.timeline-step{display:flex;align-items:center;justify-content:space-between;gap:8px}.timeline-load.has-overdue{border-top-color:#e87935;background:#fffdfb}.timeline-overdue{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:99px;background:#fff0e5;color:#a94f20;font-size:7px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.timeline-overdue i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#ee7d35;box-shadow:0 0 0 0 #ee7d3566;animation:timeline-overdue-pulse 1.4s ease-out infinite}@keyframes timeline-overdue-pulse{0%{box-shadow:0 0 0 0 #ee7d3570}70%{box-shadow:0 0 0 6px #ee7d3500}100%{box-shadow:0 0 0 0 #ee7d3500}}@media(prefers-reduced-motion:reduce){.timeline-overdue i{animation:none}}

body.auth-required .shell{display:none}body.auth-required .login-gate{display:grid}.login-gate{min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 18% 15%,#dce8fb,transparent 34%),#edf2f7}.login-card{width:min(420px,100%);padding:32px;background:#fff;border:1px solid #d8e1ec;border-radius:16px;box-shadow:0 18px 55px #172b4d18}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px;font-weight:800;font-size:20px;color:#17283f}.login-brand .brandmark{flex:none;color:#fff}.login-card h1{font-size:23px;margin:0 0 8px}.login-card p{color:#62728a;line-height:1.5;margin:0 0 22px;font-size:13px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;color:#435570;font-size:12px;font-weight:650}.login-form input{height:42px;width:100%;padding:0 12px;border:1px solid #c8d3e1;border-radius:8px;font:14px 'Segoe UI',sans-serif;color:#263951}.login-form input:focus{outline:3px solid #2458b822;border-color:#7191d5}.login-form button{height:42px;margin-top:5px;font-size:13px}.login-error{min-height:18px;margin-top:12px;color:#b74747;font-size:12px}.login-foot{margin-top:20px;color:#8995a6;font-size:10px;letter-spacing:1px}

.admin-user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.admin-user-form label{display:grid;gap:6px;color:#435570;font-size:12px;font-weight:650}.admin-user-form input,.admin-user-form select{height:40px;width:100%;padding:0 11px;border:1px solid #c8d3e1;border-radius:8px;background:#fff;color:#263951;font:13px 'Segoe UI',sans-serif}.admin-user-form button{height:40px}.admin-user-form .login-error{grid-column:1/-1;margin:0}@media(max-width:750px){.admin-user-form{grid-template-columns:1fr}}

.current-user{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px 2px 2px;border-top:1px solid #30415d}.current-user-avatar{width:31px;height:31px;flex:none;border-radius:50%;display:grid;place-items:center;background:#4b7beb;color:#fff;font-size:12px;font-weight:800}.current-user-meta{min-width:0;display:grid;gap:3px}.current-user-meta b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:11px}.current-user-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#98a9c2;font-size:9px}
.gross-2026-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:17px 19px;background:#fff;border:1px solid var(--line);border-radius:11px}.gross-month-select{display:grid;gap:5px;min-width:165px;color:#63748b;font-size:9px;font-weight:800;letter-spacing:.09em}.gross-month-select .select{min-width:165px}.gross-2026-kpis{margin-bottom:14px}.gross-2026-panel{padding:18px}.gross-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;color:#61718a;font-size:10px}.gross-legend span{display:flex;align-items:center;gap:5px;white-space:nowrap}.gross-legend i{display:inline-block;width:9px;height:9px;border-radius:50%}.gross-legend i.green{background:#41a66e}.gross-legend i.yellow{background:#e4b941}.gross-legend i.red{background:#df7777}.gross-2026-table{min-width:720px}.gross-2026-table th,.gross-2026-table td{padding:10px 12px}.gross-2026-table th:nth-child(5),.gross-2026-table td:nth-child(5){width:240px}.gross-rank{color:#75849a;font-weight:800;font-size:10px}.gross-month-value{display:grid;grid-template-columns:88px minmax(48px,1fr);align-items:center;gap:2px 9px;padding:7px 9px;border-radius:8px}.gross-month-value strong{font-size:13px}.gross-month-value i{height:6px;border-radius:99px;background:#ffffffa8;overflow:hidden}.gross-month-value i b{display:block;height:100%;border-radius:99px;background:currentColor;opacity:.5}.gross-month-value span{grid-column:1/-1;font-size:9px;font-weight:650;opacity:.8}.gross-month-value.green{background:#e1f3e8;color:#1b6845}.gross-month-value.yellow{background:#fff2cc;color:#7b5b0c}.gross-month-value.red{background:#fbe5e4;color:#913f3d}.gross-month-value.neutral{background:#f1f4f8;color:#8290a3}.gross-2026-note{margin-top:12px;color:#64748b;font-size:10px}.@media(max-width:650px){.gross-2026-toolbar{align-items:flex-start;flex-direction:column}.gross-month-select,.gross-month-select .select{width:100%}.gross-2026-panel{padding:13px}.gross-legend{gap:8px;font-size:9px}}
.gross-controls{display:flex;align-items:flex-end;gap:10px}.gross-dispatcher-group th{padding:10px 13px;background:#eef3fb;border-top:2px solid #d5dfed;color:#31496b;text-align:left}.gross-dispatcher-group th span{font-size:12px}.gross-dispatcher-group th b{margin-left:16px;color:#1a2a40}.gross-dispatcher-group th small{float:right;color:#667890;font-size:10px;font-weight:600}@media(max-width:650px){.gross-controls{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.gross-dispatcher-group th small{float:none;margin-left:10px}}

.mileage-progress{display:flex;align-items:center;gap:16px;padding:9px 14px;margin:0 0 12px;border:1px solid #cbd8ea;border-radius:10px;background:#f5f8fd;color:#23416b;font-size:12px}.mileage-progress>div:first-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mileage-progress span{color:#62738c}.mileage-progress-track{height:7px;min-width:120px;flex:1;overflow:hidden;border-radius:99px;background:#dce5f1}.mileage-progress-track i{display:block;height:100%;border-radius:inherit;background:#3567c8;transition:width .2s}