.delivery-legend{margin-bottom:13px}.legend .violet{background:#8991fa}.legend .planned{background:#bac9dc}.light-legend{color:#7589a2}.duration-toolbar,.route-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}.route-toolbar>span{font-size:10px;color:#91a8c7}.light-switch{background:#f4f7fb;border-color:#e0e8f2}.light-switch button{color:#8798ae}.light-switch [aria-pressed=true]{background:white;color:#3d719f;box-shadow:0 1px 5px #173e5d0d,inset 0 0 0 1px #d9e5f0}.delay-view .bar-track>span{background:linear-gradient(90deg,#557bda,#a193ed)}
.delivery-row{display:block;width:100%;text-align:left;padding:17px 14px;border:1px solid #87aaff12;border-radius:9px;background:#6a94d409;color:#b2c8e4;margin:0 0 12px;transition:background .2s,border-color .2s}.delivery-row:hover,.delivery-row[aria-pressed=true]{background:#74a6ff10;border-color:#7dbaff39}.delivery-row-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;margin-bottom:11px}.delivery-row-top strong{font-family:Manrope,Arial,sans-serif;font-size:13px;color:#d6e7ff;font-weight:600}.delivery-row-top>span{color:#7ef5c4;font-size:11px}.delivery-row-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:9px;font-size:9px;color:#7491b9}.delivery-track{height:13px;background:#1b304e;border-radius:4px;overflow:hidden;display:flex}.delivery-track span{height:100%;display:block}.delivery-track .on-time{width:var(--share);background:linear-gradient(90deg,#2aac91,#72f4bc)}.delivery-track .delayed{flex:1;background:linear-gradient(90deg,#617fdf,#8c8cf0)}
.logistics-readout{display:block;font-size:10px;color:#5a7d96;border:1px solid #e1eaf3;border-radius:7px;background:#f4f8fc;padding:11px 12px;margin:12px 0 20px;line-height:1.8;min-height:42px}.dark-readout{color:#89b7d9;border-color:#8aa5dc18;background:#8aa5dc08}.fuel-row{background:none;border:0;padding:9px 0;text-align:left;display:block;width:100%;border-radius:6px;margin-bottom:11px}.fuel-row:hover,.fuel-row[aria-pressed=true]{background:#f1f7fc}.fuel-row .bar-label{font-size:12px}.fuel-row .bar-label strong{font-size:14px}.fuel-row .bar-track{height:17px}.fuel-row .bar-track>span{background:linear-gradient(90deg,#428bd4,#82c3f1)}.fuel-row .bar-meta{display:block;font-size:9px;color:#8799ad;margin-top:7px}.route-row{margin:0 0 15px}.route-row .bar-label{font-size:11px}.route-row .bar-track{height:11px}.route-row .bar-meta{font-size:9px;line-height:1.6;color:#6f91b6;display:block;margin-top:6px}.route-row .bar-label strong{white-space:nowrap}.route-row .bar-label>span{min-width:0}.pipeline-highlights{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.pipeline-highlights span{font-size:9px;border:1px solid #d9e5ef;color:#5e7e95;background:#f7fbff;padding:6px 9px;border-radius:5px}.duration-mark{cursor:pointer}.duration-mark:focus-visible{outline:none}.duration-mark:focus-visible .duration-actual,.duration-mark:hover .duration-actual{stroke:#255d93;stroke-width:2}.duration-label{fill:#5e83ac;font-size:10px;font-family:'DM Sans',Arial,sans-serif}.duration-actual{fill:url(#duration-blue)}.duration-planned{fill:url(#duration-grey)}
@media(max-width:760px){.delivery-row{padding:17px 13px}.delivery-row-top strong{font-size:14px}.delivery-row-top>span{font-size:12px}.delivery-row-bottom{font-size:10px}.route-row .bar-label{font-size:12px}.route-row .bar-meta{font-size:10px}.logistics-readout{font-size:11px}.pipeline-highlights span{font-size:9px}.fuel-row .bar-meta{font-size:10px}}
@media(max-width:390px){.delivery-row-top strong{font-size:13px}.delivery-row-top>span{font-size:11px}.delivery-row-bottom{font-size:9px}.route-row .bar-label{font-size:11px}.route-row .bar-meta{font-size:9px}.route-toolbar{gap:6px}.route-toolbar>span{font-size:9px}.duration-toolbar .legend{gap:8px;font-size:9px}.logistics-readout{font-size:10px}}