/* Compact invoice-first packaging: separate receiving, contents and billing. */
.packaging-summary{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.packaging-summary [data-package-summary]{min-width:0}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-definition.is-package-collapsed>:not(.packaging-summary){display:none!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-definition.is-package-collapsed:before{display:none!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:10px!important;min-width:0!important;align-items:start}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid> *{min-width:0;grid-column:span 2!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.item-cell{grid-column:span 4!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.packaging-received{grid-column:5/span 3!important;grid-row:1!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.nine-definition{grid-column:8/span 5!important;grid-row:1!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.qty-cell{grid-column:span 2!important;grid-row:2!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.unit-cell{grid-column:span 2!important;grid-row:2!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.category-cell,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.nine-receiving,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.nine-details-cell{grid-column:span 2!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row label>span,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-received strong{font-size:11px!important;color:#63716f}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row input,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row select{min-width:0!important;max-width:100%;height:34px!important;font-size:13px!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-received{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px;background:#f3f7f6;border:1px solid #d7e2dd;border-radius:6px}
.packaging-received strong{grid-column:1/-1!important}.packaging-received label{display:grid;gap:5px;font-size:11px}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-definition{padding:10px;background:#fafbfc;border:1px solid #dce2e5;border-radius:6px}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-equation{display:flex;flex-wrap:wrap;gap:4px!important;align-items:center}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-equation input{flex:1 1 50px;width:50px!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-equation [data-field=packUnit],body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-equation [data-field=innerUnit]{flex-basis:70px}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-sent-unit{display:none}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-equals{font-size:0}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-equals:after{content:'Nominal contents';font-size:11px}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-cost-pair{font-size:11px;opacity:.85}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row [readonly]{background:#f1f4f3}
.packaging-catch{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:5px}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-catch input{width:15px!important;height:15px!important}
.packaging-scope{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px;font-size:11px;margin-top:5px}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row [data-packaging-note]{display:block;font-size:11px;line-height:1.4;color:#617770;margin-top:6px}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-warning{color:#8a5718;background:#fff5e5;padding:6px;border-radius:4px}
.invoice-definition-lookup{font-size:11px;margin-top:5px}.invoice-definition-lookup p{margin:5px 0;line-height:1.4}.packaging-candidate{display:grid;gap:5px;border:1px solid #cbded4;background:#edf6f2;padding:7px;margin-top:5px;border-radius:5px;overflow-wrap:anywhere}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row button{min-height:32px;white-space:normal}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-optional .nine-equation,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-optional .packaging-catch,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-optional .packaging-scope{display:none}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .packaging-optional:before{content:'No package contents required';font-size:12px;color:#617770}
@media(max-width:760px){body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>*{grid-column:span 1!important;grid-row:auto!important}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.item-cell,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.packaging-received,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.nine-definition{grid-column:1/-1!important}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row input,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row select,body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row button{min-height:40px!important}.packaging-scope{grid-template-columns:1fr}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.item-cell{order:-3}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.packaging-received{order:-2}body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>.nine-definition{order:-1}}

body #invoice:has(.invoice-packaging-row) .invoice-line-grid-header{display:none!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>label>span,
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-definition>span,
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .nine-details-cell>span{display:block!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;margin-bottom:5px}
@media(max-width:760px){
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>:is(.item-cell,.packaging-received,.nine-definition,.qty-cell,.unit-cell,.money-cell,.category-cell,.nine-receiving,.nine-details-cell){grid-row:auto!important;grid-column:span 1!important}
body #invoice #invoiceLineRows .invoice-packaging-row.invoice-nine-row .invoice-nine-grid>:is(.item-cell,.packaging-received,.nine-definition){grid-column:1/-1!important}
}
body #invoice:has(.invoice-packaging-row) .invoice-lines-table,body #invoice:has(.invoice-packaging-row) .invoice-line-table{min-width:0!important;width:100%!important}
