.delivery-form{max-width:720px;margin:auto}.delivery-order-intro{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#f1f6f2;border:1px solid #e1eae3;border-radius:12px;margin-bottom:24px}.delivery-order-intro>svg{flex:none;color:var(--green)}.delivery-order-intro>div{min-width:0;flex:1}.delivery-order-intro strong,.delivery-order-intro small{display:block;overflow-wrap:anywhere}.delivery-order-intro strong{font-size:15px;line-height:1.5}.delivery-order-intro small{margin-top:4px;color:var(--muted);font-size:11px}.delivery-form-section+.delivery-form-section{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.delivery-section-title{display:flex;align-items:center;gap:10px;margin-bottom:15px}.delivery-section-title h3{margin:0;font-size:16px;line-height:1.5}.delivery-step{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e8f0e9;color:var(--green);font-size:12px;font-weight:700;flex:none}.delivery-photo-count{margin-left:auto;color:var(--muted);font-size:12px}.delivery-uploader{display:flex;gap:14px;align-items:center;padding:22px;border:1.5px dashed #aac3b6;background:#fafcf9;border-radius:12px;position:relative;cursor:pointer;min-height:94px;transition:border-color .15s,background .15s}.delivery-uploader:hover{border-color:var(--green);background:#f2f7f2}.delivery-uploader:focus-within{outline:2px solid var(--green);outline-offset:3px}.delivery-uploader>svg{flex:none;color:var(--green)}.delivery-uploader b,.delivery-uploader small{display:block;line-height:1.6}.delivery-uploader b{font-size:14px}.delivery-uploader small{font-size:11px;color:var(--muted);margin-top:3px}.delivery-uploader input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.delivery-photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}.delivery-photo-previews:empty{display:none}.delivery-photo-tile{position:relative;min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f1f5f0}.delivery-photo-tile img{display:block;width:100%;height:124px;object-fit:cover}.delivery-photo-tile>span{display:block;padding:7px 10px;font-size:10px;color:var(--muted);background:white}.delivery-remove-photo{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #dfe7e1;border-radius:9px;background:#fffffff2;color:var(--green);cursor:pointer;box-shadow:0 2px 8px #12382b10}.delivery-remove-photo:hover{background:#fff}.delivery-form .field{margin:15px 0}.delivery-form input[type=date]{min-height:48px}.delivery-planned-dates{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;background:#f8faf6;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font-size:12px;color:var(--muted)}.delivery-planned-dates b{color:var(--ink);font-weight:500}.delivery-early-note{background:#fff8eb;border:1px solid #ead8b0;border-radius:10px;padding:15px;margin:16px 0;color:#745622;font-size:12px;line-height:1.8}.delivery-early-note[hidden]{display:none}.delivery-early-note p{margin:6px 0 12px}.delivery-early-note .choice{margin:0;background:#fffdf7;border-color:#e6d6b5;align-items:flex-start;gap:10px;padding:12px}.delivery-early-note input{margin-top:4px;flex:none}.delivery-form-actions{display:grid;grid-template-columns:minmax(120px,.65fr) minmax(180px,1fr);gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.delivery-form-actions .btn{min-height:48px;justify-content:center;white-space:normal;line-height:1.5;padding:12px 16px}.delivery-form [aria-busy=true]{cursor:progress}.delivery-form[aria-busy=true] .delivery-uploader{opacity:.65;pointer-events:none}.delivery-upload-progress{padding:14px 0 0}.delivery-upload-progress progress{width:100%;height:9px;accent-color:var(--green)}.delivery-upload-progress p{font-size:12px;color:var(--muted);line-height:1.6;margin:7px 0}.delivery-form .inline-error{line-height:1.7;overflow-wrap:anywhere}.delivery-record{padding:18px var(--order-inset,24px);border-top:1px solid var(--line);background:#fbfcf9}.delivery-record-heading,.delivery-record-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.delivery-record-heading{justify-content:space-between;margin-bottom:15px}.delivery-record-heading b{font-size:13px}.delivery-record-heading .btn{min-height:40px;white-space:normal}.delivery-date-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.delivery-date-grid>div{min-width:0}.delivery-date-grid span{font-size:11px;color:var(--muted);display:block;margin-bottom:5px;line-height:1.5}.delivery-date-grid b{display:block;overflow-wrap:anywhere;font-weight:500;font-size:13px;line-height:1.5}.delivery-record .hint{margin:12px 0 0;font-size:11px}.delivery-view-photos{display:grid;gap:16px;margin-top:20px}.delivery-view-photos a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;background:#f5f8f2}.delivery-view-photos img{display:block;width:100%;max-height:440px;object-fit:contain}.delivery-view-photos span{display:block;text-align:center;padding:12px;background:white;color:var(--green);font-size:12px}.delivery-note{padding:14px 16px;border:1px solid var(--line);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8}
@media(max-width:620px){.delivery-order-intro{padding:14px;gap:10px;margin-bottom:22px}.delivery-order-intro>.badge{font-size:10px}.delivery-uploader{padding:17px;gap:12px}.delivery-photo-previews{gap:9px}.delivery-photo-tile img{height:90px}.delivery-remove-photo{min-width:44px;min-height:44px;top:4px;right:4px}.delivery-form-actions{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:10px}.delivery-form-actions .btn{padding:12px 10px;font-size:12px}.delivery-section-title h3{font-size:15px}.delivery-date-grid{grid-template-columns:1fr;gap:10px}.delivery-date-grid>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.delivery-date-grid span{margin:0}.delivery-record-heading{align-items:flex-start}.delivery-form-section+.delivery-form-section{margin-top:23px;padding-top:20px}}
