/* Use the form's available width rather than the screen width or device model. */
.dispatch-guide-editor { container: guide-editor / inline-size; }
.dispatch-guide-layout { grid-template-columns: minmax(0, 1fr); }
.dispatch-guide-layout > *, .dispatch-guide-fields > * { min-width: 0; }
.dispatch-guide-fields { grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr)); }
.dispatch-guide-items { container: guide-items / inline-size; }
.dispatch-guide-items .dispatch-guide-column-headings { display: none; }
.dispatch-guide-items [data-dispatch-guide-line]:not(.hidden) {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem; padding: 1rem; align-items: start;
}
.dispatch-guide-items [data-dispatch-guide-line] > div { min-width: 0; grid-column: auto; }
.dispatch-guide-items [data-dispatch-guide-line] > div:first-child { justify-content: start; }
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-child(2) { grid-column: 1 / -1; overflow-wrap: anywhere; }
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-child(3):nth-last-child(6) { grid-column: 1 / -1; overflow-x: auto; }
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-last-child(-n+5)::before {
  display: block; margin-bottom: .35rem; font-size: .75rem; font-weight: 600;
  color: var(--ui-muted, #526178); text-align: left;
}
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-last-child(5)::before { content: "Cantidad"; }
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-last-child(4)::before { content: "Stock"; }
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-last-child(3)::before { content: "Peso (kg)"; }
.dispatch-guide-items [data-dispatch-guide-line] > div:nth-last-child(2)::before { content: "Unidad"; }
.dispatch-guide-items [data-dispatch-guide-line] > div:last-child { grid-column: 1 / -1; }
.dispatch-guide-editor :is(input:not([type="hidden"]):not([type="checkbox"]), select, .search-select-trigger, button) { min-height: 44px; }
.dispatch-guide-editor input:not([type="hidden"]), .dispatch-guide-editor textarea { min-width: 0; max-width: 100%; }
.dispatch-guide-editor textarea { min-height: 5.5rem; }
.dispatch-guide-items :is([data-dispatch-guide-stock], [data-dispatch-guide-line-weight], [data-dispatch-guide-size-total]) { min-height: 44px; display: flex; align-items: center; justify-content: flex-end; }
@container guide-items (min-width: 38rem) {
  .dispatch-guide-items [data-dispatch-guide-line]:not(.hidden) { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@container guide-editor (min-width: 52rem) {
  .dispatch-guide-logistics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
  .dispatch-guide-logistics > * { margin-top: 0; min-width: 0; }
}
@container guide-items (min-width: 65rem) {
  .dispatch-guide-items .dispatch-guide-column-headings,
  .dispatch-guide-items [data-dispatch-guide-line]:not(.hidden) {
    display: grid;
    grid-template-columns: 2rem minmax(12rem, 1fr) minmax(14rem, 1fr) 5.5rem 5rem 5rem 6rem 5rem;
    gap: .5rem; padding: .75rem;
  }
  .dispatch-guide-items [data-dispatch-guide-line] > div:nth-child(2) { grid-column: auto; }
  .dispatch-guide-items [data-dispatch-guide-line] > div:nth-child(2):nth-last-child(6) { grid-column: span 2; }
  .dispatch-guide-items [data-dispatch-guide-line] > div:nth-child(3):nth-last-child(6),
  .dispatch-guide-items [data-dispatch-guide-line] > div:last-child { grid-column: auto; }
  .dispatch-guide-items [data-dispatch-guide-line] > div:nth-last-child(-n+5)::before { display: none; }
}
@container guide-editor (min-width: 96rem) {
  .dispatch-guide-layout { grid-template-columns: minmax(0, 1fr) 22rem; }
  .dispatch-guide-logistics { display: block; }
  .dispatch-guide-logistics > * + * { margin-top: 1rem; }
}
.dispatch-guide-items div:has(> [data-dispatch-guide-size-entry]) {
  grid-template-columns: repeat(auto-fit, minmax(3rem, 1fr)) !important;
}
@container guide-items (min-width: 65rem) {
  .dispatch-guide-items [data-dispatch-guide-line]:has(> [data-dispatch-guide-size-cell].hidden) > div:nth-child(2) { grid-column: span 2; }
}
.dispatch-guide-items input:not([type="hidden"]), .dispatch-guide-items button { font-size: .875rem; }
.dispatch-guide-items [data-dispatch-guide-size-label] { font-size: .75rem; }

.dispatch-guide-form-actions { display: flex; flex-wrap: wrap; gap: .75rem; justify-content: flex-end; }
.dispatch-guide-form-actions > button { min-height: 44px; min-width: 11rem; justify-content: center; }
.dispatch-guide-form-actions > button:disabled { opacity: .65; cursor: wait; }
@container guide-editor (max-width: 40rem) {
  .dispatch-guide-form-actions > button { width: 100%; }
}