/* styles.css */
:root{--navy:#102b4e;--blue:#1e5f9d;--light:#f4f7fb;--line:#dfe7f1;--text:#18283c;--muted:#6d7c8f;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--light)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4fa,#fff)}.login-card{width:min(430px,92vw);background:white;padding:42px;border-radius:20px;box-shadow:0 20px 60px #102b4e20;text-align:center}.login-logo{height:120px;object-fit:contain}.login-card h1{margin:10px 0 6px}.login-card p,.login-card small{color:var(--muted)}label{display:flex;flex-direction:column;gap:7px;text-align:left;font-size:13px;font-weight:700;margin:14px 0}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:white;color:var(--text)}textarea{min-height:82px;resize:vertical}.primary,.secondary,.ghost,.icon,nav button{border:0;border-radius:10px;padding:11px 15px;cursor:pointer;font-weight:750}.primary{background:var(--navy);color:white}.secondary{background:#eaf0f7;color:var(--navy)}.ghost{background:transparent;color:inherit}.danger{background:#fff0ee;color:var(--danger);border:1px solid #ffd2cc}#app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{background:var(--navy);color:white;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 24px}.brand img{width:54px;height:62px;object-fit:contain;background:white;border-radius:8px}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{font-size:12px;opacity:.7;margin-top:2px}nav{display:grid;gap:7px}nav button{text-align:left;background:transparent;color:#dbe7f4}nav button.active,nav button:hover{background:#ffffff18;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff22;padding-top:18px;font-size:13px}.sidebar-foot #userRole{opacity:.65;margin:3px 0 10px}main{padding:30px;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}header h1{margin:0;font-size:27px}header p{margin:5px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.stat,.panel,.load-card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px #102b4e08}.stat{padding:18px}.stat b{font-size:25px;display:block}.stat span{font-size:12px;color:var(--muted)}.load-grid{display:grid;gap:14px}.load-card{padding:18px}.load-top{display:flex;justify-content:space-between;gap:15px}.load-num{font-weight:850;font-size:17px}.ref{font-size:12px;color:var(--muted);margin-top:3px}.badge{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;background:#e8f1fb;color:var(--blue);text-transform:uppercase}.route{display:flex;align-items:flex-start;gap:10px;margin:17px 0}.stop-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:5px;flex:0 0 auto}.route-line{width:2px;height:22px;background:var(--line);margin-left:4px}.stop-row{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:start;padding:7px 0}.stop-seq{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf3f9;font-size:11px;font-weight:800}.stop-meta{font-size:12px;color:var(--muted)}.card-actions{display:flex;gap:8px;justify-content:flex-end;border-top:1px solid var(--line);padding-top:13px;margin-top:12px}.card-actions button{padding:8px 11px;font-size:12px}.updates{background:#f8fafc;border-radius:10px;padding:10px;margin-top:10px}.update{font-size:12px;padding:6px 0;border-bottom:1px solid var(--line)}.update:last-child{border:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:20px}.panel h3{margin-top:0}.bar-row{display:grid;grid-template-columns:110px 1fr 90px;gap:10px;align-items:center;margin:12px 0;font-size:12px}.bar{height:10px;background:#e8eef5;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:var(--blue);border-radius:20px}.toolbar{margin-bottom:15px}.toolbar input{max-width:420px}.customer-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}dialog{width:min(900px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 25px 90px #102b4e40}dialog::backdrop{background:#0b1c2f88}dialog form{padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:start}.modal-head h2{margin:0}.modal-head p{margin:4px 0;color:var(--muted)}.icon{font-size:22px;background:transparent;padding:4px 9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.section-title{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.stop-edit{border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;background:#fbfcfe}.stop-edit-head{display:flex;justify-content:space-between;align-items:center}.stop-edit-grid{display:grid;grid-template-columns:120px 1.5fr 1fr 90px 110px;gap:10px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:20px;padding-top:18px}#toast{position:fixed;right:20px;bottom:20px;z-index:99;background:#102b4e;color:white;padding:12px 16px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:800px){#app{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:5;padding:10px 14px}.brand{padding:0}.brand img{width:38px;height:42px}.brand span,.sidebar-foot{display:none}nav{display:flex;overflow:auto;margin-top:8px}nav button{white-space:nowrap}main{padding:18px}.stats{grid-template-columns:1fr 1fr}.two-col,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.stop-edit-grid{grid-template-columns:1fr 1fr}.stop-edit-grid label:nth-child(2){grid-column:1/-1}header{align-items:flex-start}.login-card{padding:28px}}
/* Customer shipment experience v3 */
.load-card.polished{padding:22px;overflow:hidden}.status-stack{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.leg-label{font-size:11px;color:var(--muted);font-weight:700}.customer-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.next-stop,.latest-update{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fbfdff}.next-stop{border-left:4px solid var(--blue)}.eyebrow{font-size:10px;font-weight:850;letter-spacing:.08em;color:#6a7c90;margin-bottom:7px}.next-stop-main{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.next-stop-main b{font-size:16px}.next-stop-main>div:first-child>div{font-size:12px;color:var(--muted);margin-top:3px}.next-appt{text-align:right;white-space:nowrap}.next-appt span{display:block;font-size:10px;color:var(--muted)}.next-appt strong{display:block;font-size:12px;margin-top:2px}.latest-update{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start}.latest-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e8f1fb;color:var(--blue);font-weight:900}.latest-update b{font-size:13px;display:block;line-height:1.4}.latest-meta{font-size:11px;color:var(--muted);margin-top:5px}.latest-update.empty{color:var(--muted)}.shipment-progress{border-top:1px solid var(--line);padding-top:16px}.progress-head{display:flex;justify-content:space-between;gap:15px;font-size:12px}.progress-head span{color:var(--muted)}.progress-track{height:6px;background:#e7edf4;border-radius:999px;overflow:hidden;margin:10px 0 16px}.progress-track i{display:block;height:100%;background:var(--blue);border-radius:999px;transition:.25s}.stop-timeline{position:relative}.timeline-stop{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;position:relative;padding:5px 0 15px}.timeline-stop:not(:last-child):before{content:"";position:absolute;left:15px;top:33px;bottom:-2px;width:2px;background:#dce5ef}.timeline-marker{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eef3f8;border:2px solid #dce5ef;font-size:11px;font-weight:850;z-index:1}.timeline-copy{display:flex;flex-direction:column;min-width:0}.timeline-copy b{font-size:13px}.timeline-copy span{font-size:11px;color:var(--muted);margin-top:2px}.timeline-copy small{font-size:10px;color:#277a4a;font-weight:700;margin-top:3px}.timeline-stop.complete .timeline-marker{background:#e5f5ec;border-color:#76bd92;color:#247044}.timeline-stop.complete .timeline-copy b{color:#607080}.timeline-stop.complete:not(:last-child):before{background:#76bd92}.timeline-stop.current .timeline-marker{background:#e8f1fb;border-color:var(--blue);color:var(--blue);box-shadow:0 0 0 4px #1e5f9d12}.stop-actions{display:flex;gap:5px;align-items:center}.mini{padding:5px 8px!important;font-size:10px!important}.public-note{background:#fffaf0;border:1px solid #f0dfb7;border-radius:10px;padding:11px 13px;margin-top:10px;font-size:12px}.status-delivered{background:#e5f5ec;color:#247044}.status-cancelled{background:#fbe9e7;color:#a83228}.status-at_pickup,.status-at_delivery{background:#fff1d9;color:#946000}@media(max-width:800px){.customer-summary{grid-template-columns:1fr}.next-stop-main{flex-direction:column}.next-appt{text-align:left}.timeline-stop{grid-template-columns:34px 1fr}.stop-actions{grid-column:2;justify-content:flex-start;margin-top:4px}.progress-head{align-items:flex-start;flex-direction:column;gap:3px}}

/* Invited customer account creation v3.1 */
.login-switch{margin:16px 0 12px;font-size:13px;color:var(--muted)}.text-button{border:0;background:transparent;color:var(--blue);font:inherit;font-weight:800;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.signup-intro{text-align:left;background:#f5f8fc;border:1px solid var(--line);border-radius:10px;padding:12px 13px;margin:8px 0 4px}.signup-intro b,.signup-intro span{display:block}.signup-intro b{font-size:13px}.signup-intro span{font-size:11px;color:var(--muted);margin-top:3px}.login-back{width:100%;margin-top:8px}.login-card form .primary{width:100%}.login-card button:disabled{opacity:.65;cursor:wait}
/* Collapsible loads + customer credit v3.2 */
.load-card.collapsible{padding:0}.load-collapse-head{width:100%;border:0;background:white;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;cursor:pointer;color:var(--text)}.collapsed-main{display:grid;grid-template-columns:minmax(110px,.7fr) minmax(160px,1fr) minmax(260px,1.6fr);gap:18px;align-items:center;flex:1}.collapsed-ref{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-route{font-size:12px;font-weight:700;color:#40566e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collapsed-route span{color:var(--blue);padding:0 6px}.collapsed-right{display:flex;align-items:center;gap:12px}.collapse-chevron{font-size:22px;color:var(--muted);transition:transform .2s}.load-expanded{display:none;padding:0 22px 22px;border-top:1px solid var(--line)}.load-card.is-open .load-expanded{display:block}.load-card.is-open .collapse-chevron{transform:rotate(180deg)}.load-card.is-open .load-collapse-head{background:#fbfdff}.load-expanded>.load-top{padding-top:16px}.credit-row{gap:20px;align-items:center}.credit-editor{display:flex;align-items:center;gap:10px}.credit-editor label{margin:0;min-width:190px;font-size:11px}.credit-editor input{margin-top:3px;padding:8px 10px}.credit-editor .save-credit{white-space:nowrap;padding:9px 11px}@media(max-width:800px){.collapsed-main{grid-template-columns:1fr;gap:3px}.collapsed-route{white-space:normal}.collapsed-right .badge{display:none}.load-collapse-head{align-items:flex-start}.credit-row,.credit-editor{align-items:stretch;flex-direction:column}.credit-editor{width:100%}.credit-editor label{min-width:0}}
/* V3.3 Address Book */
.address-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:18px}.address-search{flex:1;max-width:620px}.address-search input{width:100%}.address-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px}.address-card{background:#fff;border:1px solid #e1e7ef;border-radius:14px;padding:20px;box-shadow:0 2px 8px rgba(16,43,78,.05)}.address-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #edf1f5;padding-bottom:14px}.address-card h3{margin:0 0 7px;color:#102b4e}.address-line{color:#5f6d7e;line-height:1.45}.address-details{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:16px 0}.address-details div{display:flex;flex-direction:column;gap:3px}.address-details span,.address-details small{color:#6d7887;font-size:12px}.address-details b{font-size:14px}.address-notes{background:#f6f8fb;border-radius:9px;padding:12px;display:flex;flex-direction:column;gap:4px;font-size:13px;margin-bottom:12px}.address-picker-label{display:block;background:#eef5fc;border:1px solid #c9dced;border-radius:10px;padding:12px;margin:10px 0 16px}.address-picker-label select{margin-top:6px;width:100%}.address-picker-label small{display:block;color:#637286;margin-top:6px;font-weight:400}.form-section-label{color:#102b4e;border-bottom:1px solid #e4e9ef;padding-bottom:8px;margin:20px 0 12px}.stop-edit textarea{min-height:64px}
@media(max-width:720px){.address-toolbar{align-items:stretch;flex-direction:column}.address-search{max-width:none}.address-grid{grid-template-columns:1fr}.address-details{grid-template-columns:1fr}}

/* V3.4 operational status + appointment enhancements */
.status-scheduled{background:#ffe7c2;color:#9a5200}.status-in_transit{background:#dceeff;color:#155f9d}.status-planned{background:#eef2f6;color:#5b6b7d}
.load-card.load-status-scheduled,.load-card.load-status-scheduled .load-collapse-head{background:#fff4e3;border-color:#f3c77f}.load-card.load-status-scheduled.is-open .load-collapse-head{background:#ffedcf}.load-card.load-status-scheduled .load-expanded{background:#fffaf2}
.load-card.load-status-in_transit,.load-card.load-status-in_transit .load-collapse-head{background:#edf7ff;border-color:#9dcef3}.load-card.load-status-in_transit.is-open .load-collapse-head{background:#dff1ff}.load-card.load-status-in_transit .load-expanded{background:#f7fbff}
.load-card.load-status-delivered,.load-card.load-status-delivered .load-collapse-head{background:#dff7e8;border-color:#65c58a}.load-card.load-status-delivered.is-open .load-collapse-head{background:#c9f0d8}.load-card.load-status-delivered .load-expanded{background:#f1fcf5}.load-card.load-status-delivered .status-delivered{background:#2fb765;color:#fff}
.driver-assist-alert{display:inline-block;background:#e51d2a;color:white!important;font-size:10px!important;font-weight:900!important;letter-spacing:.04em;padding:5px 8px;border-radius:6px;margin-top:7px;box-shadow:0 1px 3px #9f101833}.timeline-copy .driver-assist-alert{align-self:flex-start}
.appt-fields{grid-column:1/-1}.appt-fields .form-grid{margin:0}.hours-field input{font-weight:650}.form-grid small{font-size:10px;color:var(--muted);font-weight:400}

/* V3.5 tracking focus + operational accountability */
.customer-summary .latest-update.featured{grid-column:1/-1;order:-1;background:#fff7df;border:1px solid #e5bd5a;border-left:6px solid #c88a12;box-shadow:0 5px 18px rgba(120,82,12,.13);padding:18px 20px}.latest-update.featured .latest-icon{background:#f2cf72;color:#5c3b00;width:38px;height:38px;font-size:18px}.latest-update.featured .eyebrow{color:#76520b;font-size:11px}.latest-update.featured b{font-size:16px;line-height:1.5;color:#172536}.latest-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.recent-update{font-size:9px;font-weight:900;letter-spacing:.05em;background:#6b4a08;color:#fff;padding:4px 7px;border-radius:999px}.latest-update.featured .latest-meta{font-size:12px;color:#735d32;margin-top:7px}.latest-update.featured.empty{background:#fffaf0;color:#7a6c50;box-shadow:none}.ops-alert{display:inline-flex;align-items:center;gap:6px;background:#fff0c9;border:1px solid #d99518;color:#6e4500;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.025em;white-space:nowrap;box-shadow:0 1px 5px rgba(115,73,0,.12)}.ops-alert .ops-dot{width:7px;height:7px;border-radius:50%;background:#d58a00;box-shadow:0 0 0 3px rgba(213,138,0,.14)}.ops-alert.overdue{background:#ffe1e1;border-color:#d83030;color:#941919}.ops-alert.overdue .ops-dot{background:#d51f1f;box-shadow:0 0 0 3px rgba(213,31,31,.14)}.customer-approach{display:inline-flex;align-items:center;background:#f0e9ff;border:1px solid #b7a0e6;color:#593d91;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:850;white-space:nowrap}.status-stack .customer-approach{margin-bottom:2px}@media(max-width:900px){.collapsed-right{flex-wrap:wrap;justify-content:flex-end}.ops-alert,.customer-approach{font-size:8px}.latest-update.featured b{font-size:14px}}

/* V3.7 pickup/delivery labels + facility contact accountability */
.stop-type-label{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:3px 8px;margin-bottom:5px;font-size:9px!important;font-weight:900;letter-spacing:.09em}.stop-type-label.pickup{background:#eef2f7;color:#3d5269;border:1px solid #d5dee8}.stop-type-label.delivery{background:#f1edff;color:#5d45a8;border:1px solid #d9cff8}.location-confirmed{margin-top:9px;padding:10px 12px;border-radius:10px;background:#f3edff;border:1px solid #d7c7fa;border-left:4px solid #7754c8;display:flex;flex-direction:column;gap:2px;max-width:520px}.location-confirmed .confirm-kicker{font-size:9px;font-weight:900;letter-spacing:.08em;color:#6847b2}.location-confirmed b{font-size:12px;color:#35275b}.location-confirmed span{font-size:10px;color:#6c5b8e}.location-confirmed small{font-size:11px!important;color:#4e4168!important;font-weight:500!important;line-height:1.35}.confirm-location{width:max-content;margin-top:7px;border:0;background:transparent;color:#6847b2;font-size:10px;font-weight:800;cursor:pointer;padding:0}.confirm-location.pending{padding:6px 9px;border:1px dashed #b8a5e8;border-radius:8px;background:#faf8ff}.confirm-location.pending:hover{background:#f3edff}.edit-confirm{text-decoration:underline}.stop-kind-pickup .timeline-marker{border-style:double}.stop-kind-delivery .timeline-marker{border-radius:9px}

/* V3.8 customer finance command center */
.finance-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.finance-head h2{margin:0 0 4px;color:#102b4e}.finance-head p,.panel-title p,.explorer-head p{margin:0;color:var(--muted);font-size:12px}.finance-head label{min-width:130px;margin:0}.finance-stats{margin-bottom:18px}.finance-chart-panel{margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.panel-title h3,.explorer-head h3{margin:0 0 4px}.monthly-chart{height:235px;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid var(--line);padding:20px 6px 0;overflow-x:auto}.month-column{height:100%;min-width:72px;flex:1;display:grid;grid-template-rows:20px 1fr 18px 18px;gap:4px;text-align:center;align-items:end}.month-value{font-size:10px;font-weight:800;color:#40566e}.month-bar{height:100%;display:flex;align-items:flex-end;justify-content:center}.month-bar i{display:block;width:min(42px,70%);min-height:4px;background:#315f8d;border-radius:7px 7px 2px 2px}.month-column b{font-size:11px}.month-column small{font-size:9px;color:var(--muted);align-self:start}.shipment-explorer{padding:0;overflow:hidden}.explorer-head{padding:20px 22px 16px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line)}.finance-filters{padding:16px 22px;display:grid;grid-template-columns:2fr repeat(5,1fr);gap:10px;background:#f8fafc;border-bottom:1px solid var(--line)}.finance-filters label{margin:0;font-size:10px}.finance-filters input,.finance-filters select{margin-top:5px;padding:9px 10px}.filtered-finance-summary{display:flex;gap:26px;padding:13px 22px;background:#f1f6fb;border-bottom:1px solid #dce7f1}.filtered-finance-summary div{display:flex;flex-direction:column}.filtered-finance-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#68788a;font-weight:800}.filtered-finance-summary b{font-size:14px;color:#102b4e;margin-top:2px}.finance-table-wrap{overflow:auto}.finance-table{width:100%;border-collapse:collapse;min-width:1050px}.finance-table th{background:#fbfcfe;color:#667587;font-size:9px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);white-space:nowrap}.finance-table td{font-size:11px;padding:13px;border-bottom:1px solid #edf1f5;color:#34485d}.finance-table tr{cursor:pointer;transition:background .15s}.finance-table tbody tr:hover{background:#f2f7fc}.finance-table td:first-child b{color:#155f9d}.finance-table .cost{text-align:right;font-size:12px;color:#173d2b}.multi-pill{display:inline-block;margin-left:4px;background:#f1edff;color:#6548ae;border-radius:999px;padding:2px 5px;font-size:7px;font-weight:900}.finance-empty{padding:24px;text-align:center;color:var(--muted);font-size:12px}@media(max-width:1050px){.finance-filters{grid-template-columns:repeat(3,1fr)}.finance-search{grid-column:span 3}}@media(max-width:700px){.finance-head,.explorer-head{align-items:stretch;flex-direction:column}.finance-filters{grid-template-columns:1fr 1fr}.finance-search{grid-column:span 2}.filtered-finance-summary{flex-direction:column;gap:8px}.monthly-chart{height:210px}}

/* V3.9 shipment history + complete-route finance explorer */
.finance-table{min-width:1180px}.finance-table .route-cell{min-width:430px;max-width:620px}.finance-route{display:flex;align-items:stretch;gap:6px;flex-wrap:wrap}.finance-route-stop{display:flex;flex-direction:column;gap:1px;border:1px solid #dce4ec;background:#fff;border-radius:8px;padding:6px 8px;min-width:88px}.finance-route-stop em{font-style:normal;font-size:7px;font-weight:900;letter-spacing:.08em}.finance-route-stop.pickup{background:#f4f8fc;border-color:#cad9e8}.finance-route-stop.pickup em{color:#315f8d}.finance-route-stop.delivery{background:#faf7ff;border-color:#ded3f3}.finance-route-stop.delivery em{color:#6d4db2}.finance-route-stop b{font-size:10px;color:#243b53;white-space:nowrap}.finance-route-stop small{font-size:8px;color:#7b8794;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.finance-route-arrow{align-self:center;color:#8b98a6;font-weight:900}.row-status{display:block;margin-top:3px;font-size:8px;color:#7b8794;text-transform:uppercase;font-weight:800;letter-spacing:.04em}

.password-field{position:relative}.password-field input{padding-right:46px}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:8px;display:grid;place-items:center;font-size:17px}.password-toggle:hover{background:#f0f4f8;color:var(--navy)}.password-toggle .eye-open{font-size:17px;line-height:1}.password-toggle .eye-slash{position:absolute;font-weight:900;font-size:22px;transform:rotate(-7deg);opacity:.9}.password-toggle.showing .eye-slash{display:none}.password-requirements{display:none;text-align:left;margin:-4px 0 8px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;font-size:12px;color:var(--muted)}.password-requirements.visible{display:block}.password-requirements-title{font-weight:800;color:var(--text);margin-bottom:6px}.password-rule{padding:2px 0}.password-rule span{display:inline-block;width:17px;font-weight:900}.password-rule.met{color:#177245;font-weight:700}

.customer-access-card{border-bottom:1px solid var(--line);padding:0 0 4px}.customer-access-card:last-child{border-bottom:0}.portal-users-section{margin:0 0 14px;padding:0 0 4px}.portal-users-head{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#f8fafc;border:1px solid var(--line);border-radius:10px;padding:12px 14px}.portal-users-head b,.portal-users-head span{display:block}.portal-users-head span{font-size:12px;color:var(--muted);margin-top:3px}.portal-users-body{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:14px}.approve-user-form{display:grid;grid-template-columns:1fr 1.25fr auto;gap:10px;align-items:end;padding-bottom:14px;border-bottom:1px solid var(--line)}.approve-user-form label{margin:0}.approve-user-form button{height:42px;white-space:nowrap}.portal-user-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 2px;border-bottom:1px solid var(--line)}.portal-user-row:last-child{border-bottom:0}.portal-user-actions{display:flex;align-items:center;gap:8px}.portal-user-actions button{padding:8px 10px;font-size:12px}.badge.user-active{background:#e9f8ef;color:#177245}.badge.user-pending{background:#fff5d8;color:#8a5a00}.badge.user-disabled{background:#f1f3f5;color:#6b7280}.portal-users-empty{padding:14px 2px 2px;color:var(--muted);font-size:13px}@media(max-width:800px){.portal-users-head,.portal-user-row{align-items:stretch;flex-direction:column}.approve-user-form{grid-template-columns:1fr}.portal-user-actions{justify-content:space-between}}

.tt-control{display:inline-flex;align-items:center;gap:6px;padding-left:2px;white-space:nowrap}.tt-label{font-size:9px;font-weight:850;letter-spacing:.025em;color:#52677c}.tt-state{font-size:9px;min-width:20px;color:#7b8794}.tt-switch{position:relative;display:inline-block;width:34px;height:19px;border-radius:999px;background:#cbd3db;border:1px solid #b7c1ca;cursor:pointer;vertical-align:middle;transition:.18s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.tt-switch i{position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.18s ease}.tt-switch.on{background:#25a861;border-color:#218d54}.tt-switch.on i{transform:translateX(15px)}.tt-switch.on+.tt-state{color:#177245}.tt-switch:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.tt-switch.saving{opacity:.55;cursor:wait}.tt-customer-active{display:inline-flex;align-items:center;gap:5px;border:1px solid #8ac8a4;background:#edf9f2;color:#177245;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850;white-space:nowrap}.tt-customer-active i{width:6px;height:6px;border-radius:50%;background:#25a861;box-shadow:0 0 0 3px rgba(37,168,97,.12)}@media(max-width:800px){.tt-label{display:none}.tt-control{gap:4px}}

.admin-customer-badge{display:inline-flex;align-items:center;max-width:220px;margin-left:8px;padding:4px 8px;border:1px solid #cbd8e5;border-radius:999px;background:#f3f7fb;color:#29465f;font-size:10px;font-weight:850;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
@media(max-width:800px){.admin-customer-badge{max-width:145px;margin-left:5px}}

.customers-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.customers-toolbar h3{margin:0}.customers-toolbar p{margin:4px 0 0;color:var(--muted);font-size:12px}.credit-editor .remove-customer{padding:8px 10px;font-size:11px;white-space:nowrap}@media(max-width:800px){.customers-toolbar{align-items:stretch;flex-direction:column}.customers-toolbar .primary{width:100%}.credit-editor{flex-wrap:wrap}}

.s-date,.s-eta-time{font-weight:750}.s-eta-time+small,.hours-field small{display:block;margin-top:5px;color:var(--muted);font-weight:500}.stop-edit .hours-field{background:#f7fafc;border:1px solid #dce6ef;border-radius:10px;padding:10px}

/* V3.16 cleaner pickup/delivery scheduling */
.collapsed-main{grid-template-columns:minmax(110px,.65fr) minmax(145px,.8fr) minmax(220px,1.25fr) minmax(245px,1.15fr)}
.collapsed-schedule{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px;color:#50657a}.collapsed-schedule span{white-space:nowrap}.collapsed-schedule b{color:#172536;margin-right:4px}
.stop-edit .s-date,.stop-edit .s-eta-time{min-height:44px}
@media(max-width:1050px){.collapsed-main{grid-template-columns:1fr 1fr}.collapsed-route,.collapsed-schedule{grid-column:1/-1}}
@media(max-width:800px){.collapsed-main{grid-template-columns:1fr}.collapsed-schedule{gap:6px;flex-direction:column;align-items:flex-start}.collapsed-route,.collapsed-schedule{grid-column:auto}}

.stop-type-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stop-label-datetime{font-size:12px;font-weight:750;letter-spacing:0;text-transform:none;opacity:.86;padding-left:8px;border-left:1px solid currentColor}

.bol-import-panel{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:4px 0 18px;padding:14px 16px;border:1px dashed #9fb5c7;border-radius:12px;background:#f6f9fc}
.bol-import-copy{display:flex;flex-direction:column;gap:4px}.bol-import-copy b{font-size:14px}.bol-import-copy span{font-size:12px;color:var(--muted);line-height:1.4}
.bol-import-status{margin:-6px 0 16px;padding:11px 13px;border-radius:10px;font-size:12px;font-weight:650}.bol-import-status.ok{background:#edf8f1;border:1px solid #b8dfc5;color:#23643a}.bol-import-status.working{background:#f5f7fa;border:1px solid #d9e1e8;color:#445566}.bol-import-status.error{background:#fff1f1;border:1px solid #efc0c0;color:#9b2929}
@media(max-width:700px){.bol-import-panel{align-items:stretch;flex-direction:column}.bol-import-panel button{width:100%}}

.finance-export-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#exportFinanceExcel{white-space:nowrap}
@media(max-width:700px){.finance-export-actions{width:100%}.finance-export-actions button{flex:1}}

.collapsed-cost{padding-left:12px;border-left:1px solid rgba(30,55,75,.18)}
.active-shipment-cost{display:flex;align-items:baseline;gap:8px;margin-top:8px}
.active-shipment-cost span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.active-shipment-cost b{font-size:18px}
@media(max-width:700px){.collapsed-cost{padding-left:0;border-left:0}.active-shipment-cost{margin-top:6px}}

.finance-route{display:flex;align-items:stretch;gap:7px;flex-wrap:wrap}
.finance-route-stop{display:inline-flex;flex-direction:column;gap:2px;min-width:118px;padding:7px 9px;border:1px solid rgba(35,65,90,.14);border-radius:8px;background:rgba(255,255,255,.72)}
.finance-route-stop em{font-size:9px;font-style:normal;font-weight:800;letter-spacing:.06em;color:var(--muted)}
.finance-route-stop b{font-size:12px}.finance-route-stop small{font-size:10px;color:var(--muted)}
.finance-route-stop.final-stop{border-width:2px}.finance-route-arrow{align-self:center;color:var(--muted);font-weight:800}
/* V3.27 Load Documents & Photos */
.load-documents{margin-top:18px;padding:16px;border:1px solid #dfe5ec;border-radius:14px;background:#f8fafc}.load-documents-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.load-documents-head b{font-size:15px}.pod-available,.pod-mini{display:inline-flex;align-items:center;gap:5px;background:#e7f8ed;color:#15723a;border:1px solid #b8e7c7;border-radius:999px;font-weight:800;white-space:nowrap}.pod-available{padding:7px 10px;font-size:12px}.pod-mini{padding:4px 7px;font-size:10px}.document-list{display:grid;gap:8px}.document-row{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;padding:10px}.document-icon{width:34px;height:34px;border-radius:9px;background:#eef3f8;display:grid;place-items:center;font-size:18px}.document-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.document-copy b{font-size:13px}.document-copy span{font-size:12px;overflow-wrap:anywhere}.document-copy small{color:#687386;font-size:11px}.document-actions{display:flex;gap:7px;flex-wrap:wrap}.document-empty{padding:12px;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;color:#6b7280;font-size:13px}.document-upload{display:grid;grid-template-columns:150px minmax(180px,1fr) minmax(190px,1fr) auto;gap:8px;align-items:center;margin-top:12px}.document-upload select,.document-upload input{min-height:39px;border:1px solid #cfd8e3;border-radius:8px;padding:8px;background:#fff}.document-upload small{grid-column:1/-1;color:#687386}.document-actions .danger{padding:6px 9px}.collapsed-right .pod-mini{margin-left:4px}@media(max-width:850px){.document-upload{grid-template-columns:1fr}.document-upload small{grid-column:auto}.document-row{align-items:flex-start;flex-wrap:wrap}.document-actions{width:100%}}
/* V3.28 image attachment thumbnails */
.document-thumb{width:64px;height:64px;flex:0 0 64px;padding:0;border:1px solid #dce4ed;border-radius:10px;overflow:hidden;background:#eef3f8;display:grid;place-items:center;cursor:pointer;color:#687386;font-size:10px}.document-thumb:hover{border-color:#9aabba;transform:none}.document-thumb img{width:100%;height:100%;display:block;object-fit:cover}.document-thumb span{padding:4px;text-align:center}.document-icon{flex:0 0 34px}@media(max-width:850px){.document-thumb{width:58px;height:58px;flex-basis:58px}}
/* V3.30 Command Center + tracking history */
.command-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;margin-bottom:16px;border:1px solid #dce5ee;border-radius:16px;background:linear-gradient(135deg,#f8fbfe,#eef5fb)}.command-welcome h2{margin:4px 0 6px;font-size:25px}.command-welcome p{margin:0;color:var(--muted);font-size:13px}.command-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.command-metric{padding:16px;border:1px solid #dfe6ed;border-radius:13px;background:#fff;box-shadow:0 2px 8px rgba(20,45,70,.035)}.command-metric span,.command-metric small{display:block}.command-metric span{font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.055em;color:#64748b}.command-metric strong{display:block;margin:5px 0 2px;font-size:27px;color:#15283c}.command-metric small{font-size:10px;color:#8491a0}.command-metric.good{border-color:#c9e8d4;background:#f7fcf9}.command-metric.attention{border-color:#f0c7c1;background:#fff8f7}.command-metric.attention strong{color:#a33a2f}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.command-panel{border:1px solid #dfe6ed;border-radius:14px;background:#fff;padding:16px}.command-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px}.command-panel-head h3{margin:0;font-size:16px}.command-panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.command-panel-head>span{display:grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:#eef3f8;font-weight:850;font-size:12px}.command-panel-head .attention-count{background:#fff0ee;color:#a33a2f}.command-rows{display:grid;gap:7px}.command-row{width:100%;display:grid;grid-template-columns:minmax(120px,.75fr) minmax(180px,1.35fr) auto;gap:12px;align-items:center;text-align:left;padding:10px 11px;border:1px solid #e6ebf0;border-radius:10px;background:#fbfcfd;color:inherit}.command-row:hover{border-color:#b9c9d8;background:#f6f9fc}.command-row div{min-width:0}.command-row b,.command-row span,.command-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-row b{font-size:12px}.command-row span{font-size:11px;color:#40566b;margin-top:2px}.command-row small{font-size:10px;color:#7b8794;margin-top:2px}.command-row strong{font-size:10px;color:#2f5f88}.command-empty{padding:18px 10px;text-align:center;color:#7b8794;font-size:12px;border:1px dashed #d7e0e8;border-radius:10px;background:#fafcfd}.customer-load-bars{display:grid;gap:9px}.customer-load-bar{display:grid;grid-template-columns:minmax(120px,220px) 1fr 32px;gap:10px;align-items:center;font-size:12px}.customer-load-bar span{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-load-bar>div{height:8px;border-radius:999px;background:#edf2f6;overflow:hidden}.customer-load-bar i{display:block;height:100%;border-radius:999px;background:#315f88}.customer-load-bar b{text-align:right}.tracking-history{margin:14px 0;padding:14px 16px;border:1px solid #e0e7ee;border-radius:13px;background:#fbfcfd}.tracking-history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.tracking-history-head b{font-size:14px}.tracking-history-head>span{font-size:10px;color:#738091;font-weight:750}.tracking-feed{position:relative;display:grid;gap:0;margin-left:4px}.tracking-feed-item{position:relative;display:grid;grid-template-columns:18px 1fr;gap:8px;padding:8px 0}.tracking-feed-item:not(:last-child):before{content:"";position:absolute;left:5px;top:20px;bottom:-8px;width:1px;background:#d8e1e9}.tracking-feed-dot{position:relative;z-index:1;width:11px;height:11px;margin-top:3px;border:3px solid #fff;border-radius:50%;background:#8095a8;box-shadow:0 0 0 1px #bdcbd7}.tracking-feed-item b{font-size:12px;font-weight:700}.tracking-feed-item div div{margin-top:3px;font-size:10px;color:#738091}.tracking-feed-empty{padding:10px 0 2px;color:#7b8794;font-size:11px}
@media(max-width:1100px){.command-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.command-welcome{align-items:stretch;flex-direction:column}.command-welcome .primary{width:100%}.command-grid{grid-template-columns:1fr}.command-metrics{grid-template-columns:repeat(2,1fr)}.command-row{grid-template-columns:1fr auto}.command-row>div:nth-child(2){grid-column:1/-1;grid-row:2}.customer-load-bar{grid-template-columns:110px 1fr 26px}}@media(max-width:500px){.command-metrics{grid-template-columns:1fr 1fr}.command-metric{padding:13px}.command-metric strong{font-size:23px}}
/* V3.31 Destination Analytics */
.finance-subnav{display:inline-flex;gap:5px;padding:4px;margin-bottom:16px;border:1px solid #dbe4ec;border-radius:11px;background:#f3f6f9}.finance-subnav button{border:0;background:transparent;padding:9px 14px;border-radius:8px;font-weight:800;color:#607286;cursor:pointer}.finance-subnav button.active{background:#fff;color:#17344f;box-shadow:0 1px 4px rgba(20,45,70,.10)}
.destination-search-panel{margin-bottom:14px}.destination-search-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr)) auto;gap:10px;align-items:end}.destination-search-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:800;color:#627387;text-transform:uppercase;letter-spacing:.04em}.destination-search-grid select,.destination-search-grid input{min-height:42px;border:1px solid #cfd9e3;border-radius:9px;background:#fff;padding:8px 10px;color:#172536;font-size:13px;text-transform:none;letter-spacing:0}.destination-search-note{margin-top:10px;color:#738091;font-size:11px}.destination-prompt{text-align:center;padding:30px;color:#6e7d8d}.destination-title{margin-bottom:13px}.destination-title h2{margin:0 0 4px}.destination-title p{margin:0;color:#6d7d8d;font-size:12px}.destination-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.destination-kpi{padding:15px;border:1px solid #dfe6ed;border-radius:12px;background:#fff}.destination-kpi span{display:block;color:#6b7c8d;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.045em}.destination-kpi b{display:block;margin-top:5px;font-size:24px;color:#18314a}.destination-finance{margin-bottom:14px}.destination-finance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.destination-money{padding:14px;border:1px solid #dfe6ed;border-radius:11px;background:#fbfcfd}.destination-money span{display:block;color:#65778a;font-size:10px;font-weight:800;text-transform:uppercase}.destination-money b{display:block;margin-top:5px;font-size:22px}.destination-disclosure{padding:12px 14px;border:1px solid #c8dbea;border-radius:10px;background:#f1f7fb;color:#36546e;font-size:11px;line-height:1.55}.destination-disclosure b{display:block;margin-bottom:3px;color:#183b59}.destination-insights{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.destination-insight{padding:14px;border:1px solid #dfe6ed;border-radius:11px;background:#fff}.destination-insight span{display:block;font-size:10px;text-transform:uppercase;font-weight:800;color:#6c7d8d}.destination-insight b{display:block;margin-top:5px;font-size:15px}.destination-city-table{width:100%;border-collapse:collapse}.destination-city-table th,.destination-city-table td{text-align:left;padding:10px;border-bottom:1px solid #e6ebf0;font-size:12px}.destination-city-table button{border:0;background:none;padding:0;color:#245d89;font-weight:800;cursor:pointer}.destination-loads{display:grid;gap:9px}.destination-load{width:100%;display:grid;grid-template-columns:minmax(105px,.6fr) minmax(280px,2fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #e0e7ee;border-radius:11px;background:#fff;text-align:left;color:inherit;cursor:pointer}.destination-load:hover{border-color:#a9bdcf;background:#f9fbfd}.destination-load small{display:block;color:#758494;font-size:10px;margin-top:3px}.destination-route{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.destination-route span{padding:5px 7px;border-radius:7px;background:#f1f4f7;font-size:10px}.destination-route span.match{background:#e3f1fb;border:1px solid #a8cee8;color:#174f78;font-weight:850}.destination-route i{font-style:normal;color:#8a98a5}.destination-load-cost{text-align:right}.destination-load-cost b{display:block}.destination-load-cost span{font-size:10px;color:#718092}
@media(max-width:1050px){.destination-search-grid{grid-template-columns:repeat(3,1fr)}.destination-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.destination-search-grid{grid-template-columns:1fr 1fr}.destination-kpis,.destination-finance-grid,.destination-insights{grid-template-columns:1fr 1fr}.destination-load{grid-template-columns:1fr}.destination-load-cost{text-align:left}}@media(max-width:480px){.destination-search-grid,.destination-kpis,.destination-finance-grid,.destination-insights{grid-template-columns:1fr}}

/* V3.32 richer Command Center + mobile Finances navigation */
.command-active-panel{margin-top:14px}.command-customer-group+.command-customer-group{margin-top:18px;padding-top:18px;border-top:1px solid #e7edf2}.command-customer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.command-customer-head b{display:block;font-size:14px;color:#17344f}.command-customer-head small{display:block;margin-top:2px;color:#7b8794;font-size:10px}.command-load-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.command-load-card{display:block;width:100%;padding:13px;border:1px solid #dfe7ee;border-radius:12px;background:#fbfcfd;text-align:left;color:inherit;cursor:pointer;transition:.15s}.command-load-card:hover{border-color:#abc0d2;background:#f6fafe;box-shadow:0 2px 9px rgba(24,53,79,.06)}.command-load-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.command-load-top>div{min-width:0}.command-load-top b{font-size:13px;color:#18334e}.command-load-top div>span,.command-load-top small{display:block;margin-top:2px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-load-top div>span{font-weight:750;color:#40566b}.command-load-top small{color:#788797}.command-route,.command-mini-route{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.command-route{margin:10px 0 8px}.command-route span{padding:4px 6px;border-radius:7px;background:#eef3f7;color:#2c465e;font-size:10px;font-weight:750}.command-route i,.command-mini-route i{font-style:normal;color:#8b99a6}.command-route .command-route-more{background:#e8f1f8;color:#315f88}.command-load-facts{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:9px}.command-load-facts span{padding:3px 6px;border:1px solid #e0e7ed;border-radius:999px;background:#fff;color:#657586;font-size:9px}.command-next{padding:8px 9px;border-radius:9px;background:#f1f6fa;margin-bottom:8px}.command-next>span{display:block;font-size:8px;font-weight:900;letter-spacing:.08em;color:#6b7f91}.command-next b{display:block;margin-top:2px;font-size:11px}.command-next small{display:block;margin-top:2px;color:#718091;font-size:9px}.command-latest{display:grid;grid-template-columns:auto 1fr;gap:8px;padding-top:8px;border-top:1px solid #e7edf2}.command-latest>b{font-size:8px;letter-spacing:.06em;color:#6f8091}.command-latest div>span{display:block;font-size:10px;color:#334e68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-latest div>small{display:block;margin-top:2px;color:#81909d;font-size:8px}.command-no-update{color:#8795a2!important;font-style:italic}.command-row-alert{font-weight:800;color:#a33a2f!important}.command-mini-route{margin:5px 0 3px}.command-mini-route span{font-size:9px;font-weight:700;color:#53687a}.command-mini-route .command-route-more{color:#315f88}.command-row{align-items:start}.command-row small{white-space:normal}.command-row>div:nth-child(2)>span:first-child{font-weight:750}
@media(max-width:900px){.command-load-grid{grid-template-columns:1fr}.command-row{grid-template-columns:minmax(110px,.65fr) minmax(0,1.35fr) auto}}
@media(max-width:700px){.finance-subnav{display:grid;width:100%;grid-template-columns:1fr;margin-bottom:14px;box-sizing:border-box}.finance-subnav button{width:100%;min-height:44px;text-align:center}.finance-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.shipment-explorer,.destination-search-panel,.destination-finance,.panel{max-width:100%;box-sizing:border-box}.command-row{grid-template-columns:1fr auto}.command-row>div:nth-child(2){grid-column:1/-1;grid-row:2}.command-load-card{padding:12px}.command-route span{font-size:9px}.command-latest{grid-template-columns:1fr}.command-latest>b{margin-bottom:-3px}}
/* v3.33 carrier update workflow */
.carrier-ops-panel{margin:18px 0;padding:18px;border:1px solid #d9e2ef;border-radius:16px;background:#f8fbff}.carrier-ops-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:14px}.carrier-ops-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.carrier-ops-grid>div{background:#fff;border:1px solid #e4e9f0;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}.carrier-ops-grid span,.request-email-meta span{font-size:11px;font-weight:800;letter-spacing:.07em;color:#6c7788}.carrier-ops-grid small{color:#687386}.carrier-request-status{margin-top:12px;padding:11px 13px;border-radius:10px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#edf4ff}.carrier-request-status.sent{background:#eaf8ef}.carrier-request-status.failed{background:#fff0f0}.carrier-request-status span,.carrier-request-status small{font-size:12px;color:#5e6878}.request-email-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 16px}.request-email-meta>div{border:1px solid #e1e7ef;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:3px}.request-note{margin-top:10px;padding:10px 12px;border-radius:10px;background:#f0f5fb;color:#566174;font-size:12px}.carrier-form{padding-bottom:6px}
@media(max-width:760px){.carrier-ops-head{align-items:flex-start;flex-direction:column}.carrier-ops-head button{width:100%}.carrier-ops-grid,.request-email-meta{grid-template-columns:1fr}.carrier-form{grid-template-columns:1fr}}
/* V3.34 email deep-link focus */
.load-card.deep-link-focus{outline:3px solid rgba(31,111,235,.28);outline-offset:3px;box-shadow:0 12px 34px rgba(16,50,92,.18);transition:outline-color .35s ease,box-shadow .35s ease}

/* V3.36 Settings, themes, persistent expanded loads */
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.settings-card{min-height:190px}.settings-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.settings-card h3{margin:0 0 6px}.settings-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.settings-note{margin-top:20px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.setting-switch{margin:0;display:inline-flex;position:relative;flex:0 0 auto}.setting-switch input{position:absolute;opacity:0;width:1px;height:1px}.setting-switch span{width:50px;height:28px;border-radius:999px;background:#cbd5e1;position:relative;cursor:pointer;transition:.2s}.setting-switch span:after{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:.2s}.setting-switch input:checked+span{background:var(--blue)}.setting-switch input:checked+span:after{transform:translateX(22px)}.theme-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px}.theme-choice button{border:1px solid var(--line);background:#fff;color:var(--text);padding:12px 8px;border-radius:10px;font-weight:800;cursor:pointer}.theme-choice button.active{border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 18%,transparent);background:#eef5fc;color:var(--navy)}
html[data-theme="dark"]{--navy:#0d2742;--blue:#67a8e3;--light:#08111c;--line:#26384b;--text:#e8eef5;--muted:#9fb0c2;--danger:#ff8d83;color-scheme:dark}html[data-theme="dark"] body{background:#08111c}html[data-theme="dark"] .login-shell{background:linear-gradient(135deg,#07111c,#0c1927)}html[data-theme="dark"] .login-card,html[data-theme="dark"] .stat,html[data-theme="dark"] .panel,html[data-theme="dark"] .load-card,html[data-theme="dark"] dialog{background:#101d2b;color:var(--text);box-shadow:0 2px 14px #0005}html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#0b1724;color:var(--text);border-color:var(--line)}html[data-theme="dark"] .secondary{background:#1c3146;color:#d9e9f7}html[data-theme="dark"] .stop-edit,html[data-theme="dark"] .updates,html[data-theme="dark"] .password-requirements{background:#0c1825}html[data-theme="dark"] .theme-choice button{background:#0b1724;color:var(--text)}html[data-theme="dark"] .theme-choice button.active{background:#173654;color:#fff}html[data-theme="dark"] .finance-subnav{background:#0b1724;border-color:var(--line)}html[data-theme="dark"] .finance-subnav button.active{background:#1a2b3d;color:#fff}html[data-theme="dark"] .danger{background:#351c1c;border-color:#61302d}html[data-theme="dark"] .public-note,html[data-theme="dark"] .customer-summary,html[data-theme="dark"] .command-row,html[data-theme="dark"] .command-load-card{background-color:#0d1a28!important;color:var(--text)}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}.theme-choice{grid-template-columns:1fr 1fr 1fr}nav button[data-page="settings"]{min-width:max-content}}
/* V3.40 — streamlined shipment cards and tabbed details */
.rn-expanded{padding:20px!important;background:var(--light)!important}.rn-expanded-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px}.rn-expanded-heading h3{margin:0;font-size:21px;color:var(--text)}.rn-expanded-heading p{margin:6px 0 0;color:var(--muted);font-size:12px}.rn-expanded-heading .badge{vertical-align:middle;font-size:10px}.rn-header-actions{display:flex;gap:8px}.rn-info-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:18px}.rn-info-tiles>div{padding:14px 12px;background:var(--rn-panel,#fff);border:1px solid var(--line);border-radius:9px;min-width:0}.rn-info-tiles small{display:block;color:var(--muted);font-size:10px;margin-bottom:6px}.rn-info-tiles b{font-size:13px;overflow-wrap:anywhere}.rn-tabs{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:13px}.rn-tab{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);font-weight:700;font-size:12px;padding:13px 16px;white-space:nowrap;cursor:pointer}.rn-tab.active{color:var(--blue);border-bottom-color:var(--blue)}.rn-tab-panel{display:none}.rn-tab-panel.active{display:block}.rn-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rn-pane{background:var(--rn-panel,#fff);border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.rn-pane h4{margin:0 0 12px;font-size:14px;color:var(--text)}.rn-pane p{font-size:12px;color:var(--muted)}.rn-fact{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:12px}.rn-fact span{color:var(--muted)}.rn-fact b{text-align:right;overflow-wrap:anywhere}.rn-doc-line{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;overflow-wrap:anywhere}.rn-overview-grid .shipment-progress{border:0;padding:0}.rn-overview-grid .latest-update{margin-bottom:12px}.rn-overview-grid .next-stop{margin-top:12px}.rn-tab-panel>.shipment-progress,.rn-tab-panel>.load-documents,.rn-tab-panel>.carrier-ops-panel{background:var(--rn-panel,#fff);border:1px solid var(--line);border-radius:10px;padding:16px}.rn-expanded .card-actions{margin-top:16px}html[data-theme="dark"] .rn-expanded{--rn-panel:#102132}html[data-theme="dark"] .rn-pane,html[data-theme="dark"] .rn-info-tiles>div,html[data-theme="dark"] .rn-tab-panel>.shipment-progress,html[data-theme="dark"] .rn-tab-panel>.load-documents,html[data-theme="dark"] .rn-tab-panel>.carrier-ops-panel{background:#102132;color:var(--text)}@media(max-width:1000px){.rn-info-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.rn-expanded-heading{align-items:flex-start;flex-direction:column}.rn-info-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.rn-overview-grid{grid-template-columns:1fr}.rn-expanded{padding:12px!important}.rn-tab{padding:12px 10px}}
/* V3.42 – mockup-inspired operational dashboard */
.rn-expanded{background:linear-gradient(180deg,#f2f8ff 0%,#f8fbff 100%)!important;border-top:1px solid #d6e8ff}.rn-expanded-heading h3{font-size:23px;font-weight:850}.rn-expanded-heading .primary{background:#0d2b53;color:white}.rn-info-tiles{gap:10px}.rn-info-tiles .rn-tile{display:flex;align-items:center;gap:12px;padding:15px 12px;min-height:72px;box-shadow:0 2px 6px rgba(10,42,82,.03)}.rn-tile-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;font-size:24px;font-weight:900}.rn-tile-icon.purple{color:#853be6;background:#f4ebff}.rn-tile-icon.pink{color:#ec1682;background:#fff0f7}.rn-tile-icon.green{color:#0eae54;background:#e8faef}.rn-tile-icon.blue{color:#1678ed;background:#eaf3ff}.rn-tile small{font-size:11px!important}.rn-tile b{font-size:14px!important;color:var(--text)}.rn-dashboard{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:12px}.rn-dashboard-col{display:grid;gap:12px;min-width:0}.rn-dashboard .rn-pane{background:#fff;border-color:#dce5ef;box-shadow:0 1px 3px rgba(13,42,77,.04)}.rn-dashboard .rn-pane h4{font-size:14px;font-weight:800}.rn-dashboard .rn-highlight-update{background:#eaf5ff}.rn-appointment{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--line)}.rn-appointment-number{display:grid;place-items:center;background:#e5f2ff;color:#123b6b;border-radius:50%;width:32px;height:32px;flex-shrink:0;font-weight:800}.rn-appointment>div{min-width:0;flex:1}.rn-appointment b{display:block;font-size:12px}.rn-appointment small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.rn-appointment-status{background:#e5f2ff;color:#1468be;border-radius:18px;padding:6px 9px;font-size:10px;font-weight:800;white-space:nowrap}.rn-appointment-status.done{background:#d8f8e6;color:#008d45}.rn-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rn-quick-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:75px;font-size:23px;background:#f7fbff;border:1px solid #dbe7f5;border-radius:9px;cursor:pointer}.rn-quick-actions button span{font-size:11px;font-weight:700}.rn-quick-actions button:hover{background:#e8f3ff}.rn-hint{font-size:11px!important}.rn-dashboard .rn-fact{padding:9px 0}.rn-dashboard .rn-fact b{max-width:65%}.rn-tabs{gap:14px}.rn-tab.active{color:#1169d9;border-bottom-width:4px}.rn-expanded .card-actions{border-top:1px solid var(--line);padding-top:12px}html[data-theme="dark"] .rn-expanded{background:#0c1928!important}html[data-theme="dark"] .rn-dashboard .rn-pane{background:#102132}html[data-theme="dark"] .rn-dashboard .rn-highlight-update{background:#153251}html[data-theme="dark"] .rn-quick-actions button{background:#172b41;color:#eaf4ff}html[data-theme="dark"] .rn-tile-icon{background:#23354c}@media(max-width:1100px){.rn-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.rn-dashboard-col:last-child{grid-column:1/-1}}@media(max-width:700px){.rn-dashboard{grid-template-columns:1fr}.rn-dashboard-col:last-child{grid-column:auto}.rn-info-tiles .rn-tile{padding:10px 8px;gap:7px}.rn-tile-icon{width:28px;height:28px;flex-basis:28px;font-size:19px}}

/* V3.43 Freight Insights */
.insight-controls{display:flex;gap:12px;flex-wrap:wrap}.insight-controls label{font-size:12px;font-weight:700;color:#425674}.insight-controls select{display:block;min-width:150px;margin-top:5px}.insight-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.insight-kpi{background:var(--card,#fff);border:1px solid var(--border,#dbe3ef);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:6px}.insight-kpi-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted,#60708a)}.insight-icon{font-size:22px}.insight-kpi>b{font-size:27px;color:var(--text,#11284b)}.insight-kpi small{color:var(--muted,#60708a)}.insight-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:14px;margin-bottom:14px}.insight-panel{padding:18px}.insight-bars{display:grid;gap:5px}.insight-rank{display:block;text-align:left;border:1px solid transparent;background:transparent;width:100%;padding:8px 9px;border-radius:8px;color:var(--text,#11284b);cursor:default}.insight-rank.insight-state{cursor:pointer}.insight-rank.insight-state:hover,.insight-rank.selected{background:rgba(40,115,215,.08);border-color:rgba(40,115,215,.3)}.insight-rank-title{display:flex;justify-content:space-between;gap:10px;font-size:12px}.insight-rank-title b{white-space:nowrap}.insight-rank-title small,.insight-rank>small{font-size:10px;font-weight:400;color:var(--muted,#60708a)}.insight-track{display:block;background:rgba(100,130,170,.13);height:7px;border-radius:6px;overflow:hidden;margin:6px 0 2px}.insight-track i{display:block;height:100%;background:#2878ce;border-radius:6px}.insight-mix-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.insight-mix-numbers>div{background:rgba(60,110,170,.07);border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:7px}.insight-mix-numbers b{font-size:29px;color:var(--text,#11284b)}.insight-mix-numbers span{font-size:12px;color:var(--muted,#60708a)}.insight-mix-bar{height:14px;background:#d6e5f8;border-radius:20px;overflow:hidden}.insight-mix-bar i{display:block;height:100%;background:#20a66b}.insight-mix-caption,.insight-note{font-size:12px;color:var(--muted,#60708a);line-height:1.6;margin-top:14px}.insight-note{padding:12px;background:rgba(40,115,215,.07);border-radius:8px}.insight-month-legend{display:flex;gap:18px;font-size:11px;color:var(--muted,#60708a)}.insight-month-legend span:first-child{color:#2878ce}.insight-month-legend span:last-child{color:#20a66b}.insight-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;height:180px;margin-top:15px}.insight-month{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px}.insight-month-bars{height:130px;display:flex;align-items:end;justify-content:center;gap:2px;width:100%}.insight-month-bars i,.insight-month-bars em{width:35%;min-height:2px;background:#2878ce;border-radius:4px 4px 0 0}.insight-month-bars em{background:#20a66b}.insight-month small,.insight-month-foot{font-size:10px;color:var(--muted,#60708a)}.insight-drill-empty{padding:28px;text-align:center;color:var(--muted,#60708a)}.insight-drill-table-wrap{overflow-x:auto}.insight-drill-table td small{display:block;color:var(--muted,#60708a);font-size:10px;margin-top:4px}.insight-load-link{border:0;background:none;color:#2374cc;font-weight:800;cursor:pointer}@media(max-width:900px){.insight-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-layout{grid-template-columns:1fr}}@media(max-width:480px){.insight-kpis{grid-template-columns:1fr 1fr}.insight-kpi{padding:11px}.insight-kpi>b{font-size:20px}.insight-months{gap:2px}}

/* glass.css */
/* Royal National Glass Edition — presentation-only layer over V3.43 */
:root{--glass-edge:rgba(255,255,255,.35);--glass-surface:rgba(245,249,255,.76);--glass-shadow:0 16px 38px rgba(12,28,55,.12)}
body{background:radial-gradient(ellipse at 84% 6%,rgba(255,188,123,.52),transparent 34%),radial-gradient(ellipse at 45% 37%,rgba(88,151,210,.35),transparent 50%),linear-gradient(135deg,#9bb3c8 0%,#d8d6d2 48%,#c5a995 100%);background-attachment:fixed}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 110px 450px at 87% 42%,rgba(29,39,52,.16),transparent 95%),radial-gradient(ellipse 230px 300px at 64% 17%,rgba(28,48,70,.16),transparent 92%),linear-gradient(115deg,rgba(19,49,79,.1),transparent 50%);filter:blur(25px);z-index:-1}
#app{grid-template-columns:245px minmax(0,1fr);gap:15px;padding:15px;min-height:100vh}
aside{position:sticky;top:15px;height:calc(100vh - 30px);border-radius:20px;background:linear-gradient(160deg,rgba(9,34,69,.97),rgba(6,24,49,.91));box-shadow:0 16px 42px #061b3652;border:1px solid rgba(255,255,255,.28);padding:18px 12px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.brand{display:flex;flex-direction:column;gap:8px;align-items:stretch;padding:0 7px 22px}.brand img{width:100%;height:134px;object-fit:contain;background:#fff;border-radius:15px;padding:12px;box-shadow:0 5px 18px #001a3140}.brand>div{display:none}
nav{gap:8px}nav button{text-align:left;border:1px solid transparent;background:transparent;color:#dce8fa;padding:14px 13px;border-radius:11px;transition:background .2s,transform .2s;display:flex;align-items:center;gap:12px}nav button:before{content:'◈';font-size:19px;width:22px;text-align:center;color:#b4c7e4}nav button[data-page=command]:before{content:'⌂'}nav button[data-page=active]:before{content:'▣'}nav button[data-page=history]:before{content:'◷'}nav button[data-page=finances]:before{content:'▥'}nav button[data-page=customers]:before{content:'♙'}nav button[data-page=addressbook]:before{content:'▤'}nav button[data-page=settings]:before{content:'⚙'}nav button:hover{background:rgba(94,157,233,.18)}nav button.active{background:linear-gradient(110deg,#1d67b8,#143d78);border-color:rgba(94,174,255,.8);box-shadow:0 5px 15px rgba(3,89,200,.24);color:white}
.sidebar-foot{border-top:1px solid #ffffff35;padding-top:14px}
main{min-width:0;padding:0 7px 25px 0;background:transparent!important}main>header{padding:16px 22px;margin-bottom:16px;border:1px solid var(--glass-edge);border-radius:17px;background:rgba(245,250,255,.30);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}main>header h1{font-size:29px;letter-spacing:-.8px}
.panel,.stat,.stats>div,.command-card,.command-load-card,.rn-expanded,.rn-pane,.rn-info-tiles>div,.finance-chart-panel,.shipment-explorer,.settings-card,.address-card,.customer-card,.insight-panel,.destination-prompt{background:var(--glass-surface)!important;border:1px solid var(--glass-edge)!important;border-radius:17px!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(19px);-webkit-backdrop-filter:blur(19px)}
.stats{gap:12px}.stats>div{padding:20px!important;min-height:98px}.stats strong{font-size:25px}
.primary{background:linear-gradient(125deg,#164c8c,#0c2b53);color:white;box-shadow:0 5px 13px #123e6d30}.secondary{background:rgba(237,245,255,.68);border:1px solid rgba(130,159,196,.28);color:#16375f}
button{transition:filter .16s,box-shadow .16s}button:hover{filter:brightness(1.08)}
input,select,textarea{background:rgba(255,255,255,.73);border-color:rgba(129,158,191,.35);backdrop-filter:blur(10px)}
.load-card,.load-row,.rn-load-row{box-shadow:0 9px 24px #1736531a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.rn-expanded,.rn-dashboard .rn-pane{background:rgba(249,251,255,.78)!important}.rn-info-tiles>div{background:rgba(255,255,255,.62)!important}
.finance-subnav,.finance-filters,.finance-table-wrap,.toolbar{backdrop-filter:blur(10px)}.finance-table{background:rgba(255,255,255,.55)}.finance-table tbody tr{background:rgba(255,255,255,.4)}
.login-shell{background:radial-gradient(ellipse at 80% 10%,#edbd94,transparent 45%),linear-gradient(130deg,#24466a,#8fa9bc)}.login-card{background:rgba(255,255,255,.82);border:1px solid #fff9;backdrop-filter:blur(20px)}
dialog{border:1px solid #ffffff99!important;border-radius:18px!important;background:rgba(250,252,255,.96)!important;box-shadow:0 30px 90px #061c3e66!important}
html[data-theme=dark]{--glass-edge:rgba(211,229,255,.22);--glass-surface:rgba(15,29,51,.70);--glass-shadow:0 16px 42px rgba(1,9,24,.32);--text:#f0f6ff;--muted:#b4c6dd;--line:rgba(198,216,241,.22);--light:#0b1b30}
html[data-theme=dark] body{background:radial-gradient(ellipse at 82% 5%,rgba(195,115,73,.43),transparent 37%),radial-gradient(ellipse at 36% 46%,rgba(39,88,146,.46),transparent 52%),linear-gradient(130deg,#101f35,#314052 53%,#453c40)}
html[data-theme=dark] main>header{background:rgba(17,31,53,.48)}html[data-theme=dark] .panel,html[data-theme=dark] .stats>div,html[data-theme=dark] .rn-expanded,html[data-theme=dark] .rn-pane,html[data-theme=dark] .rn-info-tiles>div{background:var(--glass-surface)!important;border-color:var(--glass-edge)!important;color:var(--text)}html[data-theme=dark] .secondary{background:rgba(47,76,112,.7);color:#f0f6ff}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{background:rgba(20,39,64,.8);color:#fff}html[data-theme=dark] dialog{background:rgba(16,30,50,.97)!important}html[data-theme=dark] .finance-table,html[data-theme=dark] .finance-table tbody tr{background:rgba(15,31,53,.53)}
@media(max-width:900px){#app{padding:7px;gap:7px;grid-template-columns:190px minmax(0,1fr)}aside{top:7px;height:calc(100vh - 14px)}.brand img{height:105px}nav button{font-size:12px;padding:11px 7px}}
@media(max-width:700px){#app{display:block;padding:0}aside{position:relative;top:0;height:auto;border-radius:0;padding:10px}.brand{display:none}nav{display:flex;overflow-x:auto;gap:5px}nav button{flex-shrink:0;white-space:nowrap;padding:9px}nav button:before{display:none}.sidebar-foot{display:none}main{padding:10px}main>header{padding:12px}main>header h1{font-size:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* glass-v2.css */
/* V3.45: dark photographic glass theme. Presentation layer only. */
:root{--glass-edge:rgba(218,233,255,.27);--glass-surface:rgba(16,30,53,.66);--glass-shadow:0 16px 42px rgba(1,9,24,.33);--text:#f1f7ff;--muted:#b8c9e1;--line:rgba(209,229,255,.2);--light:#101d30;--navy:#112e56;--blue:#4da4ff}
html,body{min-height:100%;color:#f1f7ff!important}
body,html[data-theme=light] body,html[data-theme=dark] body{background:linear-gradient(110deg,rgba(7,22,43,.67),rgba(11,29,51,.48) 42%,rgba(63,36,32,.40)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?w=1800&q=85') center center/cover fixed,linear-gradient(125deg,#16385f 5%,#445d77 47%,#9c624a 100%)!important;background-attachment:fixed!important}
body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 87% 9%,rgba(255,168,89,.25),transparent 40%),radial-gradient(ellipse at 28% 62%,rgba(38,114,205,.22),transparent 46%);z-index:0;filter:none}
#app{position:relative;z-index:1;grid-template-columns:222px minmax(0,1fr);gap:14px;padding:13px;min-height:100vh}
aside{top:13px;height:calc(100vh - 26px);background:linear-gradient(170deg,rgba(5,29,61,.94),rgba(6,24,46,.84))!important;border:1px solid rgba(180,217,255,.28)!important;box-shadow:0 20px 55px #00112580!important}
.brand img{height:133px;object-fit:contain;background:white!important;box-shadow:0 8px 24px #001b3459}
nav button{font-weight:650;color:#e6efff!important;font-size:13px}nav button.active{background:linear-gradient(100deg,rgba(22,108,213,.92),rgba(23,71,140,.88))!important;box-shadow:inset 0 0 0 1px #62b5ff,0 6px 19px #0073e340!important}
main>header{background:rgba(13,30,53,.48)!important;border:1px solid rgba(218,233,255,.26)!important;padding:18px 22px;box-shadow:0 12px 32px #05162948!important}
main>header h1,main h1,main h2,main h3,main h4,main strong,main b{color:#f6f9ff!important}main>header p,main p,main small,main .muted{color:#b8c9e1}
.panel,.stat,.stats>div,.command-panel,.command-metric,.command-welcome,.command-load-card,.command-active-panel,.rn-expanded,.rn-pane,.rn-tile,.rn-info-tiles>div,.finance-chart-panel,.shipment-explorer,.settings-card,.address-card,.customer-card,.insight-panel,.destination-prompt,.load-expanded{background:rgba(15,30,53,.64)!important;border:1px solid rgba(219,236,255,.25)!important;color:#eef5ff!important;box-shadow:0 12px 34px #02162d50!important;backdrop-filter:blur(24px) saturate(135%)!important;-webkit-backdrop-filter:blur(24px) saturate(135%)!important;border-radius:16px!important}
.stats>div,.command-metric{min-height:95px;position:relative;overflow:hidden}.stats>div:before,.command-metric:before{content:'▣';position:absolute;right:15px;top:15px;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(130deg,#1775ed,#2659a7);font-size:23px;color:#fff;box-shadow:0 5px 15px #1476ee55}.stats>div:nth-child(2):before,.command-metric:nth-child(2):before{content:'➜';background:linear-gradient(130deg,#2f92ed,#3971be)}.stats>div:nth-child(3):before,.command-metric:nth-child(3):before{content:'●';background:linear-gradient(130deg,#9955eb,#6132b0)}.stats>div:nth-child(4):before,.command-metric:nth-child(4):before{content:'▦';background:linear-gradient(130deg,#f38e54,#d64d35)}.stats>div:nth-child(5):before,.command-metric:nth-child(5):before{content:'✓';background:linear-gradient(130deg,#1ccf7b,#0a8950)}
.stats strong,.command-metric strong{color:#fff!important;font-size:25px}.command-welcome{background:rgba(13,30,53,.57)!important}
.load-card,.load-row,.rn-load-row{background:rgba(15,29,51,.68)!important;border:1px solid rgba(213,230,255,.25)!important;color:#f5f8ff!important;backdrop-filter:blur(19px)!important;-webkit-backdrop-filter:blur(19px)!important;box-shadow:0 8px 24px #00152d52!important}.load-card *,.rn-load-row *{color:inherit}.load-card:has(.badge.delivered),.load-card.delivered{border-left:5px solid #28d07c!important}.load-card:has(.badge.in_transit),.load-card.in_transit{border-left:5px solid #269dff!important}
.rn-info-tiles>div,.rn-tile{background:rgba(33,53,79,.67)!important}.rn-pane,.rn-dashboard .rn-pane{background:rgba(13,28,51,.62)!important}.rn-tab{color:#c5d8ef!important}.rn-tab.active{color:#70baff!important;border-color:#4ea8ff!important}
.badge{box-shadow:0 2px 10px #00152b35}.badge.delivered,.badge.status-delivered{background:#0b9e61!important;color:white!important}.badge.in_transit,.badge.status-in_transit{background:#126dc3!important;color:white!important}
.finance-filters,.finance-subnav,.filtered-finance-summary,.finance-table,.finance-table th,.finance-table tbody tr,.finance-table-wrap,.finance-route-stop,.portal-users-head,.rn-highlight-update,.next-stop,.command-next{background:rgba(19,39,65,.62)!important;color:#eaf4ff!important;border-color:rgba(219,235,255,.17)!important}.finance-table td,.finance-table th,.finance-route-stop b,.finance-table td:first-child b,.finance-head h2,.finance-table .cost{color:#e9f4ff!important}.finance-table tbody tr:hover{background:rgba(65,111,158,.35)!important}.finance-route-stop.pickup{background:rgba(32,85,146,.55)!important}.finance-route-stop.delivery{background:rgba(82,53,134,.5)!important}
input,select,textarea{background:rgba(15,33,58,.85)!important;color:#f5f9ff!important;border:1px solid rgba(204,226,255,.29)!important}input::placeholder,textarea::placeholder{color:#aabbd2!important}option{background:#142c4d;color:#fff}.secondary,.ghost{background:rgba(40,73,111,.72)!important;color:#f3f8ff!important;border:1px solid #c7e1ff35!important}.primary{background:linear-gradient(115deg,#1768bd,#0b315d)!important;color:white!important;border:1px solid #6cb9ff66!important}
button{color:inherit}dialog{background:rgba(15,30,53,.97)!important;color:#f6f9ff!important;border:1px solid #d8e8ff44!important}dialog h2,dialog h3{color:#fff!important}
/* Contrast for tinted status rows and compact detail badges */
.load-card.scheduled,.load-card.planned,.load-card.in_transit,.load-card.delivered{color:#f4f9ff!important}
.sidebar-foot{color:#e7f1ff}main{background:transparent!important}
@media(max-width:900px){#app{grid-template-columns:188px minmax(0,1fr)}}
@media(max-width:700px){#app{display:block;padding:0}aside{position:relative;height:auto;top:0;border-radius:0!important}.brand{display:none}main{padding:10px}}

/* glass-v3.css */
/* V3.46: high-contrast true glass, correct all status rows */
:root{--text:#f5f9ff;--muted:#c5d5ea;--line:rgba(213,231,255,.24);--rn-panel:rgba(16,31,53,.57)}
body,html[data-theme=light] body,html[data-theme=dark] body{background-image:linear-gradient(105deg,rgba(4,15,33,.73),rgba(15,29,53,.42) 55%,rgba(53,33,35,.40)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?w=1800&q=85')!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important}
body:before{background:linear-gradient(90deg,rgba(3,12,28,.18),transparent 55%),radial-gradient(ellipse at 90% 10%,rgba(255,154,72,.17),transparent 50%)}
main>header,.panel,.stat,.stats>div,.command-panel,.command-metric,.command-welcome,.command-load-card,.command-active-panel,.rn-expanded,.rn-pane,.rn-tile,.rn-info-tiles>div,.finance-chart-panel,.shipment-explorer,.settings-card,.address-card,.customer-card,.insight-panel,.destination-prompt,.load-expanded,.rn-dashboard .rn-pane{background:rgba(13,26,48,.58)!important;color:#f4f8ff!important;border:1px solid rgba(215,234,255,.29)!important;box-shadow:0 10px 34px rgba(1,10,26,.22),inset 0 1px rgba(255,255,255,.09)!important;backdrop-filter:blur(18px) saturate(145%)!important;-webkit-backdrop-filter:blur(18px) saturate(145%)!important}
/* Crucial: override original pastel status backgrounds on the actual collapsed header */
.load-card,.load-card.collapsible,.load-card.load-status-scheduled,.load-card.load-status-planned,.load-card.load-status-in_transit,.load-card.load-status-delivered,.load-card .load-collapse-head,.load-card.is-open .load-collapse-head,.load-card.load-status-scheduled .load-collapse-head,.load-card.load-status-scheduled.is-open .load-collapse-head,.load-card.load-status-in_transit .load-collapse-head,.load-card.load-status-in_transit.is-open .load-collapse-head,.load-card.load-status-delivered .load-collapse-head,.load-card.load-status-delivered.is-open .load-collapse-head,.load-card.load-status-scheduled .load-expanded,.load-card.load-status-in_transit .load-expanded,.load-card.load-status-delivered .load-expanded{background:rgba(13,26,48,.70)!important;color:#f6faff!important;border-color:rgba(215,234,255,.27)!important}
.load-card.load-status-scheduled{border-left:5px solid #ffae4d!important}.load-card.load-status-planned{border-left:5px solid #a5b8d3!important}.load-card.load-status-in_transit{border-left:5px solid #299dff!important}.load-card.load-status-delivered{border-left:5px solid #29d883!important}
.load-collapse-head,.collapsed-main,.collapsed-main *,.collapsed-right,.collapsed-right *,.collapsed-route,.collapsed-ref,.load-card .load-top,.load-card .load-top *{color:#f4f8ff!important}
.load-card .muted,.collapsed-ref,.load-card small,.load-card .leg-label{color:#c3d3e8!important}
.load-card .badge,.load-card .badge *{color:#fff!important}.load-card .badge.status-planned{background:#52667f!important}.load-card .badge.status-scheduled{background:#c47a23!important}.load-card .badge.status-delivered{background:#079b5e!important}
.command-row,.command-empty,.command-route span,.command-load-facts span,.command-next,.command-latest,.next-stop,.latest-update,.rn-highlight-update,.rn-appointment,.rn-quick-actions button,.rn-appointment-status,.tracking-history,.tracking-feed-item,.finance-table,.finance-filters,.finance-subnav,.finance-route-stop{background:rgba(27,48,77,.55)!important;color:#f2f7ff!important;border-color:rgba(211,230,255,.21)!important}
.command-row *, .command-load-card *, .command-route span,.command-load-facts span,.command-next *, .command-latest *, .rn-pane *, .rn-tile b,.rn-quick-actions button span{color:#f0f6ff!important}
.command-row small,.command-row span,.command-load-card small,.command-load-top small,.command-load-top div>span,.command-next small,.command-latest small,.command-panel-head p,.rn-pane small,.rn-pane p,.rn-fact span,.rn-tile small{color:#c2d2e6!important}
.command-panel-head>span,.command-route span,.command-load-facts span,.command-appointment-number{background:rgba(80,124,178,.38)!important;color:#fff!important}
.rn-expanded,.rn-expanded .rn-pane,.rn-expanded .rn-tile,.rn-expanded .rn-tab-panel>.shipment-progress,.rn-expanded .rn-tab-panel>.load-documents,.rn-expanded .rn-tab-panel>.carrier-ops-panel{background:rgba(15,29,51,.68)!important;color:#f5f9ff!important}
.rn-tile-icon.purple{background:linear-gradient(140deg,#b365ff,#7131b6)!important;color:white!important}.rn-tile-icon.pink{background:linear-gradient(140deg,#ff7da9,#d32d78)!important;color:white!important}.rn-tile-icon.green{background:linear-gradient(140deg,#4ceca0,#078d55)!important;color:white!important}.rn-tile-icon.blue{background:linear-gradient(140deg,#69baff,#1164ca)!important;color:white!important}
.command-metric span,.stats small,.command-metric small{color:#d2e0f2!important}.command-metric:before,.stats>div:before{border-radius:13px;box-shadow:0 7px 18px rgba(0,0,0,.22)}
main .muted,main .eyebrow{color:#c6d5e9!important}
/* Legibility of labels in forms and white-on-white remnants */
main label,main td,main th,main .finance-table td,main .finance-table th{color:#f1f7ff!important}
main input,main select,main textarea{background:rgba(9,22,43,.87)!important;color:white!important}
main button.secondary,main button.ghost{background:rgba(36,70,111,.76)!important;color:white!important}
/* Keep logo as-is and clearly visible */
.brand img{object-fit:contain!important;background:#fff!important}
@media(max-width:700px){.command-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.command-grid,.command-load-grid{grid-template-columns:1fr}.collapsed-main{grid-template-columns:1fr}}

/* glass-v4.css */
/* Royal National preview V3.47 — consistent high-contrast glass system */
:root,html[data-theme="light"],html[data-theme="dark"]{--text:#f5f9ff;--muted:#cbd9ec;--line:rgba(223,237,255,.28);--navy:#071b36;--blue:#3da6ff;color-scheme:dark}
html,body{min-height:100%;}body,html[data-theme="light"] body,html[data-theme="dark"] body{background:#0a1b31!important;background-image:none!important;color:#f4f8ff!important}
body::before{content:""!important;position:fixed!important;inset:-24px!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(105deg,rgba(4,14,32,.51),rgba(10,22,45,.22) 55%,rgba(22,17,33,.26)),url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?w=1920&q=85') center /cover no-repeat!important;filter:blur(13px) saturate(120%)!important;opacity:1!important}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 82% 15%,rgba(244,139,61,.25),transparent 50%),linear-gradient(180deg,rgba(7,18,39,.15),rgba(4,12,28,.37))}
#app{grid-template-columns:222px minmax(0,1fr)!important;gap:14px;padding:12px;min-height:100vh}
aside{position:sticky;top:12px;height:calc(100vh - 24px);border:1px solid rgba(220,235,255,.3);border-radius:17px;padding:14px 10px!important;background:rgba(4,20,45,.72)!important;backdrop-filter:blur(24px) saturate(135%);box-shadow:0 18px 42px #00102955}
.brand{display:grid!important;place-items:center;padding:0 0 14px!important;margin:0 0 8px!important}
.brand img{display:block!important;width:100%!important;height:142px!important;max-width:184px!important;object-fit:contain!important;background:#fff!important;border-radius:14px!important;padding:7px!important;box-shadow:0 6px 20px #0002!important}
.brand>div{display:none!important}nav{gap:5px!important}nav button{font-size:13px!important;padding:13px 14px!important;border:1px solid transparent!important;border-radius:11px!important;color:#e0ebff!important}nav button:before{display:inline-block;width:25px;font-size:17px;vertical-align:-1px}nav button[data-page="command"]:before{content:"⌂"}nav button[data-page="active"]:before{content:"🚚"}nav button[data-page="history"]:before{content:"◷"}nav button[data-page="finances"]:before{content:"▥"}nav button[data-page="customers"]:before{content:"♧"}nav button[data-page="addressbook"]:before{content:"▤"}nav button[data-page="settings"]:before{content:"⚙"}nav button[data-page="settings"]{font-size:0!important}nav button[data-page="settings"]:after{content:"Settings";font-size:13px}
nav button.active,nav button:hover{background:linear-gradient(110deg,#0873d6,#114b96)!important;border-color:#4ab8ff!important;box-shadow:0 3px 18px #007dff66!important;color:white!important}.sidebar-foot{border-color:#ffffff30}
main{padding:0 3px 24px 0!important;min-width:0}.rn-global-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 8px}.rn-search-wrap{height:44px;display:flex;align-items:center;gap:10px;padding:0 13px;border-radius:13px;border:1px solid #d5e9ff40;background:rgba(37,65,101,.42);backdrop-filter:blur(18px);width:min(530px,65%)}.rn-search-wrap span{font-size:26px;color:#e2efff}.rn-search-wrap input{border:0!important;background:transparent!important;outline:0!important;box-shadow:none!important;color:white!important;flex:1;min-width:0}.rn-search-wrap input::placeholder{color:#d4e3f5!important}.rn-search-wrap kbd{padding:5px 7px;border:1px solid #ffffff38;border-radius:7px;color:#d6e4f5;white-space:nowrap}.rn-user-chip{display:flex;align-items:center;gap:10px;border:1px solid #ffffff3b;background:rgba(23,40,67,.48);border-radius:13px;padding:6px 16px 6px 7px;font-size:12px}.rn-avatar{display:grid;place-items:center;border-radius:50%;width:33px;height:33px;background:#60718d;color:#fff;font-weight:800}.rn-user-chip small{color:#c6d5e9}
main>header{border:1px solid #dce9ff4b!important;background:rgba(27,46,75,.33)!important;border-radius:15px!important;padding:14px 18px!important;margin-bottom:12px!important;backdrop-filter:blur(22px)!important}header h1{font-size:28px!important;font-weight:800!important}header p{color:#d6e4f6!important;font-size:14px!important}button.primary{background:linear-gradient(135deg,#0878e7,#06448f)!important;color:white!important;border:1px solid #54b6ff55!important;box-shadow:0 5px 18px #001d4180!important}
/* All standard pages get the same glass palette, including forms and tables */
main .panel,main .stat,main .command-panel,main .command-metric,main .command-welcome,main .load-card,main .address-card,main .customer-card,main .rn-pane,main .rn-tile,main .rn-expanded,main .rn-info-tiles>div,main .settings-card,main .insight-panel,main .finance-chart-panel,main .shipment-explorer{background:rgba(13,28,53,.56)!important;color:#f6faff!important;border:1px solid rgba(221,235,255,.26)!important;box-shadow:0 8px 28px rgba(0,7,23,.22),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(22px) saturate(135%)!important;border-radius:14px!important}
main .load-card,main .load-card .load-collapse-head,main .load-card .load-expanded,main .load-card.is-open .load-collapse-head{background:rgba(13,27,49,.67)!important;color:#fff!important}main .load-card.load-status-in_transit{border-left:5px solid #189dff!important}main .load-card.load-status-delivered{border-left:5px solid #17c878!important}main .load-card.load-status-scheduled{border-left:5px solid #ffa326!important}main .load-card.load-status-planned{border-left:5px solid #9eb2cc!important}
main .load-card .collapsed-main *,main .load-card .collapsed-right *,main .load-card .load-collapse-head *,main .load-card .collapsed-route,main .load-card .collapsed-ref{color:#f6faff!important}main .load-card .collapsed-ref,main .load-card .muted{color:#c6d7ee!important}main .load-card .badge.status-delivered{background:#0aa766!important}main .load-card .badge.status-in_transit{background:#076bd1!important}main .load-card .badge.status-scheduled{background:#d77b13!important}
main .finance-table,main .finance-table th,main .finance-table td,main .finance-route-stop,main .finance-filters,main .finance-subnav,main .command-row,main .command-load-card,main .command-next,main .command-route span,main .command-load-facts span,main .command-empty,main .rn-appointment,main .rn-highlight-update,main .rn-quick-actions button{background:rgba(17,36,66,.64)!important;color:#f5f9ff!important;border-color:#d7e7ff35!important}main .finance-table *,main .finance-route-stop *,main .command-load-card *,main .command-row *,main .rn-expanded *{color:#f4f8ff!important}main .command-row small,main .command-load-card small,main .rn-expanded small,main .finance-route-stop small{color:#c7d6e9!important}main input,main select,main textarea{background:rgba(10,25,49,.83)!important;color:#f6faff!important;border:1px solid #d5e6ff43!important}main input::placeholder,main textarea::placeholder{color:#adc1d9!important}main button.secondary{background:rgba(40,82,128,.8)!important;color:white!important}
/* The reference layout: crisp cards with translucent surfaces and strong icon accents */
.rn-glass-dashboard{display:grid;gap:13px}.rn-glass{background:rgba(14,24,45,.52);border:1px solid rgba(221,234,255,.39);border-radius:16px;box-shadow:0 10px 30px #020c1f44,inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(23px) saturate(145%);-webkit-backdrop-filter:blur(23px) saturate(145%);min-width:0}.rn-kpi-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.rn-kpi{display:grid;grid-template-columns:51px 1fr;grid-template-rows:1fr 7px;gap:9px;padding:14px;align-items:center;min-height:106px}.rn-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:13px;background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 90%,white),color-mix(in srgb,var(--accent) 70%,black));box-shadow:0 6px 18px color-mix(in srgb,var(--accent) 30%,transparent);font-size:27px;color:white;font-weight:900}.rn-kpi strong,.rn-kpi span{display:block}.rn-kpi strong{font-size:27px;line-height:1.1}.rn-kpi span{font-size:12px;color:#e0eafb}.rn-kpi-progress{grid-column:1/-1;height:8px;background:#ffffff38;border-radius:20px;overflow:hidden}.rn-kpi-progress i{display:block;height:100%;border-radius:20px;box-shadow:0 0 13px currentColor}
.rn-dashboard-middle{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,.96fr) minmax(240px,1.08fr);gap:11px;min-height:305px}.rn-map-panel,.rn-timeline,.rn-spend,.rn-mode,.rn-recent,.rn-finance-preview{padding:14px 15px}.rn-section-title{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}.rn-section-title h3{font-size:17px;color:#fff;margin:0;font-weight:800}.rn-section-title small{display:block;color:#d1e0f3;font-size:11px;margin-top:3px}.rn-link{background:transparent!important;border:0!important;color:#e6f3ff!important;font-size:11px!important;cursor:pointer;white-space:nowrap;padding:4px!important}.rn-link:hover{color:#4eb6ff!important}.rn-map-content{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:9px;align-items:center;min-height:222px}.rn-map-visual{position:relative;min-height:212px;overflow:hidden;border-radius:11px;background:radial-gradient(ellipse at 50% 50%,#24518388,transparent 67%),linear-gradient(135deg,#0c284a99,#092039aa)}.rn-map-grid{position:absolute;inset:12px 18px;opacity:.22;background-image:linear-gradient(90deg,#90c6ff 1px,transparent 1px),linear-gradient(#90c6ff 1px,transparent 1px);background-size:28px 26px;mask-image:radial-gradient(ellipse,#000,transparent 85%)}.rn-map-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:5px;text-align:center;font-size:40px;text-shadow:0 0 22px #000}.rn-map-center strong{font-size:17px}.rn-map-center small{font-size:10px;color:#bfd9f5}.rn-map-pin{position:absolute;width:12px;height:12px;border:2px solid #e6f6ff;border-radius:50%;background:#128fff;box-shadow:0 0 0 5px #168aff44,0 0 18px #1daaff}.rn-map-pin.pin1{left:19%;top:62%}.rn-map-pin.pin2{left:72%;top:28%}.rn-map-pin.pin3{left:68%;top:72%;background:#11d693}.rn-map-pin.pin4{left:38%;top:24%;background:#ff9b37}.rn-map-legend{display:grid;gap:10px}.rn-geo-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.rn-geo-row span{display:flex;align-items:center;gap:6px}.rn-geo-row i,.rn-mode-legend i{width:9px;height:9px;border-radius:3px;display:inline-block;flex:none}.rn-panel-note{font-size:10px;color:#c0d0e4;margin:3px 0 0}.rn-activity-row{display:grid;grid-template-columns:12px 73px minmax(0,1fr) auto;gap:7px;width:100%;padding:12px 0;border:0;border-bottom:1px solid #ffffff1f;background:transparent;color:white;text-align:left;align-items:start;cursor:pointer}.rn-activity-dot{background:var(--dot);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 4px #ffffff15,0 0 12px var(--dot)}.rn-activity-time{font-size:10px;color:#d6e4f5}.rn-activity-row b{font-size:12px}.rn-activity-row small{display:block;color:#c8d9ef;margin-top:3px;font-size:10px}.rn-activity-load{font-size:10px;color:#cddcf0}.rn-empty{padding:24px 10px;color:#c4d4e9;text-align:center;font-size:12px}.rn-dashboard-side{display:grid;grid-template-rows:1fr 1.12fr;gap:11px;min-height:0}.rn-spend strong{font-size:27px;display:block}.rn-spend small{font-size:10px;color:#c5d6ec}.rn-spark-bars,.rn-mini-bars{display:flex;align-items:end;gap:5px;height:65px;margin-top:10px}.rn-spark-bars>div,.rn-mini-bars>div{flex:1;min-width:0;background:linear-gradient(0deg,#0869dc,#54b6ff);border-radius:3px 3px 0 0}.rn-mode-content{display:flex;align-items:center;gap:15px}.rn-donut{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;flex:none}.rn-donut>div{width:73px;height:73px;border-radius:50%;background:#0f203a;display:grid;align-content:center;text-align:center}.rn-donut b{font-size:22px}.rn-donut small{font-size:10px}.rn-mode-legend{flex:1;display:grid;gap:7px}.rn-mode-legend>div{display:flex;justify-content:space-between;gap:6px;font-size:11px}.rn-mode-legend span{display:flex;align-items:center;gap:6px}
.rn-dashboard-bottom{display:grid;grid-template-columns:1.05fr 1fr;gap:12px}.rn-table-head,.rn-table-row{display:grid;grid-template-columns:.65fr 1fr 1.65fr .8fr .65fr .9fr 12px;gap:8px;align-items:center}.rn-table-head{font-size:10px;color:#d5e2f2;padding:10px;border-bottom:1px solid #ffffff35}.rn-table-row{width:100%;border:0;border-bottom:1px solid #ffffff20;background:#0c203c66;text-align:left;padding:12px 10px;color:#f6faff;font-size:11px;cursor:pointer}.rn-table-row:hover{background:#26558a8a}.rn-load-num{font-weight:800}.rn-customer-pill{background:#85bbf6;color:#062a56;border-radius:18px;padding:5px 7px;font-size:10px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rn-route-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rn-table-row .badge{font-size:9px;color:white!important}.rn-finance-mini{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rn-finance-mini>div{display:grid;grid-template-columns:29px 1fr;gap:2px 7px;padding:10px 8px;border-radius:10px;background:#ffffff12;border:1px solid #ffffff24}.rn-finance-mini span{grid-row:span 2;font-size:23px}.rn-finance-mini b{font-size:16px}.rn-finance-mini small{font-size:9px;color:#cbdcf1}.rn-mini-analytics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.rn-mini-chart,.rn-mini-states{border:1px solid #ffffff2c;border-radius:10px;background:#0a203c55;padding:10px}.rn-mini-analytics h4{margin:0;font-size:12px}.rn-mini-bars{height:105px}.rn-mini-states .rn-geo-row{margin-top:11px}.rn-mini-summary{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.rn-mini-summary span{border:1px solid #ffffff2b;background:#ffffff10;padding:8px 10px;border-radius:9px;font-size:11px}.rn-mini-summary b{color:#5db7ff}.rn-finance-preview{min-width:0}
/* Keep dialogs usable in a lighter, opaque surface to avoid reading against the photo. */
dialog{background:#10243e!important;color:#fff!important;border:1px solid #b6d6ff55!important}dialog input,dialog select,dialog textarea{background:#0b1b32!important;color:white!important;border:1px solid #ffffff50!important}dialog label,dialog p{color:#e2eeff!important}
@media(max-width:1250px){.rn-dashboard-middle{grid-template-columns:1.2fr 1fr}.rn-dashboard-side{grid-column:1/-1;grid-template-columns:1fr 1fr;grid-template-rows:auto}.rn-dashboard-bottom{grid-template-columns:1fr}.rn-kpi{padding:10px}.rn-icon{width:40px;height:40px}.rn-kpi strong{font-size:23px}}
@media(max-width:850px){#app{display:block;padding:7px}aside{position:relative;height:auto;top:auto;display:block}.brand img{height:92px!important;width:130px!important}nav{display:flex;overflow-x:auto}.rn-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rn-dashboard-middle{grid-template-columns:1fr}.rn-dashboard-side{grid-column:auto;grid-template-columns:1fr}.rn-global-top{margin-top:8px}.rn-search-wrap{width:100%}.rn-user-chip{display:none}.rn-finance-mini{grid-template-columns:repeat(2,1fr)}.rn-table-head{display:none}.rn-table-row{grid-template-columns:1fr 1fr;gap:6px}.rn-table-row>*:nth-child(3){grid-column:1/-1}.rn-mini-analytics{grid-template-columns:1fr}.rn-map-content{grid-template-columns:1fr 100px}}

/* glass-v5.css */
/* V3.48: translucent charcoal glass over the warm sunset scene */
:root,html[data-theme="light"],html[data-theme="dark"]{--rn-glass:rgba(15,22,40,.38);--rn-edge:rgba(228,239,255,.40)}
body,html[data-theme="light"] body,html[data-theme="dark"] body{background:#0b1831!important;color:#fff!important}
body::before{inset:0!important;background:linear-gradient(90deg,rgba(5,16,36,.28),rgba(10,15,30,.08) 55%,rgba(5,10,24,.13)),url('assets/sunset-blurred.jpg') center center/cover fixed no-repeat!important;filter:none!important;opacity:1!important}
body::after{background:linear-gradient(180deg,rgba(4,12,27,.05),rgba(7,10,23,.18))!important}
.rn-glass,main>header,.rn-global-top .rn-search-wrap,.rn-user-chip,aside{background:rgba(17,25,45,.34)!important;border:1px solid var(--rn-edge)!important;backdrop-filter:blur(15px) saturate(145%)!important;-webkit-backdrop-filter:blur(15px) saturate(145%)!important;box-shadow:0 12px 35px rgba(1,8,24,.20),inset 0 1px rgba(255,255,255,.13)!important}
.rn-glass{border-radius:16px!important}
.rn-kpi{background:linear-gradient(125deg,rgba(59,78,113,.37),rgba(21,26,44,.28))!important}
.rn-map-panel,.rn-timeline,.rn-spend,.rn-mode,.rn-recent,.rn-finance-preview{background:rgba(12,20,38,.42)!important}
.rn-map-visual{background:rgba(8,20,42,.17)!important}
.rn-mini-chart,.rn-mini-states,.rn-finance-mini>div,.rn-mini-summary span,.rn-table-row{background:rgba(19,30,51,.34)!important}
.rn-table-row:hover{background:rgba(43,100,165,.48)!important}
main .panel,main .stat,main .command-panel,main .command-metric,main .command-welcome,main .load-card,main .address-card,main .customer-card,main .rn-pane,main .rn-tile,main .rn-expanded,main .rn-info-tiles>div,main .settings-card,main .insight-panel,main .finance-chart-panel,main .shipment-explorer{background:rgba(16,25,44,.40)!important;border:1px solid rgba(231,241,255,.36)!important;backdrop-filter:blur(16px) saturate(145%)!important;-webkit-backdrop-filter:blur(16px) saturate(145%)!important}
main .load-card,main .load-card .load-collapse-head,main .load-card .load-expanded,main .load-card.is-open .load-collapse-head{background:rgba(17,28,49,.49)!important}
main .load-card .collapsed-main *,main .load-card .collapsed-right *,main .load-card .load-collapse-head *{color:#f7fbff!important}
main .load-card .collapsed-ref,main .load-card .muted{color:#cbd9e9!important}
main .finance-table,main .finance-table th,main .finance-table td,main .finance-route-stop,main .finance-filters,main .finance-subnav,main .command-row,main .command-load-card,main .command-next,main .command-route span,main .command-load-facts span,main .command-empty,main .rn-appointment,main .rn-highlight-update,main .rn-quick-actions button{background:rgba(16,29,50,.39)!important}
.rn-map-center{background:rgba(8,17,34,.32);padding:8px 15px;border-radius:12px}
.rn-map-grid{opacity:.12}
.rn-customer-pill{background:#8bbdff!important;color:#092a54!important}
.brand img{height:154px!important;max-width:192px!important;padding:0!important;object-fit:contain!important}
.rn-icon{font-family:system-ui,'Segoe UI Emoji',sans-serif!important}
@media(prefers-reduced-transparency:reduce){.rn-glass{background:rgba(12,22,42,.87)!important}}

/* glass-v6.css */
/* V3.49: replacement glass system, reference-aligned. All important panels use truly low-alpha charcoal glass. */
:root,html[data-theme="light"],html[data-theme="dark"]{--rn-glass:rgba(14,19,32,.23);--rn-edge:rgba(237,245,255,.43);--text:#f8fbff;--muted:#d9e4f4;color-scheme:dark}
html,body,html[data-theme="light"] body,html[data-theme="dark"] body{background:#142035!important;color:#fff!important}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-2!important;background-image:linear-gradient(90deg,rgba(5,12,27,.24),rgba(18,15,27,.07) 48%,rgba(20,12,25,.08)),url('assets/atmosphere.jpg')!important;background-position:center!important;background-size:cover!important;filter:none!important;opacity:1!important;transform:none!important}
body::after{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;background:radial-gradient(ellipse at 80% 20%,rgba(255,153,67,.16),transparent 48%),linear-gradient(180deg,rgba(2,8,22,.04),rgba(5,9,21,.11))!important;pointer-events:none!important}
#app{gap:12px!important}aside{background:rgba(5,18,39,.63)!important;border:1px solid rgba(226,241,255,.45)!important;backdrop-filter:blur(17px) saturate(120%)!important;-webkit-backdrop-filter:blur(17px) saturate(120%)!important;box-shadow:0 12px 35px rgba(0,0,0,.18)!important}
.brand{padding:0 0 12px!important}.brand img{width:100%!important;max-width:195px!important;height:145px!important;object-fit:cover!important;object-position:center!important;padding:0!important;background:white!important;border-radius:13px!important}
.rn-glass,main>header,.rn-global-top .rn-search-wrap,.rn-user-chip,main .panel,main .stat,main .command-panel,main .command-metric,main .command-welcome,main .load-card,main .address-card,main .customer-card,main .rn-pane,main .rn-tile,main .rn-expanded,main .rn-info-tiles>div,main .settings-card,main .insight-panel,main .finance-chart-panel,main .shipment-explorer{background:rgba(13,18,32,.24)!important;border:1px solid rgba(235,242,255,.43)!important;box-shadow:0 8px 26px rgba(1,5,15,.16),inset 0 1px 0 rgba(255,255,255,.14)!important;backdrop-filter:blur(11px) saturate(118%)!important;-webkit-backdrop-filter:blur(11px) saturate(118%)!important;color:#f8fbff!important;border-radius:15px!important}
.rn-kpi{background:linear-gradient(130deg,rgba(245,248,255,.17),rgba(16,23,42,.18))!important;border:1px solid rgba(248,249,255,.40)!important;backdrop-filter:blur(10px)!important}
.rn-map-panel,.rn-timeline,.rn-spend,.rn-mode,.rn-recent,.rn-finance-preview{background:rgba(13,18,32,.23)!important}
.rn-map-visual{background:rgba(5,14,30,.16)!important}
.rn-mini-chart,.rn-mini-states,.rn-finance-mini>div,.rn-mini-summary span,.rn-table-row,.rn-table-head{background:rgba(12,18,31,.16)!important;border-color:rgba(239,245,255,.22)!important}
.rn-table-row:hover{background:rgba(50,113,190,.27)!important}
main .load-card,main .load-card .load-collapse-head,main .load-card .load-expanded,main .load-card.is-open .load-collapse-head{background:rgba(15,21,35,.30)!important}
main .finance-table,main .finance-table th,main .finance-table td,main .finance-route-stop,main .finance-filters,main .finance-subnav,main .command-row,main .command-load-card,main .command-next,main .command-route span,main .command-load-facts span,main .command-empty,main .rn-appointment,main .rn-highlight-update,main .rn-quick-actions button{background:rgba(11,19,35,.26)!important;color:#f8fbff!important;border-color:rgba(255,255,255,.25)!important}
main .load-card .collapsed-main *,main .load-card .collapsed-right *,main .load-card .load-collapse-head *{color:#f8fbff!important}
.rn-customer-pill{background:#a0c8ff!important;color:#0c2850!important}
.rn-icon{font-family:system-ui,'Segoe UI Emoji',sans-serif!important}
.rn-kpi-strip{gap:11px!important}.rn-dashboard-middle{gap:11px!important}.rn-dashboard-bottom{gap:11px!important}
/* keep data-entry surfaces solid enough to be readable */
main input,main select,main textarea{background:rgba(9,20,38,.72)!important;color:#fff!important;border-color:rgba(225,239,255,.45)!important}
main input::placeholder,main textarea::placeholder{color:#c4d1e2!important}
main .badge.status-planned,main .badge.status-scheduled{color:#fff!important}
@media(max-width:850px){.brand img{height:95px!important;width:135px!important}}
@media(prefers-reduced-transparency:reduce){.rn-glass,main .panel,main .load-card{background:rgba(12,20,36,.90)!important}}

/* glass-v52.css */

/* V3.52 uses original functional CSS and a SINGLE final visual override. */
html,body{background:transparent!important;color:#f7faff!important}
body:before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;background:linear-gradient(90deg,rgba(5,13,31,.18),rgba(11,16,33,.03)),url("assets/sunset-scene.jpg") center/cover no-repeat!important;opacity:1!important;filter:none!important}
body:after{content:none!important}
#app,main,.main,.page,.rn-glass-dashboard{background:transparent!important}
aside{background:rgba(7,21,44,.51)!important;border:1px solid rgba(232,242,255,.44)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;box-shadow:0 12px 30px #0003!important}
.brand{background:transparent!important;padding:12px!important}
.brand img{width:100%!important;max-width:190px!important;height:140px!important;object-fit:contain!important;background:#fff!important;border-radius:12px!important;padding:0!important}
.rn-global-top,.rn-search-wrap,.rn-user-chip{background:rgba(20,29,48,.21)!important;border-color:rgba(239,246,255,.30)!important;backdrop-filter:blur(10px)!important}
main>header{background:rgba(15,22,39,.15)!important;border-color:rgba(242,248,255,.23)!important;backdrop-filter:blur(8px)!important}
.rn-glass,.rn-kpi,.rn-map-panel,.rn-timeline,.rn-spend,.rn-mode,.rn-recent,.rn-finance-preview{background:rgba(20,23,37,.27)!important;border:1px solid rgba(244,247,255,.43)!important;box-shadow:inset 0 1px rgba(255,255,255,.14),0 8px 28px rgba(0,0,0,.16)!important;backdrop-filter:blur(11px) saturate(120%)!important;-webkit-backdrop-filter:blur(11px) saturate(120%)!important;border-radius:15px!important}
.rn-kpi{background:linear-gradient(130deg,rgba(248,250,255,.15),rgba(18,21,34,.22))!important}
.rn-map-visual{background:linear-gradient(rgba(10,18,37,.06),rgba(10,18,37,.06)),url("assets/reference-map.png") center/contain no-repeat!important}
.rn-map-visual>.rn-map-grid,.rn-map-visual>.rn-map-center,.rn-map-visual>.rn-map-pin{display:none!important}
.rn-map-content{grid-template-columns:minmax(0,1fr) 90px!important}
.rn-panel-note{color:#dce6f7!important}
.rn-table-row,.rn-table-head,.rn-finance-mini>div,.rn-mini-chart,.rn-mini-states,.rn-mini-summary span{background:rgba(20,23,37,.22)!important;border-color:rgba(245,250,255,.24)!important;color:#fff!important;backdrop-filter:blur(5px)!important}
.rn-table-row:hover{background:rgba(37,96,160,.45)!important}
.rn-kpi span,.rn-section-title small,.rn-activity-time,.rn-activity-row small{color:#e2eaf9!important}
.rn-customer-pill{background:#9bc6ff!important;color:#082347!important}
.rn-icon{font-family:system-ui,'Segoe UI Emoji',sans-serif!important}
.rn-donut>div{background:rgba(12,23,43,.88)!important}
/* All other pages: same glass and readable rows */
main .panel,main .stat,main .command-panel,main .command-metric,main .command-welcome,main .load-card,main .address-card,main .customer-card,main .rn-pane,main .rn-tile,main .rn-expanded,main .settings-card,main .insight-panel,main .finance-chart-panel,main .shipment-explorer{background:rgba(19,25,42,.34)!important;border-color:rgba(238,246,255,.32)!important;color:#f6f9ff!important;backdrop-filter:blur(10px)!important}
main .load-card .load-collapse-head,main .load-card .load-expanded,main .command-load-card,main .command-row,main .finance-route-stop,main .finance-table td{background:rgba(19,26,44,.34)!important;color:#f8faff!important;border-color:rgba(240,246,255,.24)!important}
main .load-card .load-collapse-head *{color:#f7faff!important}
main input,main select,main textarea{background:rgba(10,21,40,.8)!important;color:white!important}
@media(max-width:850px){.brand img{height:90px!important;width:130px!important}}

/* V3.53 unified final design layer: transparent photographic glass */
:root{--rn-glass:rgba(24,34,53,.29);--rn-edge:rgba(236,245,255,.48)}
html,body{background:#0c1930!important;color:#f9fbff!important}
body::before{content:""!important;position:fixed!important;inset:0!important;z-index:-1!important;background:linear-gradient(110deg,rgba(4,15,35,.14),rgba(8,14,30,.03) 48%,rgba(24,15,29,.08)),url('assets/sunset-scene.jpg') center center/cover no-repeat!important;filter:none!important;opacity:1!important}
body::after{content:none!important}
#app{background:transparent!important;grid-template-columns:215px minmax(0,1fr)!important;gap:13px!important;padding:10px!important}
aside{background:rgba(6,23,47,.42)!important;border:1px solid rgba(224,241,255,.52)!important;backdrop-filter:blur(15px) saturate(145%)!important;-webkit-backdrop-filter:blur(15px) saturate(145%)!important}
.brand img{width:100%!important;max-width:190px!important;height:142px!important;object-fit:contain!important;padding:0!important}
main>header{background:rgba(20,31,51,.19)!important;border:1px solid var(--rn-edge)!important;backdrop-filter:blur(10px)!important}
.rn-global-top,.rn-search-wrap,.rn-user-chip{background:rgba(26,40,63,.24)!important;border-color:var(--rn-edge)!important;backdrop-filter:blur(13px)!important}
.rn-glass,.rn-kpi,.rn-map-panel,.rn-timeline,.rn-spend,.rn-mode,.rn-recent,.rn-finance-preview{background:rgba(23,29,46,.30)!important;border:1px solid rgba(245,250,255,.49)!important;box-shadow:inset 0 1px rgba(255,255,255,.17),0 10px 30px rgba(0,0,0,.16)!important;backdrop-filter:blur(12px) saturate(155%)!important;-webkit-backdrop-filter:blur(12px) saturate(155%)!important;border-radius:15px!important}
.rn-kpi{background:linear-gradient(120deg,rgba(176,194,224,.23),rgba(25,28,44,.26))!important;min-height:108px!important}
.rn-kpi-strip{gap:12px!important}.rn-icon{box-shadow:0 5px 16px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.3)!important}
.rn-dashboard-middle{grid-template-columns:minmax(0,1.72fr) minmax(0,.96fr) minmax(0,1.08fr)!important;min-height:305px!important}
.rn-dashboard-bottom{grid-template-columns:1.05fr 1fr!important}
.rn-map-visual{background:url('assets/reference-map.png') center/contain no-repeat!important;min-height:238px!important}
.rn-map-visual>.rn-map-grid,.rn-map-visual>.rn-map-center,.rn-map-visual>.rn-map-pin{display:none!important}
.rn-map-content{grid-template-columns:minmax(0,1fr) 84px!important;min-height:245px!important}
.rn-map-panel,.rn-timeline,.rn-spend,.rn-mode,.rn-recent,.rn-finance-preview{padding:14px 15px!important}
.rn-table-row{background:rgba(22,28,43,.27)!important;border-bottom:1px solid rgba(255,255,255,.27)!important;backdrop-filter:blur(8px)!important}
.rn-table-row:hover{background:rgba(33,92,163,.48)!important}
.rn-table-head,.rn-finance-mini>div,.rn-mini-chart,.rn-mini-states,.rn-mini-summary span{background:rgba(20,27,45,.24)!important;border-color:rgba(246,250,255,.32)!important;backdrop-filter:blur(7px)!important}
.rn-customer-pill{background:#a4cbff!important;color:#08234a!important}
.rn-donut>div{background:rgba(16,29,49,.84)!important}
main .panel,main .stat,main .load-card,main .command-panel,main .command-metric,main .command-welcome,main .settings-card,main .insight-panel,main .finance-chart-panel,main .shipment-explorer{background:rgba(20,30,49,.34)!important;border-color:rgba(245,250,255,.39)!important;backdrop-filter:blur(12px)!important}
@media(max-width:1250px){.rn-dashboard-middle{grid-template-columns:1.2fr 1fr!important}.rn-dashboard-side{grid-column:1/-1!important}.rn-dashboard-bottom{grid-template-columns:1fr!important}}
@media(max-width:850px){#app{display:block!important}.rn-dashboard-middle{grid-template-columns:1fr!important}.rn-dashboard-side{grid-column:auto!important}.rn-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rn-map-content{grid-template-columns:minmax(0,1fr) 85px!important}}