#receiptDialog {width:min(1000px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;}
#receiptDialog .receipt-correction-row {padding:20px 0;border-bottom:1px solid var(--border,#d8dce4);display:grid;gap:14px;min-width:0;}
#receiptDialog .receipt-original p {margin:4px 0;color:var(--muted,#64748b);font-size:13px;}
#receiptDialog .receipt-chosen {display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;min-width:0;}
#receiptDialog .chosen-name,#receiptDialog .chosen-lot {overflow-wrap:anywhere;}
#receiptDialog .chosen-lot {grid-column:1;font-size:13px;color:var(--muted,#64748b);}
#receiptDialog .choose-lot {grid-column:2;grid-row:1/3;}
#receiptDialog .receipt-quantities {display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:12px;}
#receiptDialog .receipt-quantities label {min-width:0;}
#receiptDialog .receipt-quantities input {width:100%;box-sizing:border-box;min-width:0;}
#receiptDialog .receipt-options {display:grid;gap:6px;max-height:240px;overflow:auto;overscroll-behavior:contain;margin:10px 0;}
#receiptDialog .receipt-option {text-align:left;white-space:normal;overflow-wrap:anywhere;padding:12px;color:inherit;background:transparent;border:1px solid var(--border,#d8dce4);border-radius:10px;}
#receiptDialog .receipt-option:hover,#receiptDialog .receipt-option:focus-visible {border-color:#2979ff;background:rgba(41,121,255,.08);}
#receiptDialog .receipt-preview {padding:16px;border:1px solid #2979ff;border-radius:12px;margin-top:16px;overflow-wrap:anywhere;}
body:has(#receiptDialog[open]) {overflow:hidden;}
@media(max-width:600px){#receiptDialog .receipt-quantities{grid-template-columns:1fr 1fr;}#receiptDialog .receipt-chosen{grid-template-columns:1fr;}#receiptDialog .choose-lot{grid-column:1;grid-row:auto;justify-self:start;}}

#receiptDialog .receipt-row-content {display:grid;gap:14px;}
#receiptDialog .receipt-row-content[hidden],#receiptDialog .receipt-removed[hidden] {display:none;}
#receiptDialog .receipt-row-heading,#receiptDialog .receipt-removed {display:flex;gap:12px;align-items:center;justify-content:space-between;}
#receiptDialog .receipt-removed {padding:12px;background:rgba(255,149,0,.08);border-radius:12px;}
#receiptDialog .receipt-removed p {margin:4px 0;font-size:13px;}
#receiptDialog .receipt-add {margin:12px 0;}
@media(max-width:600px){#receiptDialog .receipt-row-heading,#receiptDialog .receipt-removed{align-items:flex-start;flex-wrap:wrap;}}