#view-fulfillment:has(.fulfillment-dispatch)> .panel-head [data-i18n="nav.fulfillment.help"]{display:none}
.fulfillment-dispatch{max-width:1000px;margin:auto;border:2px solid #a88beb;border-radius:20px;padding:24px;background:#171b27;color:#f4f5fa;scroll-margin-top:100px}
.fulfillment-dispatch header{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.fulfillment-dispatch h3{font-size:28px;margin:8px 0;overflow-wrap:anywhere}.fulfillment-dispatch>p{line-height:1.5}.fulfillment-dispatch .eyebrow{color:#c6b2fa}
.dispatch-progress{font-size:22px;font-weight:800;margin:20px 0}.dispatch-parcels{display:grid;gap:10px}.dispatch-parcel{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;background:#262039;border:1px solid #755d9b;border-radius:12px}.dispatch-parcel small,.dispatch-parcel strong{display:block}.dispatch-parcel strong{font-size:22px}.dispatch-parcel span{font-weight:700}.dispatch-parcel.is-loaded{background:#18382c;border-color:#44b481}
.dispatch-scan-form{display:grid;gap:12px;margin-top:24px}.dispatch-scan-form label{font-size:22px;font-weight:800}.dispatch-scan-form input{box-sizing:border-box;min-width:0;width:100%;height:72px;padding:16px;border:2px solid #ae8cea;border-radius:12px;background:#0e1523;color:#fff;font-size:19px}.dispatch-scan-form input:focus{outline:3px solid #c2b3ff;outline-offset:3px}.dispatch-scan-form button{min-height:64px;font-size:21px}.dispatch-feedback{padding:14px;background:#1d3044;border-radius:10px;min-height:26px;overflow-wrap:anywhere}.dispatch-feedback.is-error{background:#4a202c;color:#fff}
@media(max-width:600px){.fulfillment-dispatch{padding:16px}.fulfillment-dispatch h3{font-size:24px}.dispatch-parcel{align-items:flex-start;flex-direction:column}.dispatch-scan-form input{font-size:16px}.fulfillment-dispatch header button{width:100%}}

.dispatch-parcel{display:grid;grid-template-columns:minmax(0,1fr) auto}.dispatch-parcel .package-direct-print{grid-column:1/-1;min-width:0;width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.package-direct-print .btn{white-space:normal;overflow-wrap:anywhere}.dispatch-parcel .package-direct-print p{flex-basis:100%;margin:0;font-size:14px;font-weight:400}.fulfillment-reprint-list{display:grid;gap:12px;padding:0 16px 16px}.fulfillment-reprint-list .package-direct-print{display:flex;flex-wrap:wrap;gap:8px}.fulfillment-reprint-list .package-direct-print p{flex-basis:100%;margin:0;font-size:14px}

@media(max-width:600px){.dispatch-parcel{grid-template-columns:minmax(0,1fr)}.dispatch-parcel .package-direct-print .btn{width:100%;min-width:0;box-sizing:border-box}}

/* Guided final photo: one active package, explicit saved evidence. */
.fulfillment-dispatch .dispatch-parcel{min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}
.fulfillment-dispatch .dispatch-parcel strong{overflow-wrap:anywhere}
.dispatch-photo-state{font-size:14px;color:#d3bdf7}
.dispatch-final-photo{grid-column:1/-1;border-top:1px solid #755d9b;padding-top:16px;min-width:0}
.dispatch-photo-form{display:grid;gap:14px}
.dispatch-photo-form[hidden],.dispatch-photo-saved[hidden]{display:none}
.dispatch-photo-form>p{margin:0;line-height:1.5}
.dispatch-photo-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.dispatch-camera-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:64px;font-size:20px;cursor:pointer;white-space:normal;text-align:center}
.dispatch-photo-input:focus-visible + .dispatch-camera-button{outline:3px solid #c2b3ff;outline-offset:3px}
.dispatch-photo-form button{min-height:48px;white-space:normal}
.dispatch-photo-preview:empty{display:none}
.dispatch-photo-preview img{display:block;width:auto;max-width:100%;max-height:260px;border-radius:10px;object-fit:contain}
.dispatch-photo-saved{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.dispatch-photo-saved img{display:block;width:112px;height:112px;object-fit:cover;border-radius:10px}
.dispatch-photo-saved strong{color:#79e5ac;font-size:18px!important;display:block;margin-bottom:12px}
.dispatch-photo-saved .btn{min-height:44px}
.dispatch-photo-feedback{font-size:14px;overflow-wrap:anywhere}
.dispatch-requirement{font-size:15px;margin:0;line-height:1.5;color:#d3bdf7}
.fulfillment-dispatch button:disabled{cursor:not-allowed;opacity:.45}
.fulfillment-dispatch input:disabled{opacity:.5}
.dispatch-finished,.dispatch-other{margin:18px 0;border-top:1px solid #755d9b;padding-top:16px}
.dispatch-finished summary,.dispatch-other summary{cursor:pointer;padding:8px 0;font-weight:700}
.dispatch-finished .dispatch-parcel{margin-top:10px;padding:14px}
.dispatch-finished .dispatch-parcel strong{font-size:17px}
.dispatch-other button{display:block;width:100%;text-align:left;margin-top:10px;white-space:normal}
.dispatch-other button small{display:block;margin-top:6px}
@media(max-width:600px){.dispatch-camera-button{font-size:18px}.dispatch-photo-saved{gap:12px}.dispatch-photo-saved img{width:88px;height:88px}.dispatch-scan-form label{font-size:19px}}
.dispatch-photo-form [data-retry][hidden]{display:none}

.dispatch-label-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.package-bulk-print{white-space:normal;max-width:100%;text-align:center}
