.dc-product-details{display:none!important}
@media screen and (max-width:700px){
body main table[data-dc-mobile-products]{display:block!important;min-width:0!important;width:100%!important;border:0!important;background:transparent!important}
body main table[data-dc-mobile-products] thead{display:none!important}
body main table[data-dc-mobile-products] tbody{display:block!important}
body main table[data-dc-mobile-products] tr[data-dc-product-row]{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 12px;padding:10px!important;margin:0 0 10px!important;background:#fff;border:1px solid var(--dc-ui-border);border-radius:10px}
body main table[data-dc-mobile-products] td[data-dc-product-field]{display:block!important;min-width:0!important;width:auto!important;padding:0!important;border:0!important;white-space:normal!important;font-size:14px!important;line-height:20px!important;text-align:left!important;overflow-wrap:anywhere}
body main table[data-dc-mobile-products] td::before{content:none!important}
body main table[data-dc-mobile-products] td[data-dc-product-field="name"]{grid-column:1/-1;font-weight:700;padding-right:115px!important;min-height:28px}
body main button.dc-product-details{display:block!important;position:absolute;right:8px;top:5px;width:44px!important;min-width:44px!important;height:32px!important;min-height:32px!important;padding:0!important;font-size:12px!important;background:transparent!important;color:var(--dc-ui-brand-blue)!important;border:0!important}
body main table[data-dc-mobile-products] td[data-dc-product-field="quantity"]{grid-column:1}
body main table[data-dc-mobile-products] td[data-dc-product-field="price"]{grid-column:2}
body main table[data-dc-mobile-products] td[data-dc-product-field="amount"]{grid-column:1/-1;text-align:right!important;font-weight:700}
body main table[data-dc-mobile-products] td[data-dc-product-label]::before{content:attr(data-dc-product-label)!important;display:block;font-size:12px;font-weight:400;color:var(--dc-ui-muted);line-height:18px}
body main table[data-dc-mobile-products] td[data-dc-product-field="amount"]::before{display:inline;margin-right:8px}
body main table[data-dc-mobile-products] td:is([data-dc-product-field="ordered"],[data-dc-product-field="received"],[data-dc-product-field="sequence"],[data-dc-product-field="code"],[data-dc-product-field="unit"],[data-dc-product-field="tax"],[data-dc-product-field="extra"]){display:none!important}
body main table[data-dc-mobile-products] tr[data-dc-details-open] td:is([data-dc-product-field="received"],[data-dc-product-field="code"],[data-dc-product-field="tax"],[data-dc-product-field="extra"]){display:block!important;grid-column:1/-1;font-size:12px!important;color:var(--dc-ui-muted)}
body main table[data-dc-mobile-products] .qty-control{display:flex;gap:2px!important;width:100%;margin:0!important;justify-content:flex-start}
body main table[data-dc-mobile-products] .qty-control input:is([name="received_quantity"],[name^="qty_"],[name^="ship_"]){flex:1 1 0;width:0!important;min-width:0!important;max-width:66px!important}
body main table[data-dc-mobile-products] .quantity-step{flex:0 0 32px;width:32px!important;min-width:32px!important;max-width:32px!important;height:40px!important;min-height:40px!important;padding:0!important}
body main table[data-dc-mobile-products] input:is([name="received_unit_price"],[name="new_product_price"],[name^="price_"]){width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
body main table[data-dc-mobile-products] .receipt-difference{position:absolute;right:54px;top:10px;margin:0;font-size:12px;line-height:20px;max-width:76px}
body main table[data-dc-mobile-products] tr:not([data-dc-details-open]) .receipt-original:not([hidden]){display:block!important}
body main table[data-dc-mobile-products] .compound-weight{flex-wrap:wrap;gap:2px!important}
body main table[data-dc-mobile-products] .compound-weight input[name="received_quantity"],body main table[data-dc-mobile-products] .compound-weight input[name="received_liang"]{min-width:0!important;width:44px!important;max-width:44px!important}
}
@media print{.dc-product-details{display:none!important}}
@media(max-width:700px){body main table.receipt-lines[data-dc-mobile-products] td[data-dc-product-field="received"]{display:block!important;grid-column:1/-1;font-size:12px}}body main .receipt-lines .dc-product-details{display:none!important}