.packaging-module { max-width: 1360px; margin: 0 auto; }
.packaging-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 18px; margin: 14px 0; }
.packaging-fields label { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.packaging-fields input, .packaging-fields select { width: 100%; box-sizing: border-box; }
.packaging-module textarea { width: 100%; box-sizing: border-box; margin-top: 6px; }
.packaging-module fieldset { border: 1px solid #d6dde5; border-radius: 8px; padding: 14px 18px; }
.packaging-summary { display: flex; flex-wrap: wrap; gap: 12px 28px; background: #edf5ef; color: #193b2b; padding: 13px 16px; border-radius: 6px; margin: 14px 0; }
.packaging-summary span { flex-basis: 100%; }
.packaging-estimate { border: 1px solid #c8d6df; border-radius: 8px; padding: 16px 18px; margin-top: 24px; background: #f7fafc; }
.packaging-estimate h3 { margin-top: 0; }
.packaging-estimate > label { display: flex; flex-direction: column; gap: 6px; max-width: 280px; }
.packaging-estimate table input { width: 100%; min-width: 140px; box-sizing: border-box; }
.packaging-estimate .toolbar { margin: 14px 0; }
@media (min-width: 1000px) { .packaging-fields { grid-template-columns: repeat(4, minmax(0, 1fr)); } .packaging-fields > label:nth-child(-n+2) { grid-column: span 2; } }
@media (max-width: 650px) { .packaging-fields { grid-template-columns: 1fr; } .packaging-module fieldset, .packaging-estimate { padding: 12px; } }