.bpms-delivery-progress{margin:12px 0;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#173f91}
.bpms-delivery-road{position:relative;height:48px;margin-bottom:7px;overflow:hidden;border-radius:9px;background:#475569}
.bpms-delivery-road:after{content:"";position:absolute;left:8px;right:8px;top:23px;border-top:3px dashed #f8fafc;opacity:.8}
.bpms-delivery-truck{position:absolute;z-index:2;left:clamp(4px,calc(var(--delivery) - 22px),calc(100% - 62px));bottom:5px;font-size:31px;line-height:1;transition:left .65s ease;filter:drop-shadow(0 2px 2px rgba(0,0,0,.25));animation:bpms-truck-bob .75s ease-in-out infinite alternate}
.bpms-delivery-site{position:absolute;z-index:2;right:5px;bottom:4px;font-size:29px;line-height:1}
.bpms-delivery-meter{height:8px;margin:6px 0;border-radius:999px;background:#dbe3ef;overflow:hidden}
.bpms-delivery-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2f5bb7,#22a45a);transition:width .5s ease}
.bpms-delivery-progress strong{font-size:13px}.bpms-delivery-check{float:right;color:#15803d;font-size:18px}.bpms-no-deliveries{font-size:13px;color:#64748b}
.bpms-row-delivery{display:block!important;width:100%;min-width:135px;margin:8px 0 0!important;padding:5px 7px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#f8fafc!important;color:#173f91!important;text-align:left;cursor:pointer}
.bpms-row-road{position:relative;display:block;height:25px;overflow:hidden;border-radius:6px;background:#475569}.bpms-row-road:after{content:"";position:absolute;left:4px;right:4px;top:12px;border-top:2px dashed #fff;opacity:.75}.bpms-row-road i{position:absolute;z-index:2;left:clamp(2px,calc(var(--delivery) - 13px),calc(100% - 38px));bottom:2px;font-size:19px;font-style:normal;line-height:1;transition:left .6s ease;animation:bpms-truck-bob .75s ease-in-out infinite alternate}.bpms-row-road b{position:absolute;z-index:2;right:2px;bottom:1px;font-size:18px;line-height:1}.bpms-row-delivery>span:last-child{display:block;margin-top:3px;font-size:10px;font-weight:900;white-space:nowrap}
.bpms-record-delivery{white-space:nowrap}
@keyframes bpms-truck-bob{to{transform:translateY(-2px)}}
.bpms-receipt-backdrop{position:fixed;inset:0;z-index:10050;padding:20px;overflow:auto;background:rgba(15,23,42,.68);backdrop-filter:blur(2px)}
.bpms-receipt-backdrop[hidden]{display:none!important}.bpms-receipt-open{overflow:hidden}
.bpms-receipt-dialog{width:min(680px,100%);margin:4vh auto;padding:20px;border-radius:16px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.3)}
.bpms-receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}.bpms-receipt-head small{color:#64748b;font-weight:800}.bpms-receipt-head h2{margin:3px 0 0;color:#173f91}.bpms-receipt-head button{width:42px;height:42px;margin:0;padding:0;border-radius:50%;background:#e8eef8;color:#173f91;font-size:27px}
.bpms-receipt-dialog form>label,.bpms-receipt-grid label{display:grid;gap:6px;margin:12px 0}.bpms-receipt-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bpms-receipt-dialog textarea{min-height:72px}.bpms-receipt-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}
.bpms-receipt-history{margin-top:18px;padding-top:14px;border-top:1px solid #dbe3ef}.bpms-receipt-history h3{margin:0 0 8px}.bpms-receipt-history>div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(200px,2fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #eef2f7}.bpms-receipt-history span{color:#475569}.bpms-receipt-history button{padding:6px 9px;font-size:12px}
@media(max-width:600px){.bpms-receipt-backdrop{padding:0}.bpms-receipt-dialog{min-height:100%;margin:0;border-radius:0;padding:17px}.bpms-receipt-grid{grid-template-columns:1fr}.bpms-receipt-actions button{flex:1}.bpms-receipt-history>div{grid-template-columns:1fr;gap:3px}}
@media(prefers-reduced-motion:reduce){.bpms-delivery-truck{animation:none;transition:none}.bpms-delivery-meter span{transition:none}}
@media print{.bpms-receipt-backdrop{display:none!important}.bpms-delivery-truck{animation:none}}

/* 2026-09-22: all BPMS truck graphics face right */
.bpms-delivery-truck,.bpms-row-road i{transform:scaleX(-1)}
@keyframes bpms-truck-bob{from{transform:scaleX(-1) translateY(0)}to{transform:scaleX(-1) translateY(-2px)}}