:root{--bg:#f5f7fb;--ink:#14243a;--soft:#58697e;--line:#e6eaf0;--white:#fff;--nav:#102138;--blue:#1265d5;--blue2:#ebf3ff;--green:#13855e;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--nav);color:#e7f0fb;display:flex;flex-direction:column;padding:28px 18px;z-index:10}.brand{display:flex;align-items:center;gap:13px;padding:1px 12px 38px}.brand-symbol{width:37px;height:37px;background:#4386eb;color:#fff;border-radius:11px;display:grid;place-items:center;font-weight:900;font-size:25px;box-shadow:0 7px 22px #3267bc50}.brand strong{display:block;font-size:22px;letter-spacing:-1.2px;line-height:1}.brand small{display:block;color:#9daebd;letter-spacing:1.25px;font-size:8px;font-weight:800;margin-top:7px}.nav-label{font-size:10px;letter-spacing:1.8px;font-weight:700;color:#6f86a5;padding:0 13px 13px}.nav-link{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:8px;color:#abbdd4;font-size:13px;margin:2px 0;font-weight:600}.nav-link:hover{background:#1c3652;color:white}.nav-link.selected{background:#234c78;color:#fff}.nav-icon{width:18px;font-size:18px;text-align:center;font-weight:400}.sidebar-foot{margin-top:auto;padding:20px 13px 6px;color:#8ea4bd;font-size:11px;border-top:1px solid #263e58}.online-dot{display:inline-block;background:#36bb86;width:7px;height:7px;border-radius:50%;margin-right:8px}.signout{border:0;background:none;color:#d0deec;margin:13px 0 0;padding:0;font-size:12px}.signout:hover{text-decoration:underline}.workspace{margin-left:238px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 37px;border-bottom:1px solid var(--line)}.breadcrumbs{font-size:11px;letter-spacing:1.1px;font-weight:750;color:#60738b;text-transform:uppercase}.breadcrumbs span{color:#c1cad6;margin:0 8px}.topright{display:flex;align-items:center;gap:12px;color:#53647a;font-weight:600;font-size:12px}.topbar-tag{border:1px solid #dde6f0;border-radius:5px;padding:3px 7px;font-size:9px;letter-spacing:1px;color:#74859a}.avatar{height:30px;width:30px;background:#dceafb;color:#175fb3;display:grid;place-items:center;border-radius:50%;font-weight:800}.main{padding:34px 38px 58px;width:100%;max-width:1750px;margin:auto;flex:1}.footer{border-top:1px solid #e8ecf2;padding:15px 38px;font-size:11px;color:#8191a4;display:flex;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#3978cb;font-weight:800;margin-bottom:6px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:26px}h1{margin:0;font-size:29px;font-weight:770;letter-spacing:-1.1px;line-height:1.2}h2{font-size:15px;letter-spacing:-.25px;margin:0;font-weight:750}.lead{color:#7c8b9f;font-size:13px;margin:8px 0 0}.muted{color:#8794a7}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap;text-align:center}.button.primary{background:#1769db;color:#fff;box-shadow:0 3px 12px #1769db25}.button.primary:hover{background:#0f57b6}.button.outline{border-color:#cddae9;background:#fff;color:#1b476f}.button.dark{background:#173957;color:#fff}.button.subtle{background:#eaf0f6;color:#35607d}.button.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 23px}.metric{background:#fff;border:1px solid #e7ecf2;border-radius:10px;padding:21px 22px 20px;box-shadow:0 4px 13px #213f6008;min-height:136px}.metric-label{font-size:10px;letter-spacing:1.03px;font-weight:770;color:#7d8a9e;display:flex;align-items:center;justify-content:space-between}.metric-icon{font-size:18px;color:#84a8d6;line-height:1}.metric-value{font-size:35px;font-weight:760;letter-spacing:-1.5px;line-height:1.4;margin-top:8px}.metric-sub{font-size:11px;color:#92a0af}.metric.green .metric-value{color:#13855e}.info-banner{background:#edf5ff;color:#3c608b;border:1px solid #dceafd;border-radius:8px;padding:15px 18px;display:flex;gap:13px;align-items:center;font-size:12px;margin-bottom:30px}.info-banner b{color:#244975}.info-symbol{color:#2c78db;font-size:20px;font-style:italic;font-family:Georgia,serif}.text-link{color:#256cbd;font-weight:700;font-size:12px;white-space:nowrap}.text-link:hover{text-decoration:underline}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 14px}.section-head p{margin:4px 0 0;color:#95a1b0;font-size:11px}.section-head.compact{margin:0 0 19px}.table-card{border:1px solid #e5eaf1;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 14px #15304e06}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:960px}th{text-align:left;background:#fafbfd;color:#78879b;white-space:nowrap;font-size:9px;letter-spacing:.8px;padding:16px 17px;border-bottom:1px solid var(--line);font-weight:800}td{padding:15px 17px;border-bottom:1px solid #edf0f5;color:#3c4d65;font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}tr:hover td{background:#fbfcff}td b{color:#1c314b;font-weight:670}.cell-minor{display:block;font-size:10px;color:#91a0b0;margin-top:3px;line-height:1.35;max-width:250px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}.action-link{color:#1c69ba;font-weight:760}.pill{display:inline-block;padding:5px 9px;border-radius:5px;background:#f3f4f6;color:#607083;font-size:10px;font-weight:750;white-space:nowrap}.pill.green{background:#e2f6eb;color:#23815c}.pill.amber{background:#fff4dc;color:#a66c18}.pill.red{background:#ffebed;color:#b83a4f}.pill.blue{background:#e7f1ff;color:#2876bf}.chevron{font-size:18px;color:#9aacbe}.empty{text-align:center!important;padding:38px!important;color:#8999aa}.empty.light{padding:19px!important;background:#f6f8fa;border-radius:7px;font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.panel{border:1px solid #e4eaf1;background:#fff;border-radius:10px;padding:24px 25px;min-width:0;box-shadow:0 3px 13px #213f6005}.activity-list{display:flex;flex-direction:column;gap:15px}.activity{display:flex;gap:12px}.activity-dot{margin-top:7px;width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#4f90e5;box-shadow:0 0 0 4px #e8f3ff}.activity b{display:block;font-size:12px}.activity small,.event-row small{color:#8a99a8;font-size:10px}.activity p{color:#708299;font-size:11px;margin:2px 0 0}.quality>div{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf0f4;color:#627187;font-size:12px}.quality b{font-size:15px;color:#244160}.quality{margin-bottom:22px}.filter-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:17px 17px 10px;margin-bottom:18px}.filters{display:flex;align-items:center;gap:12px}.filters .search{flex:1;margin:0;display:flex;align-items:center;border:1px solid #dce4ed;border-radius:7px;padding-left:11px;color:#91a3b9}.filters .search span{font-size:22px}.filters input{width:100%;border:0;box-shadow:none}.filters select{max-width:215px}.filter-note{font-size:11px;color:#8c9aac;margin-top:11px}.back{font-size:12px;color:#4f7cab;font-weight:650;display:inline-block;margin-bottom:24px}.status-tag{font-size:9px;letter-spacing:.6px;vertical-align:middle;display:inline-block;border-radius:4px;background:#e5f6ed;color:#228254;padding:5px 8px;margin-left:10px}.detail-grid{display:grid;grid-template-columns:4fr 5fr;gap:20px}.facts{margin:0;display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.facts div{padding:12px 0;border-bottom:1px solid #eff1f5;min-width:0}.facts dt{font-size:10px;color:#90a0b0;margin-bottom:4px}.facts dd{margin:0;color:#273e56;font-size:12px;font-weight:670;overflow-wrap:anywhere}.voyage-line{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f4f7fb;border-radius:7px;gap:12px;margin-bottom:17px}.voyage-line b{font-size:14px}.voyage-line span{font-size:12px;color:#698099}.schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.schedule-grid>div{padding:13px 12px;background:#f9fbfd;border:1px solid #edf0f4;border-radius:6px}.schedule-grid small{display:block;color:#93a3b6;font-size:9px;font-weight:750;letter-spacing:.9px}.schedule-grid strong{font-size:14px;display:block;margin-top:4px}.footnote{font-size:11px;line-height:1.5;color:#8799aa;margin:15px 0}.stack{display:grid;gap:11px;border-top:1px solid #edf1f5;padding-top:17px;margin-top:17px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:11px}label{display:block;font-size:11px;font-weight:700;color:#6d7e92}input,select,textarea{display:block;margin-top:6px;min-width:0;width:100%;border:1px solid #d9e2eb;border-radius:7px;padding:10px 11px;background:#fff;color:#1c344f;font-size:12px}input:focus,select:focus,textarea:focus{outline:2px solid #b9d9fe;border-color:#3e87d9}textarea{resize:vertical}.container-line{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid var(--line)}.container-line>div:last-child{text-align:right}.inline-form{display:flex;gap:5px;margin-top:8px}.inline-form select{max-width:205px;font-size:10px;padding:7px}.mini-button{border:1px solid #ccdbe6;border-radius:6px;background:#f5f9ff;padding:5px 8px;color:#3a618b;font-weight:700;font-size:10px}.inline-add{display:flex;gap:12px;align-items:end;margin-top:22px}.inline-add label{flex:1}.callout-soft{padding:20px;border-radius:7px;background:#f6f9fd;margin-bottom:18px}.callout-soft b{font-size:12px}.callout-soft p{margin:8px 0 4px;font-weight:750;font-size:16px}.callout-soft small{font-size:11px;color:#8999aa}.ais-box{background:#edf8fa;border:1px solid #d4eeee;padding:14px;border-radius:8px;margin-top:15px;font-size:12px}.ais-box b,.ais-box small{display:block}.ais-box small{color:#5e8791}.section-last{margin-top:22px}.event-list{max-height:540px;overflow:auto}.event-row{display:flex;gap:17px;padding:14px 0;border-bottom:1px solid #ecf0f4}.event-row p{margin:3px 0;color:#607288;font-size:12px}.timeline-dot{background:#4a91ea;border:4px solid #ebf4ff;border-radius:50%;width:13px;height:13px;flex-shrink:0}.upload-hint{background:#f7f9fc;border:1px dashed #cedcea;border-radius:8px;text-align:center;padding:28px;margin-bottom:19px}.upload-icon{font-size:28px;color:#487eae}.upload-hint b{font-size:13px}.upload-hint p{font-size:11px;color:#8b9aad;margin:8px auto 0;max-width:370px}.upload-hint strong{color:#4e6b86}.panel form>.button{margin-top:15px}.mini-note{color:#8698aa;font-size:10px;margin-top:17px}.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.integration{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;min-height:285px}.integration-top{display:flex;justify-content:space-between;align-items:center}.connector-icon{display:grid;place-items:center;font-size:22px;background:#eff5fb;color:#3779c8;height:41px;width:41px;border-radius:10px}.integration h2{margin:16px 0 6px}.integration p{color:#8090a4;font-size:11px;margin:0 0 16px;line-height:1.5}.credentials{font-size:10px;color:#506780;background:#f7f9fc;border-radius:5px;padding:10px;min-height:34px;margin-top:auto}.last-sync{font-size:10px;color:#8fa0b0;margin:13px 0 5px}.last-sync b{color:#4b657a}.provider-note{font-size:10px;color:#788fa5;margin-top:11px}.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.coverage-grid b{font-size:12px}.coverage-grid p{font-size:11px;color:#8091a3;margin:6px 0}.alert{border-radius:7px;padding:13px 16px;margin-bottom:20px;background:#e6f6ea;border:1px solid #bce6cd;color:#286543;font-size:12px}.alert.error{background:#fff0f0;color:#8d2937;border-color:#f2c7cb}.alert.info{background:#eaf3ff;border-color:#cbe0fb;color:#335f91}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#274d77,#0d2239 50%,#101e30);padding:24px}.login-panel{background:#fff;width:min(100%,415px);border-radius:15px;padding:39px;box-shadow:0 20px 100px #07132466}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:36px}.brand-symbol.large{width:44px;height:44px}.login-brand strong{font-size:20px;display:block;letter-spacing:-.5px}.login-brand span{font-size:11px;display:block;color:#74879b}.login-panel h1{font-size:25px}.login-panel .muted{font-size:12px;margin-bottom:25px}.login-panel label{margin:16px 0}.login-panel input{height:42px}.secure-tip{font-size:10px;color:#a6b2bf;text-align:center;margin:25px 0 0}@media(max-width:1200px){.metrics{grid-template-columns:1fr 1fr}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding:25px}.topbar{padding:0 25px}}@media(max-width:830px){.sidebar{position:static;width:100%;padding:15px;min-height:unset}.brand{padding:0 0 14px}.sidebar nav{display:flex;overflow:auto}.nav-link{white-space:nowrap;flex:1}.sidebar-foot,.nav-label{display:none}.workspace{margin-left:0}.topbar{height:52px}.topbar-tag{display:none}.detail-grid,.two-col,.integration-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start}.footer span{display:none}.main{padding:23px 18px}.page-heading{flex-wrap:wrap}}@media(max-width:520px){.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{padding:15px 12px;min-height:115px}.metric-value{font-size:27px}.metric-label{font-size:9px}.metric-sub{font-size:9px}.filters,.inline-add{flex-wrap:wrap}.filters>*{width:100%!important}.filters select{max-width:none}.schedule-grid,.facts,.coverage-grid,.form-columns{grid-template-columns:1fr}.topright span:last-child{display:none}.page-heading .button{width:100%}.panel{padding:19px}.container-line{flex-direction:column}}

/* ETD milestone KPI module */
.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kpi-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mini{padding:17px 19px;background:#fff;border:1px solid #e4eaf1;border-radius:9px;box-shadow:0 3px 13px #213f6005}.mini span{display:block;color:#7c8fa2;font-size:11px;font-weight:650}.mini strong{display:block;font-size:27px;font-weight:780;color:#1c3859;margin-top:3px}.mini.warning strong{color:#b83a4f}.kpi-results-table{min-width:1020px}.kpi-config-table{min-width:600px}.kpi-config-table th:nth-child(2),.kpi-config-table td:nth-child(2){width:240px}.offset-input{max-width:170px;margin:0}.kpi-settings-form{padding-top:25px}.kpi-settings-top{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid #eaf0f4;padding:0 0 20px;margin-bottom:15px}.kpi-settings-top p{font-size:12px;max-width:590px}.kpi-settings-top label{min-width:290px}.kpi-settings-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #eaf0f4;padding-top:18px}.muted{color:#8092a5}@media(max-width:830px){.kpi-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-settings-top{flex-direction:column;align-items:stretch}.kpi-settings-top label{min-width:0}.kpi-settings-actions{flex-direction:column;align-items:stretch}}@media(max-width:520px){.kpi-mini-grid{grid-template-columns:1fr 1fr}.mini{padding:12px}.mini strong{font-size:21px}}

/* BSM 15-week packing calendar module */
.packing-metrics{margin-bottom:17px}.packing-filter-card{display:flex;justify-content:space-between;align-items:end;gap:13px;flex-wrap:wrap;background:#fff;border:1px solid #e4eaf1;padding:17px 20px;border-radius:9px}.packing-switches,.packing-nav,.packing-range-form{display:flex;align-items:end;gap:9px;flex-wrap:wrap}.packing-range-form label{min-width:164px}.packing-range-form input{margin-top:2px;height:38px}.packing-nav{font-size:11px;color:#687d92;align-items:center}.packing-legend{display:flex;align-items:center;gap:18px;margin:19px 0 14px;font-size:11px;color:#6d8096;flex-wrap:wrap}.pack-legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.pack-legend-dot.dry{background:#d1e5fc}.pack-legend-dot.reefer{background:#cbf0e5}.packing-calendar{display:grid;gap:15px;margin-bottom:26px}.packing-calendar-block{display:grid;gap:14px;min-width:0}.packing-horizontal{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.pack-block-title{padding:14px 15px;background:#e9f0f9;color:#344c66;font-size:13px;font-weight:760;border-radius:8px}.pack-block-title small{display:block;color:#8b9aab;font-size:10px;font-weight:500}.packing-week{background:#fff;border:1px solid #e4eaf1;border-radius:9px;overflow:hidden;min-width:0;box-shadow:0 2px 12px #1c385508}.packing-week-heading{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:11px 17px;background:#f8fafc;border-bottom:1px solid #e9edf4}.packing-week-heading>div:first-child{display:flex;align-items:center;gap:9px}.packing-week-heading b{font-size:13px;color:#224c7c}.packing-week-heading span{color:#7b91a5;font-size:10px}.pack-week-totals{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pack-week-totals strong{font-size:11px;color:#243d59}.pack-week-totals span{font-weight:700}.pack-week-totals .dry-count{color:#2367b4}.pack-week-totals .reefer-count{color:#138364}.packing-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:0}.packing-day{min-height:88px;border-right:1px solid #edf0f4;padding:10px 11px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;transition:background .1s}.packing-day:last-child{border-right:0}.packing-day:hover{background:#f0f7ff}.packing-day.selected{background:#e6f1ff;box-shadow:inset 0 0 0 2px #82b0e7}.packing-day-name{font-size:10px;color:#8d9aaa;font-weight:800}.packing-day-num{font-size:17px;font-weight:770;color:#315171}.pack-chips{display:flex;gap:4px}.pack-chip{border-radius:4px;min-width:24px;padding:3px 5px;font-weight:770;font-size:11px;text-align:center}.pack-chip.dry{background:#e7f1ff;color:#296fb5}.pack-chip.reefer{background:#e0f5ee;color:#16785d}.packing-day:not(.has-load) .pack-chip{background:#f1f4f7;color:#abb6c2}.pack-day-total{font-size:10px;color:#8093a4}.packing-horizontal .packing-week-heading{padding:10px}.packing-horizontal .pack-week-totals{gap:6px}.packing-horizontal .pack-week-totals span{font-size:9px}.packing-horizontal .packing-day{padding:6px 4px;min-height:78px;align-items:center}.packing-horizontal .packing-day-num{font-size:14px}.packing-horizontal .pack-chips{gap:2px}.packing-horizontal .pack-chip{min-width:19px;padding:2px}.packing-horizontal .pack-day-total{font-size:8px}.packing-horizontal .packing-day-name{font-size:8px}.packing-detail-table{min-width:1440px}.packing-detail-table td{vertical-align:top}.pack-edit-form{display:flex;align-items:end;flex-wrap:wrap;gap:7px;max-width:385px}.pack-edit-form label{font-size:9px}.pack-edit-form input[type=date]{min-width:105px;width:133px;height:31px;padding:5px;font-size:11px;margin-top:3px}.pack-edit-form .mini-button{height:31px}.pack-edit-form .pack-clear{display:flex;align-items:center;gap:4px;font-size:9px;color:#66819a}.pack-edit-form .pack-clear input{width:12px;min-width:12px;margin:0}.packing-type-form select{min-width:155px;margin-top:4px}.packing-import-line{display:grid;grid-template-columns:1fr 1fr;gap:22px}.packing-import-line form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.packing-import-line form label{flex:1;min-width:230px}.packing-import-line .packing-info{font-size:12px;color:#7c8a9f;line-height:1.6}.packing-import-line .packing-info b{color:#30516c}.packing-import-line .packing-info p{margin:5px 0 10px}@media(max-width:1480px){.packing-horizontal{grid-template-columns:1fr}.packing-horizontal .packing-day{align-items:flex-start;min-height:85px;padding:9px}.packing-horizontal .packing-week-heading{padding:11px 17px}.packing-horizontal .pack-chip{padding:4px 7px}.packing-horizontal .pack-week-totals span{font-size:11px}}@media(max-width:830px){.packing-import-line{grid-template-columns:1fr}.packing-filter-card{align-items:stretch}.packing-day{padding:7px 5px;min-height:80px}.pack-week-totals{gap:6px}.pack-week-totals span{font-size:10px}}@media(max-width:520px){.packing-week-heading{flex-wrap:wrap}.packing-day-name{font-size:9px}.packing-day-num{font-size:13px}.packing-day{align-items:center}.packing-days .pack-chips{flex-direction:column}.packing-day .pack-chip{min-width:19px;padding:2px 5px}.packing-nav{justify-content:center}.packing-switches>.button{flex:1}.packing-range-form{width:100%}.packing-range-form label{flex:1}}
/* Overall shipment packing view supports a fifth KPI metric for unknown/air freight equipment. */
@media (min-width:1101px){.packing-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pack-legend-dot.other{background:#f4d8a3}

/* Shipment pipeline sortable headers */
.shipment-sortable .sort-heading{background:none;border:0;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-align:left;padding:0;cursor:pointer;white-space:nowrap}.shipment-sortable .sort-heading:hover,.shipment-sortable .sort-heading:focus-visible{color:#1769db}.shipment-sortable .sort-heading:focus-visible{outline:2px solid #1769db;outline-offset:4px;border-radius:2px}.shipment-sortable .sort-arrow{color:#7e92a9;font-weight:750;font-size:10px;margin-left:4px}.shipment-sortable th.sorted-column{color:#1859a5;background:#edf5ff}.shipment-sortable th.sorted-column .sort-arrow{color:#1769db}

.kpi-drill{cursor:pointer;text-decoration:underline;text-underline-offset:3px}.kpi-drill:hover{color:#1265d5}

.file-dropzone{display:flex;flex-direction:column;gap:8px;border:2px dashed #9cb9d7;background:#f7fbff;border-radius:10px;padding:19px;color:#2d526f;cursor:pointer;align-items:center;text-align:center;margin:10px 0 12px}.file-dropzone small{color:#69849e;font-size:11px}.file-dropzone input[type=file]{max-width:460px;cursor:pointer}.file-dropzone [data-file-name]{font-weight:600;color:#206eae;font-size:11px;overflow-wrap:anywhere}.file-dropzone.drag-over,.file-dropzone:focus-within{border-color:#1769db;background:#eaf4ff;outline:2px solid #b6d6ff}.packing-info{max-width:560px}