/* Screen preview and isolated 100 × 150 mm output; barcode paper settings are untouched. */
#productionPaymentReceiptDialog{width:min(720px,calc(100% - 24px));max-height:90dvh;padding:24px;box-sizing:border-box;border:1px solid #ccd8d2;border-radius:18px;background:#fff;color:#171d1a;overflow:auto;font:1rem/1.5 Arial,sans-serif}
#productionPaymentReceiptDialog::backdrop{background:rgba(10,23,17,.65)}
.payment-receipt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}
.payment-receipt-toolbar h2{margin:0;font-size:1.25rem}
#productionPaymentReceiptDialog button,.production-payment-receipt-button{min-height:44px;font-size:.875rem;white-space:normal}
.production-payment-receipt-button{display:block;margin-top:8px}
.payment-receipt-help{font-size:.875rem;color:#4d5b53;margin:16px 0}
.payment-receipt-actions{display:flex;justify-content:flex-end;margin-top:20px}
.production-payment-receipt{padding:28px;border:1px solid #cdd5cf;background:white;color:#111;font:1rem/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.production-payment-receipt header{border-bottom:2px solid #111;padding-bottom:16px;margin-bottom:20px;text-align:center}
.production-payment-receipt header p{margin:0;font-weight:700;letter-spacing:.12em}
.production-payment-receipt header h2{margin:8px 0 0;font-size:1.5rem;color:#111}
.production-payment-receipt header span{font-size:.875rem}
.production-payment-receipt dl{margin:0 0 20px}
.production-payment-receipt dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;padding:7px 0}
.production-payment-receipt dt{font-weight:400}
.production-payment-receipt dd{margin:0;font-weight:600}
.payment-receipt-id{font-size:.8125rem}
.payment-receipt-amounts{border-top:1px solid #aaa;padding-top:12px}
.payment-receipt-amounts dd{text-align:right;font-variant-numeric:tabular-nums}
.production-payment-receipt .payment-receipt-total{border-top:2px solid #111;margin-top:8px;padding-top:14px;font-size:1.125rem}
.payment-receipt-total dt,.payment-receipt-total dd{font-weight:700}
.payment-receipt-note h3{margin:0;font-size:.875rem}
.payment-receipt-note p{white-space:pre-wrap;margin:6px 0 20px}
.production-payment-receipt footer{border-top:1px dashed #aaa;padding-top:14px;font-size:.8125rem;color:#333}
.payment-receipt-archive{padding:8px;border:1px solid #333;font-size:.875rem;font-weight:bold}
#productionPaymentPrintArea{display:none}
@media(max-width:540px){#productionPaymentReceiptDialog{padding:16px}.production-payment-receipt{padding:16px}.payment-receipt-meta>div{grid-template-columns:1fr!important;gap:2px!important}.payment-receipt-actions button{width:100%}}
@media print{
  body.production-payment-printing{width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important}
  body.production-payment-printing> :not(#productionPaymentPrintArea){display:none!important}
  body.production-payment-printing #productionPaymentPrintArea{display:block!important;visibility:visible!important;position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;page:productionPaymentReceipt}
  body.production-payment-printing #productionPaymentPrintArea *{visibility:visible!important}
  #productionPaymentPrintArea .production-payment-receipt{padding:0;border:0;font-size:10.5pt;line-height:1.3;color:#000}
  #productionPaymentPrintArea header,#productionPaymentPrintArea dl>div,#productionPaymentPrintArea footer{break-inside:avoid}
  #productionPaymentPrintArea header{padding-bottom:8px;margin-bottom:10px}
  #productionPaymentPrintArea header h2{font-size:16pt;margin-top:4px}
  #productionPaymentPrintArea header p,#productionPaymentPrintArea header span{font-size:9pt}
  #productionPaymentPrintArea dl{margin-bottom:10px}
  #productionPaymentPrintArea dl>div{padding:4px 0;gap:8px}
  #productionPaymentPrintArea .payment-receipt-meta>div{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)!important;gap:8px!important}
  #productionPaymentPrintArea .payment-receipt-id{font-size:9pt}
  #productionPaymentPrintArea .payment-receipt-amounts{padding-top:6px}
  #productionPaymentPrintArea .payment-receipt-total{font-size:12pt;margin-top:6px;padding-top:8px}
  #productionPaymentPrintArea .payment-receipt-note h3{font-size:9pt}
  #productionPaymentPrintArea .payment-receipt-note p{margin:4px 0 10px}
  #productionPaymentPrintArea footer{padding-top:8px;font-size:9pt}
  #productionPaymentPrintArea .payment-receipt-archive{font-size:9pt;padding:5px;margin:8px 0}
  #productionPaymentPrintArea .payment-receipt-note p{orphans:3;widows:3}
}
