.receipt-page,.receipt-body { display:flex;flex-direction:column;gap:16px;min-width:0;max-width:100%; }
.receipt-panel { padding:20px;min-width:0;background:var(--wsg-white); }
.receipt-page h2,.receipt-body h3 { margin:0;color:var(--wsg-ink);font:700 16px/1.7 var(--wsg-font-display); }
.receipt-note,.receipt-error { margin:0;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--wsg-background);font-size:12px;line-height:1.85;color:var(--wsg-body);overflow-wrap:anywhere; }
.receipt-error { background:var(--danger-bg);color:var(--danger); }
.receipt-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.receipt-fields .full { grid-column:1/-1; }
.receipt-field { display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--wsg-body);font-size:11px; }
.receipt-field input,.receipt-field select,.receipt-field textarea { width:100%;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--wsg-white);padding:10px 12px;color:var(--wsg-ink);font:400 12px/1.8 var(--wsg-font-body); }
.receipt-field textarea { min-height:90px;resize:vertical; }
.receipt-field [name="code"],.receipt-code,.receipt-body code { font-family:var(--wsg-font-mono);overflow-wrap:anywhere;white-space:pre-wrap; }
.receipt-actions { display:flex;flex-wrap:wrap;gap:12px;margin-top:20px; }
.receipt-product { display:flex;flex-direction:column;gap:8px;border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--wsg-white); }
.receipt-product strong { color:var(--wsg-ink);font:700 16px/1.7 var(--wsg-font-display);overflow-wrap:anywhere; }
.receipt-product p { margin:0; }
.receipt-body { color:var(--wsg-body);font-size:12px;line-height:1.85; }
.receipt-body>* { flex-shrink:0;min-width:0; }
.receipt-code { padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--wsg-background);color:var(--wsg-ink);font-size:16px;line-height:1.85; }
.receipt-facts { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0; }
.receipt-facts dt { font-size:10px; }
.receipt-facts dd { margin:4px 0 0;color:var(--wsg-ink);font-weight:600;overflow-wrap:anywhere; }
.receipt-retained { margin:0;white-space:pre-wrap;overflow-wrap:anywhere; }
.receipt-form { display:flex;flex-direction:column;max-height:calc(100dvh - 160px); }
.receipt-form>.dialog-body { min-height:0;max-height:none;flex:1 1 auto; }
.receipt-form>.dialog-foot { flex-shrink:0;flex-wrap:wrap; }
.receipt-form .btn,.receipt-body .btn { white-space:normal; }
.receipt-consent { display:flex;gap:10px;align-items:flex-start;color:var(--wsg-ink); }
.receipt-consent input { width:16px;height:16px;flex-shrink:0;margin-top:4px;accent-color:var(--primary); }
.receipt-embedded { border:1px solid var(--border);border-radius:8px;padding:12px 16px;margin-bottom:16px;background:var(--wsg-background);font-size:12px;line-height:1.8; }
.receipt-body details code { display:block;font-size:10px; }
.receipt-body summary { color:var(--primary);cursor:pointer; }
.receipt-intent { display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 16px;border:1px solid var(--border);border-radius:8px;background:var(--wsg-background); }
.receipt-intent.cancelled,.receipt-cancellation { border:1px solid var(--border);border-left:4px solid var(--wsg-ink);border-radius:8px;padding:16px;background:var(--wsg-background); }
.receipt-cancellation { display:flex;flex-direction:column;gap:10px; }
.receipt-cancellation p { margin:0; }
.receipt-cancellation code { overflow-wrap:anywhere;font-size:10px; }
.receipt-intent-label { margin-top:6px;font-size:11px;color:var(--wsg-body); }
.receipt-page input:focus-visible,.receipt-page select:focus-visible,.receipt-page textarea:focus-visible,.receipt-body input:focus-visible,.receipt-body textarea:focus-visible { outline:2px solid var(--primary);outline-offset:3px; }
@media(max-width:680px){.receipt-panel{padding:16px}.receipt-fields,.receipt-facts{grid-template-columns:minmax(0,1fr)}.receipt-page .segmented{flex-wrap:wrap}}