.delivery-draft { padding: 0; width: min(920px, 96vw); max-height: 94dvh; border: 1px solid #d4d9df; border-radius: 8px; color: #20252a; background: #fff; font-family: Inter, ui-sans-serif, system-ui, sans-serif; font-size: 14px; letter-spacing: 0; }
.delivery-draft::backdrop { background: rgb(15 23 42 / 42%); }
.delivery-draft form { display: flex; flex-direction: column; max-height: 92dvh; margin: 0; }
.delivery-draft header, .delivery-draft footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; flex-shrink: 0; }
.delivery-draft header { border-bottom: 1px solid #dce0e5; }
.delivery-draft h3 { margin: 0; font-size: 18px; }
.delivery-draft h4 { margin: 0 0 12px; font-size: 14px; }
.delivery-draft .delivery-body { padding: 0 18px 18px; overflow: auto; min-height: 0; }
.delivery-draft section { padding: 18px 0; border-bottom: 1px solid #e5e7eb; }
.delivery-draft .delivery-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.delivery-draft .delivery-wide { grid-column: 1 / -1; }
.delivery-draft label { display: grid; gap: 5px; min-width: 0; font-size: 12px; font-weight: 600; }
.delivery-draft input:not([type=checkbox]), .delivery-draft select, .delivery-draft textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 42px; border: 1px solid #cbd1d8; border-radius: 5px; padding: 8px 10px; background: #fff; color: #20252a; font: inherit; font-size: 14px; }
.delivery-draft input:focus, .delivery-draft select:focus, .delivery-draft textarea:focus { outline: 2px solid #2563eb; outline-offset: 1px; }
.delivery-draft .delivery-check { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; margin-top: 12px; }
.delivery-draft input[type=checkbox] { width: 18px; height: 18px; margin-top: 0; flex-shrink: 0; }
.delivery-draft .delivery-note { font-size: 12px; color: #59636d; margin: 6px 0; overflow-wrap: anywhere; }
.delivery-draft .delivery-selected { font-size: 12px; color: #14663e; min-height: 18px; overflow-wrap: anywhere; }
.delivery-draft .delivery-status { font-size: 12px; color: #59636d; }
.delivery-draft .delivery-errors { margin: 12px 0 0; padding: 10px 10px 10px 28px; border-left: 3px solid #ca8a04; background: #fffbeb; font-size: 13px; color: #794918; }
.delivery-draft .delivery-result { min-height: 20px; font-size: 13px; overflow-wrap: anywhere; }
.delivery-draft .delivery-result[data-error=true] { color: #b42318; }
.delivery-draft footer { border-top: 1px solid #dce0e5; background: #f8f9fa; flex-wrap: wrap; }
.delivery-draft button { cursor: pointer; min-height: 40px; border: 1px solid #cbd1d8; border-radius: 5px; padding: 8px 12px; background: #fff; color: #303840; font: inherit; }
.delivery-draft button[type=submit] { background: #2563eb; color: #fff; border-color: #2563eb; font-weight: 600; }
.delivery-draft button:disabled { opacity: .55; cursor: default; }
.delivery-draft .delivery-close { width: 40px; height: 40px; display: grid; place-items: center; padding: 8px; flex-shrink: 0; }
.delivery-draft .delivery-close i, .delivery-draft .delivery-close svg { width: 18px; height: 18px; }
.delivery-draft .delivery-close i:empty::before { content: "\00d7"; font: 22px/18px sans-serif; }
.delivery-draft details { font-size: 13px; overflow-wrap: anywhere; }
.delivery-draft summary { cursor: pointer; font-weight: 600; }
@media (max-width: 540px) {
  .delivery-draft .delivery-grid { grid-template-columns: minmax(0, 1fr); }
  .delivery-draft header, .delivery-draft footer { padding: 12px; }
  .delivery-draft .delivery-body { padding: 0 12px 18px; }
  .delivery-draft input:not([type=checkbox]), .delivery-draft select, .delivery-draft textarea { font-size: 16px; }
}
.delivery-draft {width:min(1100px,96vw); color:var(--ws-text,#172033); border-color:var(--ws-border,#dce2ea);}
.delivery-draft form {height:100%; min-height:0; width:100%; max-height:inherit;}
.delivery-draft .delivery-body {padding:16px; background:var(--ws-subtle,#f3f5fc);}
.delivery-layout {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start;}
.delivery-draft section {padding:0; margin:0; min-width:0; border:1px solid var(--ws-border,#dce2ea); background:#fff;}
.delivery-draft .ws-section-heading {margin:0; padding:12px;}
.delivery-section-body {padding:12px;}
.delivery-draft .delivery-source {padding:12px; border:0; background:transparent;}
.delivery-source details > p {margin:8px 0; font-size:13px;}
.delivery-local-notice {display:flex; align-items:start; gap:8px; margin:0 0 4px; font-size:12px;}
.delivery-recipient {display:flex; flex-direction:column; gap:4px; margin-bottom:14px; padding-bottom:12px; border-bottom:1px solid var(--ws-border,#dce2ea); overflow-wrap:anywhere;}
.delivery-recipient span {font-size:13px; color:var(--ws-muted,#596579);}
.delivery-draft .delivery-review {padding:12px; border-left:3px solid var(--ws-warning,#9a4b08);}
.delivery-draft footer {background:#fff;}
.delivery-draft .delivery-result {flex:1; min-width:0;}
.delivery-draft .delivery-status {margin-top:4px;}
.delivery-draft input:not([type=checkbox]),.delivery-draft select,.delivery-draft textarea {border-color:var(--ws-border,#dce2ea); border-radius:6px; font-weight:400;}
.delivery-draft button {min-height:44px; border-radius:var(--ws-radius,8px);}
.delivery-draft .delivery-close {width:44px; height:44px;}
.delivery-draft [data-finance-summary] {padding:10px; background:var(--ws-subtle,#f3f5fc); border-left:3px solid var(--ws-accent,#1d4ed8); margin:12px 0;}
.delivery-draft .delivery-check {padding:10px; background:#f4f8f6; border:1px solid #dbe9e2; border-radius:4px; line-height:1.5; cursor:pointer;}
@media(max-width:800px) {
  .delivery-layout {grid-template-columns:minmax(0,1fr); gap:12px;}
  .delivery-draft .delivery-body {padding:12px;}
}
@media(max-width:540px) {
  .delivery-draft footer {gap:8px;}
  .delivery-draft footer .delivery-result {flex-basis:100%; font-size:12px;}
  .delivery-draft footer button {width:100%; justify-content:center;}
}
.delivery-draft [data-handover-panel][hidden] {display:none;}
.delivery-draft .delivery-selected.is-empty {color:#92400e;}
.delivery-draft .delivery-city-results[hidden] {display:none;}
.delivery-draft .delivery-city-results {max-height:240px; overflow:auto; border:1px solid #dbe2ea; border-radius:6px; background:#fff;}
.delivery-draft .delivery-city-results button {display:block; width:100%; padding:10px 12px; min-height:48px; text-align:left; background:#fff; border:0; border-bottom:1px solid #e8ecf2; color:#172033;}
.delivery-draft .delivery-city-results button:hover,.delivery-draft .delivery-city-results button:focus-visible {background:#eef3ff; outline:2px solid #2563eb; outline-offset:-2px;}
.delivery-draft .delivery-city-results strong,.delivery-draft .delivery-city-results small {display:block; overflow-wrap:anywhere;}
.delivery-draft .delivery-city-results small {color:#64748b; margin-top:3px;}
.delivery-draft .delivery-collection-summary {padding:12px; border-left:3px solid #2563eb; background:#eff6ff; font-weight:700; overflow-wrap:anywhere;}
.delivery-draft .delivery-carrier-cost {padding:12px 0; border-top:1px solid #e2e8f0; margin-top:12px;}
.delivery-draft .delivery-carrier-cost > span {display:block; color:#64748b; margin-top:4px;}
.delivery-draft .delivery-city-field {display:flex; flex-direction:column; gap:6px; min-width:0; position:relative; isolation:isolate;}
.delivery-draft .delivery-city-field > label {position:relative; z-index:0; flex:none;}
.delivery-draft .delivery-city-results {position:relative; z-index:1; flex:none; inset:auto; transform:none; margin:0; max-height:min(240px,35dvh);}
.delivery-draft .delivery-city-results button {line-height:1.4; min-height:56px;}
.delivery-draft .delivery-city-results:not([hidden]) + .delivery-selected {display:none;}
.delivery-draft .delivery-sender-details,.delivery-draft .delivery-wishes {padding-top:12px; border-top:1px solid #e2e8f0; margin-top:8px;}
.delivery-draft details > .delivery-grid {margin-top:12px;}
.delivery-draft [data-sender-summary],.delivery-draft [data-wishes-summary] {font-weight:400;}
.delivery-date-row { display: flex; align-items: center; gap: 6px; min-width: 0; }
.delivery-date-row input { flex: 1; min-width: 0; }
.delivery-date-row button { flex: 0 0 40px; }