.receipt-modal{border:1px solid #dce5e8;border-radius:18px;padding:0;width:min(760px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);color:#172b3d;background:#f7fafb;box-shadow:0 25px 90px #10263540;overflow:hidden}.receipt-modal::backdrop{background:#10263580}.receipt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #dde6ea;background:white}.receipt-modal-header h2,.receipt-modal-header p{margin:0}.receipt-modal-body{padding:24px;max-height:calc(100dvh - 140px);overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}.receipt-modal .button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.receipt-modal .field{display:flex;flex-direction:column;gap:6px;margin:14px 0;min-width:0}.receipt-modal input:not([type=checkbox]),.receipt-modal textarea{box-sizing:border-box;width:100%;max-width:100%;padding:10px 12px;border:1px solid #bdcbd4;border-radius:9px;font:inherit;background:white}.receipt-fields,.receipt-parties{display:grid;grid-template-columns:1fr 1fr;gap:20px}.receipt-parties>div{display:flex;flex-direction:column;gap:4px;min-width:0}.receipt-parties small,.receipt-history small{color:#5d6c78}.receipt-preview{border:1px solid #dce5e8;border-radius:12px;background:#fff;padding:26px;margin-bottom:20px}.receipt-preview h3{font-size:28px;margin:8px 0 24px}.receipt-draft-label{font-size:12px;letter-spacing:.04em;color:#526b7b}.receipt-amount{font-size:28px;font-weight:700}.receipt-preview dl{display:grid;grid-template-columns:auto 1fr;gap:8px 20px;font-size:14px}.receipt-preview dd{margin:0}.receipt-signature-line{padding-top:36px;border-bottom:1px solid #697c8b;padding-bottom:8px;color:#5d6c78;font-size:13px}.receipt-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.6;margin:18px 0}.receipt-confirm input{margin-top:6px;flex-shrink:0}.receipt-warning{border:1px solid #deb76a;border-left:4px solid #bd8523;background:#fff5da;color:#67491a;padding:14px;border-radius:10px;margin-bottom:16px}.receipt-payment-summary{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px;border-radius:12px;background:#e8f3f0}.receipt-history{list-style:none;padding:0}.receipt-history li{padding:18px;background:#fff;border:1px solid #dce5e8;border-radius:12px;margin:14px 0}.receipt-history li>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.receipt-state{padding:3px 9px;border-radius:20px;background:#e4f3ed;color:#176444;font-size:13px}.receipt-state.is-void{background:#fce7e7;color:#963a3a}.receipt-modal .help{font-size:13px;color:#566b78;line-height:1.6}@media(max-width:540px){.receipt-modal-header,.receipt-modal-body{padding:16px}.receipt-parties,.receipt-fields{grid-template-columns:1fr}.receipt-preview{padding:18px}.receipt-preview dl{grid-template-columns:1fr;gap:2px}.receipt-preview dd{margin-bottom:8px}.receipt-modal .button-row .button{width:100%;white-space:normal}.receipt-modal-header .button{padding:8px 10px}.receipt-payment-summary{flex-direction:column}}
@media(max-width:540px){.receipt-modal .button-row{display:grid;grid-template-columns:minmax(0,1fr)}.receipt-modal .button-row .button{width:100%;min-width:0;white-space:normal;word-break:normal;overflow-wrap:normal}}