.shipment-summary {min-width:160px}
.shipment-summary span {display:block;font-size:12px;white-space:nowrap;margin-bottom:4px}
.shipment-summary button {padding:6px 12px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;cursor:pointer}
.production-status.partially_shipped {background:#fff3cd;color:#805400}
.shipment-dialog {width:min(560px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:0;border-radius:14px;padding:24px;color:#172033;box-sizing:border-box}
.shipment-dialog::backdrop {background:rgb(15 23 42 / .45)}
.shipment-heading {display:flex;align-items:center;justify-content:space-between;gap:16px}
.shipment-heading h2 {margin:0;font-size:20px}
.shipment-heading button {border:0;background:transparent;font-size:28px;cursor:pointer}
.shipment-dialog label {display:flex;flex-direction:column;gap:5px;margin:12px 0}
.shipment-dialog input,.shipment-dialog textarea {padding:10px;border:1px solid #cbd5e1;border-radius:7px;font:inherit;box-sizing:border-box;width:100%}
.shipment-dialog button[type=submit] {background:#2257c8;color:#fff;border:0;border-radius:8px;padding:12px 18px;cursor:pointer}
.shipment-dialog button:disabled {opacity:.6}
.shipment-history>div {border-top:1px solid #e2e8f0;padding:12px 0}
.shipment-history p {margin:5px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.shipment-history small {color:#64748b}
.shipment-error {color:#b91c1c}