.staff-dispatch-form { max-width: 960px; }
.staff-dispatch-form fieldset { min-width: 0; }
.staff-ui form.staff-dispatch-form > .staff-form-section { border: 0; padding: 0; margin: 0 0 24px; }
.staff-ui form.staff-dispatch-form > fieldset > legend { margin-bottom: 16px; }
.staff-ui form.staff-dispatch-form .staff-dispatch-recipient .staff-form-grid { gap: 16px; }
.staff-ui form.staff-dispatch-form .staff-dispatch-recipient .sl-field { margin: 0; }
.staff-dispatch-form .staff-dispatch-book-search { width: 100%; }
.staff-dispatch-form .staff-manual-order-catalog-item { margin-top: 12px; grid-template-columns: 40px minmax(0, 1fr) auto; }
.staff-dispatch-form .staff-manual-order-catalog-item .staff-copy { font-size: 12px; }
.staff-dispatch-form { --dispatch-book-columns: 40px minmax(0, 1fr) 110px 40px; }
.staff-dispatch-lines-heading, .staff-dispatch-line { display: grid; grid-template-columns: var(--dispatch-book-columns); column-gap: 14px; align-items: center; }
.staff-dispatch-lines-heading { margin-top: 20px; color: var(--sl-muted); font-size: 12px; line-height: 18px; }
.staff-dispatch-lines-heading > span:first-child { grid-column: 1 / 3; }
.staff-dispatch-lines-heading > span:last-child { grid-column: 3; }
.staff-dispatch-line { grid-template-rows: minmax(60px, auto) auto; margin-top: 8px; }
.staff-dispatch-line > .staff-manual-order-catalog-cover { grid-column: 1; grid-row: 1; }
.staff-dispatch-line-identity { grid-column: 2; grid-row: 1; min-width: 0; display: grid; gap: 4px; }
.staff-dispatch-line-identity strong { font-size: 14px; line-height: 20px; font-weight: 500; overflow-wrap: anywhere; }
.staff-dispatch-line-identity .staff-copy { font-size: 12px; line-height: 18px; }
.staff-ui .staff-dispatch-line > .sl-field { display: contents; }
.staff-ui .staff-dispatch-line > .sl-field > label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.staff-dispatch-line > .sl-field > .sl-input { grid-column: 3; grid-row: 1; }
.staff-dispatch-line > .sl-field > .sl-field-error { grid-column: 2 / -1; grid-row: 2; }
.staff-ui .staff-dispatch-line > .staff-dispatch-line-remove { grid-column: 4; grid-row: 1; width: 40px; height: 40px; min-height: 40px; padding: 10px; margin: 0; }
.staff-dispatch-point-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto 40px auto; column-gap: 12px; row-gap: 8px; align-items: center; }
.staff-ui .staff-dispatch-point-search > .sl-field { display: contents; }
.staff-ui .staff-dispatch-point-search > .sl-field > label { grid-column: 1; grid-row: 1; margin: 0; }
.staff-dispatch-point-search > .sl-field > .sl-input { grid-column: 1; grid-row: 2; }
.staff-dispatch-point-search > .sl-field > .sl-field-error { grid-column: 1 / -1; grid-row: 3; }
.staff-ui .staff-dispatch-point-search > button { grid-column: 2; grid-row: 2; height: 40px; min-height: 40px; margin: 0; display: flex; gap: 8px; align-items: center; }
.staff-dispatch-search-status { margin-top: 12px; }
.staff-dispatch-point-results { display: grid; max-height: 320px; overflow-y: auto; }
.staff-dispatch-point-option { display: grid; gap: 4px; width: 100%; padding: 14px 12px; text-align: left; border: 0; border-radius: 8px; background: transparent; color: var(--sl-text); cursor: pointer; }
.staff-dispatch-point-option:hover, .staff-dispatch-point-option:focus-visible { background: var(--sl-hover, #faf5f5); }
.staff-dispatch-point-option strong { font-size: 14px; line-height: 20px; font-weight: 500; }
.staff-dispatch-point-option span { font-size: 12px; line-height: 18px; color: var(--sl-muted); }
.staff-dispatch-point-selected { display: flex; align-items: start; gap: 12px; margin-top: 16px; padding: 14px; border-radius: 8px; background: #faf5f5; }
.staff-dispatch-point-selected[hidden] { display: none; }
.staff-dispatch-point-selected > svg { flex: none; width: 20px; height: 20px; color: #ee342d; }
.staff-dispatch-point-selected > div { flex: 1; min-width: 0; }
.staff-dispatch-point-selected strong { font-size: 13px; font-weight: 500; }
.staff-dispatch-point-selected p { margin: 4px 0 0; overflow-wrap: anywhere; font-size: 14px; }
.staff-dispatch-map-dialog { margin: auto; width: min(1000px, calc(100vw - 32px)); max-width: none; padding: 20px; border: 0; border-radius: 8px; }
.staff-dispatch-map-dialog::backdrop { background: rgb(0 0 0 / 40%); }
.staff-dispatch-map-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.staff-dispatch-map-dialog > header button { width: 36px; min-height: 36px; padding: 8px; }
.staff-dispatch-map { height: min(65vh, 560px); min-height: 320px; }
.staff-dispatch-supply-result { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 12px 0; }
@media (max-width: 600px) {
  .staff-dispatch-form { --dispatch-book-columns: 32px minmax(0, 1fr) 82px 44px; }
  .staff-dispatch-line, .staff-dispatch-lines-heading { column-gap: 8px; }
  .staff-ui .staff-dispatch-line > .staff-dispatch-line-remove, .staff-ui .staff-dispatch-point-search > button { height: 44px; min-height: 44px; }
  .staff-dispatch-point-search { grid-template-rows: auto 44px auto; }
  .staff-dispatch-line .staff-manual-order-catalog-cover { width: 32px; height: 48px; }
  .staff-dispatch-map-dialog { width: 100vw; height: 100dvh; max-height: none; margin: 0; border-radius: 0; padding: 16px; }
  .staff-dispatch-map { height: calc(100dvh - 150px); }
}