/* Shipment status navigation. */
.shipment-status-tabs{display:flex;gap:6px;padding:0 22px 16px;overflow-x:auto;scrollbar-width:thin}
.shipment-status-tabs button{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:42px;padding:8px 12px;border:1px solid #dce4ee;border-radius:8px;background:#fff;color:#596b80;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap}
.shipment-status-tabs button b{min-width:23px;padding:1px 6px;border-radius:5px;background:#eef2f7;color:#697c91;font-size:12px;text-align:center}
.shipment-status-tabs button[aria-pressed=true]{color:#004aad;border-color:#abc4e5;background:#eaf2ff}
.shipment-status-tabs button[aria-pressed=true] b{background:#fff;color:#004aad}
.shipment-status-tabs button:focus-visible,.lifecycle-actions a:focus-visible{outline:3px solid #8ab3ed;outline-offset:2px}
.shipment-section-caption{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:0 22px 16px;color:#64758b;font-size:13px}
.shipment-section-caption p{margin:0}.shipment-section-caption>span{white-space:nowrap}
.shipment-message{margin:0 22px 16px;padding:12px 15px;border:1px solid #c7d9f0;background:#f1f6fe;border-radius:8px;color:#284d7b;font-size:14px}
.shipment-empty{padding:38px 22px;text-align:center;background:#f6f8fc;border-top:1px solid #dde5ef;color:#69788b}
.shipment-empty strong{display:block;color:#253c57;font-size:18px}.shipment-empty p{margin:8px auto 18px;max-width:440px}
.shipment-empty button{padding:9px 14px;border:1px solid #bacde6;border-radius:8px;color:#004aad;background:#fff;font-weight:650}
.status.cancelled{color:#81545a;background:#f6edef}
.pickup-late-badge{display:inline-flex;align-items:center;color:#8c4b15;background:#fff1dc;border:1px solid #efd8b8;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px;line-height:1.5;white-space:nowrap}
.pickup-overdue-note{display:block;color:#8c4b15;font-size:14px;font-weight:650;margin-top:8px;line-height:1.5}
.overview-load .status.pickup-late{color:#8c4b15;background:#fff1dc}
.overview-load .overview-overdue{color:#8c4b15;font-weight:650}
.lifecycle-header{display:flex;justify-content:space-between;gap:22px;align-items:start;border-bottom:1px solid #e1e8f1;padding-bottom:18px}
.lifecycle-header h3{margin:0;font-size:16px;font-weight:700;line-height:1.5}
.lifecycle-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lifecycle-actions>a{font-size:13px;font-weight:650;color:#004aad;text-decoration:none;max-width:260px;overflow-wrap:anywhere}
.lifecycle-actions .repost-button{padding:9px 13px;border:1px solid #004aad;border-radius:7px;background:#004aad;color:white;white-space:nowrap}
.lifecycle-card .load-timing p{font-size:13px;line-height:1.6;margin:5px 0;color:#66798f;overflow-wrap:anywhere}
.lifecycle-date{display:block;font-size:14px;margin-top:12px;color:#304b68}
.lifecycle-card .record-detail-note{font-size:13px;color:#62758c;line-height:1.6}
.lifecycle-card .load-footer a{color:#004aad}.lifecycle-card .cancel-record{border:1px solid #d5dde7;border-radius:7px;padding:8px 11px;color:#76545a;background:white;font:inherit;font-size:13px}
.shipment-dialog{border:1px solid #c6d2e2;border-radius:16px;padding:26px;width:min(540px,calc(100% - 32px));color:#213751;box-shadow:0 25px 90px #132b4a40;font-family:inherit;font-size:15px;line-height:1.6}
.shipment-dialog::backdrop{background:#14263d73}.shipment-dialog-heading{display:flex;justify-content:space-between;gap:12px;align-items:start}
.shipment-dialog h2{font-size:23px;margin:4px 0 0;line-height:1.3}.shipment-dialog-heading button{border:0;background:#f1f4f8;width:36px;height:36px;border-radius:50%;font-size:24px;color:#435d79}
.shipment-dialog label{display:block;font-weight:650;margin-bottom:6px}.shipment-dialog label span{font-size:13px;font-weight:400;color:#77869a;margin-left:6px}
.shipment-dialog textarea{width:100%;border:1px solid #c7d3e1;border-radius:8px;padding:11px;font:inherit;resize:vertical}.shipment-preview-note{font-size:12px;color:#71839a}
#cancel-error{color:#9c333e}.shipment-dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}.shipment-dialog .cancel-confirm{background:#923e4a;border-color:#923e4a;color:#fff}
[hidden]{display:none!important}
@media(max-width:700px){.shipment-status-tabs{padding:0 16px 14px}.shipment-section-caption{padding:0 16px 14px;display:block}.shipment-section-caption>span{display:block;margin-top:5px}.shipment-dialog{padding:20px}.shipment-dialog-actions{flex-wrap:wrap}.shipment-message{margin-left:16px;margin-right:16px}}
@container(max-width:680px){.lifecycle-header{flex-direction:column;gap:14px}.lifecycle-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.lifecycle-actions>a{max-width:100%}}

.cancelled-summary-note{grid-column:1/-1;margin:0;padding:12px 14px;background:#f6edef;border:1px solid #e6cdd2;border-radius:8px;color:#81545a;font-size:14px}

/* Shipment counts live in the tabs; billing remains an independent overview. */
body:not(.shipments-view) #dashboard>.grid{grid-template-rows:min-content 1fr;align-items:start}
body:not(.shipments-view) #shipment-list{grid-column:1;grid-row:1 / span 2}
.dashboard-invoices{grid-column:2;grid-row:1;min-width:0}
.dashboard-invoices .extra{font-size:13px;line-height:1.5}
body:not(.shipments-view) #dashboard>.grid>.rightcol{grid-column:2;grid-row:2}
body.shipments-view .dashboard-invoices{display:none}
@media(max-width:1100px){
 body:not(.shipments-view) #dashboard>.grid{grid-template-rows:auto}
 body:not(.shipments-view) #shipment-list,body:not(.shipments-view) #dashboard>.grid>.rightcol,.dashboard-invoices{grid-column:1;grid-row:auto}
 .dashboard-invoices{order:-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 16px;min-height:0;padding:16px 20px}
 .dashboard-invoices .stat-label{grid-column:1;grid-row:1}.dashboard-invoices .stat-value{grid-column:2;grid-row:1 / span 2;margin:0}
 .dashboard-invoices .extra{grid-column:1;grid-row:2}
}