.receipt-dialog{--receipt-width:480px;--receipt-pad:24px;--receipt-gap:16px;--receipt-heading:28px;--receipt-body:16px;--receipt-control:48px;--receipt-radius:8px;width:min(var(--receipt-width),calc(100% - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;padding:var(--receipt-pad);border:1px solid var(--line,#d8d6cf);border-radius:var(--receipt-radius);background:var(--paper,#fff);color:var(--navy,#1d3948);font-family:var(--sans,'SUIT Variable',sans-serif);overflow:auto}
.receipt-dialog::backdrop{background:color-mix(in srgb,var(--navy,#1d3948) 48%,transparent)}
.receipt-dialog__header{display:flex;gap:var(--receipt-gap);justify-content:space-between;align-items:start}
.receipt-dialog h2{font-family:var(--serif,serif);font-size:var(--receipt-heading);line-height:1.4;margin:0}
.receipt-dialog p,.receipt-dialog label{font-size:var(--receipt-body);line-height:1.75;word-break:keep-all}
.receipt-dialog__eyebrow{color:var(--bronze,#80502a);margin:0 0 8px;font-weight:600}
.receipt-dialog__close{min-width:var(--receipt-control);min-height:var(--receipt-control);border:1px solid var(--line,#d8d6cf);background:transparent;color:inherit;font:inherit;cursor:pointer}
.receipt-dialog input{box-sizing:border-box;width:100%;min-height:var(--receipt-control);padding:12px;margin:8px 0 var(--receipt-gap);border:1px solid var(--ink-soft,#424b58);border-radius:4px;font:inherit;font-size:var(--receipt-body);background:var(--paper,#fff);color:inherit}
.receipt-dialog input[aria-invalid=true]{border:2px solid var(--bronze,#80502a)}
.receipt-dialog__submit,.receipt-reopen{min-height:var(--receipt-control,48px);padding:12px 20px;font:inherit;cursor:pointer}
.receipt-dialog__submit{width:100%;border:1px solid var(--navy,#1d3948);background:var(--navy,#1d3948);color:var(--paper,#fff);border-radius:4px}
.receipt-dialog__submit:disabled{opacity:.65;cursor:wait}
.receipt-dialog__result{margin:16px 0 0;padding:16px;background:var(--ivory,#faf7f0);border-left:3px solid var(--bronze,#80502a)}
.receipt-dialog__result:empty{display:none}
.receipt-dialog__note{margin:16px 0 0;color:var(--ink-soft,#424b58)}
.receipt-reopen{display:block;margin:24px 0;border:1px solid var(--bronze,#80502a);color:var(--navy,#1d3948);background:var(--paper,#fff);border-radius:4px}
.receipt-dialog button:focus-visible,.receipt-dialog input:focus-visible,.receipt-reopen:focus-visible{outline:3px solid var(--bronze,#80502a);outline-offset:3px}
@media(max-width:480px){.receipt-dialog{--receipt-pad:20px}}
