/* Bổ sung của Zamio cho bước 9 «Giao hàng» (DDR-008). Toàn bộ CSS thực sự của màn này đã có sẵn trong
   ui-master/reference/imported-modules/xop-delivery-v8.css (bản sao nguyên văn từ BMS Xốp Mê Linh, nhập theo
   DDR-002) — file đó dùng selector class trần nên áp thẳng được, không phải nhập lại.
   Ở đây chỉ khai 3 thứ nguồn KHÔNG có: thanh tiến độ đã giao / còn phải giao và lưới hai cột của bước này.
   Xem design/delivery-stage-redesign/source-notes.md. */

#deliveryPreview { grid-column: 1 / -1; }
#deliveryPreview .xop-delivery-shell { padding: 0; }
#deliveryPreview .zdl-progress { display: flex; align-items: center; gap: 12px; padding: 12px var(--bms-space-4); border-bottom: 1px solid var(--bms-border); }
#deliveryPreview .zdl-progress-bar { flex: 1; height: 8px; border-radius: 999px; background: var(--bms-neutral-soft); overflow: hidden; }
#deliveryPreview .zdl-progress-bar i { display: block; height: 100%; border-radius: 999px; background: var(--bms-success); }
#deliveryPreview .zdl-progress b { color: var(--bms-text); font-size: 13px; }
#deliveryPreview .zdl-split { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: var(--bms-space-3); margin-top: var(--bms-space-4); align-items: start; }
#deliveryPreview #deliveryNoteForm { padding: var(--bms-space-4); border-bottom: 1px solid var(--bms-border); }
#deliveryPreview #deliveryNoteForm[hidden] { display: none; }
@media (max-width: 980px) { #deliveryPreview .zdl-split { grid-template-columns: 1fr; } }