#shipment-legacy, #shipment-loading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; min-width: 0; }
#shipment-loading > .card { min-width: 0; }
#shipment-loading .order-customer, #shipment-loading .form-hint { overflow-wrap: anywhere; }
.loading-plan-form, .loading-action-form, .loading-action-body, .loading-detail { display: grid; gap: 14px; min-width: 0; }
.loading-plan-form h3, .loading-plan-form p { margin: 0; }
.loading-plan-form .pagination:empty, .loading-available:empty { display: none; }
#shipment-loading .actions { display: flex; flex-wrap: wrap; gap: 8px; }
.loading-plan-form { scroll-margin-top: 140px; }
.loading-available, .loading-choices { display: grid; gap: 8px; min-width: 0; }
.loading-plan-line { display: flex; gap: 12px; align-items: center; padding: 12px; background: var(--surface-soft, #f6f5f1); border-radius: 9px; min-width: 0; }
.loading-plan-line > div { flex: 1; min-width: 0; display: grid; gap: 5px; overflow-wrap: anywhere; }
.loading-plan-line > label { width: 130px; flex-shrink: 0; }
.loading-plan-line > button { flex-shrink: 0; }
.loading-progress-line { flex-wrap: wrap; gap: 8px; overflow-wrap: anywhere; }
.loading-review { padding: 14px; border: 1px solid var(--line); border-left: 4px solid var(--accent); border-radius: 9px; overflow-wrap: anywhere; }
.loading-check { display: flex; align-items: center; gap: 12px; }
.loading-check input { width: 22px; height: 22px; flex-shrink: 0; }
.loading-action-body { overflow-wrap: anywhere; }
@media (max-width: 650px) {
  .loading-plan-line { flex-wrap: wrap; }
  .loading-plan-line > div { flex-basis: 100%; }
  .loading-plan-line > label { flex: 1; }
  #shipment-loading > .card { padding: 16px; }
}