.delivery-page small { display: block; margin-top: 7px; color: #64748b; line-height: 1.6; }
.delivery-page .badge { display: inline-block; }
.delivery-actions { display: grid; gap: 9px; min-width: 185px; }
.delivery-page select, .delivery-dialog select, .delivery-dialog input { box-sizing: border-box; width: 100%; margin-top: 7px; padding: 10px; border: 1px solid #d8e2ef; border-radius: 7px; font: inherit; background: #fff; color: #183451; }
.delivery-page .table-toolbar select { width: auto; margin: 0; }
.delivery-dialog { box-sizing: border-box; width: min(850px, calc(100vw - 30px)); max-height: calc(100dvh - 35px); border: 0; padding: 28px; border-radius: 16px; color: #183451; font: 14px 'DM Sans', sans-serif; box-shadow: 0 25px 80px #142a4455; }
.delivery-dialog::backdrop { background: #12234099; }
.delivery-dialog h2 { margin-top: 0; }
.delivery-dialog p { line-height: 1.6; }
.delivery-dialog label { display: block; font-size: 12px; font-weight: 700; }
.delivery-dialog textarea { box-sizing: border-box; width: 100%; margin-top: 8px; padding: 10px; border: 1px solid #d8e2ef; border-radius: 7px; font: inherit; resize: vertical; }
.delivery-summary, .delivery-pending { margin-top: 20px; padding: 15px; border: 1px solid #d8e2ef; border-radius: 10px; background: #f7faff; }
.delivery-summary p { margin: 8px 0 0; font-size: 12px; }
.delivery-dialog .delivery-check { display: flex; align-items: flex-start; gap: 10px; }
.delivery-dialog .delivery-check input { width: auto; flex: 0 0 auto; margin: 2px 0 0; }
.delivery-add-line { margin-top: 16px; }
.delivery-remove-line { float: right; margin-bottom: 10px; }
.delivery-pending-note { color: #805500 !important; white-space: pre-wrap; overflow-wrap: anywhere; }
.delivery-form-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.delivery-item { margin-top: 24px; border: 1px solid #d8e2ef; border-radius: 10px; padding: 18px; }
.delivery-item legend { font-weight: 700; padding: 0 8px; }
.delivery-mode, .delivery-footer { display: flex; flex-wrap: wrap; gap: 10px; margin: 15px 0; }
.delivery-item[data-mode="existing"] [data-receipt-mode="existing"], .delivery-item[data-mode="new"] [data-receipt-mode="new"] { background: #eaf2ff; border-color: #2563eb; color: #1d4ed8; }
.delivery-dialog [hidden] { display: none !important; }
#deliveryReceiptError { color: #b91c1c; }
.delivery-history { padding: 15px 0; border-bottom: 1px solid #e2e8f0; overflow-wrap: anywhere; }
@media (max-width: 650px) { .delivery-form-grid { grid-template-columns: 1fr; } .delivery-page .table-toolbar { flex-wrap: wrap; } }