/* Scoped layout for packing; long multilingual option labels cannot widen the page. */
.packing-panel {
  min-inline-size: 0;
  max-inline-size: 100%;
  overflow-wrap: anywhere;
}
.packing-panel .mfg-fields,
.packing-panel .cm-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 1rem;
  min-inline-size: 0;
}
.packing-panel label,
.packing-panel select,
.packing-panel input {
  min-inline-size: 0;
  max-inline-size: 100%;
  inline-size: 100%;
  box-sizing: border-box;
}
.packing-panel fieldset {
  min-inline-size: 0;
  grid-column: 1/-1;
  padding: 1rem;
  border: 1px solid var(--line, #dfe5eb);
  border-radius: 0.5rem;
}
.packing-panel summary {
  cursor: pointer;
  padding: 0.75rem;
  line-height: 1.75;
}
.packing-panel .mfg-section {
  margin-block: 1rem;
}
.packing-panel [data-pack-line] {
  padding-block: 1rem;
  border-bottom: 1px solid var(--line, #dfe5eb);
}
.packing-panel button {
  min-block-size: 2.75rem;
  justify-self: start;
}
.packing-panel form > button {
  margin-block: 0.75rem;
  margin-inline-end: 0.5rem;
}
.packing-panel [data-pack-error]:not(:empty) {
  padding: 1rem;
  border: 1px solid var(--danger, #b42318);
  border-radius: 0.5rem;
}
@media (max-width: 600px) {
  .packing-panel .mfg-fields,
  .packing-panel .cm-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .packing-panel .page-heading {
    display: block;
  }
}