.shipment-compose,.shipment-overview,.shipment-edit{box-sizing:border-box;max-width:100%;min-width:0;border:1px solid #d4dfd7;border-radius:9px;background:#fff;color:#244d3a}
.shipment-compose{padding:16px;width:100%}
.test-order .shipment-compose h3,.test-order .shipment-overview h3{display:block;font:700 16px/1.5 system-ui;margin:0}
.shipment-help{font:400 13px/1.6 system-ui;color:#5e7366;margin:8px 0 14px}
.shipment-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px}
.test-order .shipment-fields label,.test-order .shipment-proof-fields>label{display:grid;gap:6px;min-width:0;max-width:none;font:600 13px/1.5 system-ui}
.portal-experience .shipment-fields input,.portal-experience .shipment-proof textarea{box-sizing:border-box;width:100%;min-width:0;margin:0;min-height:44px;padding:10px 12px;border:1px solid #a7beaf;border-radius:7px;background:#fff;color:#234b3c;font:500 16px/1.5 system-ui}
.shipment-fields input:focus-visible,.shipment-proof textarea:focus-visible{outline:2px solid #397d5d;outline-offset:2px}
.shipment-proof{margin-top:16px;padding:16px;border:2px solid #d3b875;border-radius:9px;background:#fffaf0;box-sizing:border-box}
.shipment-edit>summary{min-height:44px;padding:12px 0;box-sizing:border-box;cursor:pointer;font:600 13px/1.5 system-ui}
.shipment-proof-fields{display:grid;gap:12px;padding:0}
.shipment-submit-row{display:flex;justify-content:flex-end;margin-top:12px}
.shipment-submit-row .shipment-submit{margin:0;min-height:44px;font:600 14px/1.5 system-ui;padding:11px 18px}
.shipment-overview{margin:0 0 16px;padding:16px}
.shipment-overview.is-saved{border-color:#91b6a0;border-top:4px solid #28664b;background:#fbfdfb;scroll-margin-top:20px}
.shipment-eyebrow{display:block;font:600 11px/1.6 system-ui;letter-spacing:.06em;color:#5b7566;margin-bottom:4px}
.shipment-confirmed-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#28664b;color:#fff;font:700 20px/1 system-ui}
.shipment-registration-note{margin:0;font:400 13px/1.7 system-ui;color:#5d7466}
.shipment-flow{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0;margin:16px 0 20px}
.shipment-flow>li{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid #dce5df;border-radius:7px;background:#f3f5f3;color:#65766c;font:600 12px/1.5 system-ui}
.shipment-flow>li>span:first-child{display:grid;place-items:center;flex:none;width:23px;height:23px;border:1px solid currentColor;border-radius:50%}
.shipment-flow>li.is-done{background:#edf7f0;border-color:#b2d0bd;color:#28664b}
.shipment-flow>li.is-current{background:#fff7e0;border-color:#dec58a;color:#73591f}
.shipment-overview .shipment-proof-status{font-size:14px;line-height:1.6}
.test-order .shipment-overview .shipment-proof-link{min-height:40px;padding:8px 11px;font:600 12px/1.5 system-ui;margin:0;background:#fff;border:1px solid #a9c1b0;color:#285c42}
.shipment-next{margin-top:18px;padding:12px 14px;background:#edf5ef;border:1px solid #cbded1;border-radius:7px}
.shipment-next>strong{font:700 13px/1.5 system-ui}
.shipment-next>p{font:400 14px/1.7 system-ui;margin:4px 0 0;color:#365c46}
.shipment-overview>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.shipment-saved{font:600 12px/1.5 system-ui;color:#33664a;background:#edf6ef;border-radius:5px;padding:5px 8px}
.shipment-overview dl{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px;margin:0}
.shipment-overview dt{font:500 12px/1.5 system-ui;color:#5e7366;margin-bottom:6px}
.shipment-overview dd{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;font:650 17px/1.5 system-ui;overflow-wrap:anywhere;min-width:0}
.shipment-overview dd>strong{max-width:100%;overflow-wrap:anywhere}
.test-order .shipment-overview .shipment-copy{min-height:44px;margin:0;font-size:12px;padding:8px 11px}
.shipment-overview.is-missing{border-color:#e5d4a5;background:#fffaf0}
.shipment-overview.is-missing>p,.shipment-overview>[data-shipment-copy-status]{font:400 13px/1.6 system-ui;margin:6px 0 0}
.shipment-overview>[data-shipment-manual]{box-sizing:border-box;max-width:100%;margin-top:10px}
.shipment-edit{margin:0 0 16px;padding:0 16px}
.shipment-edit>.shipment-form{padding-bottom:16px}
.simple-test-workspace .test-task-row:has(.shipment-compose),.test-atelier-workspace .tidy-order-detail>.test-task-row:has(.shipment-compose){display:block}
.simple-test-workspace .test-task-row:has(.shipment-compose) .test-primary-actions,.test-atelier-workspace .test-task-row:has(.shipment-compose) .test-primary-actions{display:block;width:100%;max-width:none;margin-top:14px}
@media(max-width:700px){.shipment-fields,.shipment-overview dl{grid-template-columns:minmax(0,1fr)}.shipment-compose,.shipment-overview{padding:14px}.shipment-submit-row .shipment-submit{width:100%}.shipment-overview dd{font-size:16px}}
@media(max-width:700px){.shipment-flow{grid-template-columns:minmax(0,1fr);gap:7px;margin:14px 0 18px}.shipment-flow>li{padding:9px 10px}.shipment-overview .shipment-next{padding:12px}}

.shipment-proof-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;color:#5f4b22}
.shipment-proof-heading>svg{width:24px;height:24px;flex:none}
.test-order .shipment-proof-heading h4{font:700 14px/1.6 system-ui;margin:0;min-width:0;color:#5f4b22}
.portal-experience .shipment-proof .work-photo-picker>label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;justify-self:start;box-sizing:border-box;max-width:100%;min-height:52px;padding:12px 20px;border:1px solid #b08a35;border-radius:7px;background:#f2dfaa;color:#4d3a16;font:700 15px/1.5 system-ui;cursor:pointer}
.shipment-proof .work-photo-picker>label:hover{background:#ecd18f;border-color:#927029}
.shipment-proof .work-photo-picker>label:focus-within{outline:3px solid #397d5d;outline-offset:3px}
.portal-experience .shipment-proof .work-photo-picker small{color:#665b41;font-size:12px}
@media(max-width:700px){.shipment-proof{padding:12px}.portal-experience .shipment-proof .work-photo-picker>label{width:100%;justify-self:stretch;padding:12px}.shipment-proof-heading>svg{width:22px;height:22px}}

.shipment-step-copy{display:grid;gap:3px;min-width:0}.shipment-step-copy>small{font:400 11px/1.5 system-ui;color:inherit}