.payment-mode{display:inline-block;font-size:12px;padding:4px 9px;border:1px solid #ddd;background:#f5f5f5;border-radius:6px;color:#555;margin:10px 0}.checkout-field{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:18px 0;font-size:14px}.checkout-field input{width:85px;padding:8px;border:1px solid #ccc;border-radius:7px}.checkout-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding-top:17px;margin-top:20px}.checkout-total strong{font-size:29px;letter-spacing:-1px}.payment-channel{border:1px solid #bbb;border-radius:10px;padding:15px;margin:18px 0;display:flex;align-items:center;gap:12px}.alipay-mark{display:grid;place-items:center;width:32px;height:32px;background:#222;color:white;border-radius:7px}.payment-channel small{display:block;color:#777;font-size:12px}.payment-error{font-size:14px;color:#444;line-height:1.8;margin:12px 0}.payment-error:empty{display:none}button:disabled{opacity:.5;cursor:not-allowed}.payment-actions{display:flex;gap:10px;margin-top:20px}.payment-actions button{flex:1}.secondary{border:1px solid #ccc;border-radius:9px;padding:11px;background:white;font-size:14px}.order-token{display:block;overflow-wrap:anywhere;font:13px/1.8 monospace;padding:10px;background:#f4f4f4;border-radius:7px;user-select:all}.order-credentials{margin:18px 0}.order-credentials p{font-size:13px;margin:8px 0}.order-number{overflow-wrap:anywhere}.lookup-label{margin-top:14px}.lookup-token-input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;margin-bottom:12px;font-size:14px}.payment-status{padding:20px;border-radius:10px;background:#f4f4f4;margin-top:15px;font-size:15px;line-height:1.9}.payment-status strong{display:block;font-size:18px}.checkout-description{font-size:14px;color:#666}.receipt-line{display:flex;justify-content:space-between;gap:10px;margin:8px 0}.receipt-line span:last-child{text-align:right}.payment-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.8;margin:16px 0}.payment-check input{margin-top:6px}.query-row{flex-wrap:wrap}.checkout-heading{font-size:14px;color:#777}.payment-locked{font-size:14px;color:#777;margin:14px 0}@media(max-width:500px){.payment-actions{flex-direction:column}.checkout-total strong{font-size:26px}}

/* Paid receipt: shared monochrome surfaces and readable order credentials. */
.receipt-success-layout.checkout-layout { display:block; width:min(100%,900px); margin-inline:auto; }
.receipt-success-layout .paid-success-panel { --receipt-bg:#111113; --receipt-field:#171719; --receipt-text:#f4f4f5; --receipt-muted:#97979f; --receipt-line:#2b2b30; padding:clamp(22px,4vw,44px); color:var(--receipt-text); background:var(--receipt-bg); }
.receipt-success-layout .paid-success-icon { display:grid; place-items:center; width:48px; height:48px; margin-bottom:20px; border:1px solid var(--receipt-line); border-radius:50%; background:var(--receipt-field); color:var(--receipt-text); filter:none; }
.receipt-success-layout .paid-success-icon svg { width:28px; height:28px; }
.receipt-success-layout .paid-success-panel > h2 { font-size:clamp(23px,3vw,32px); line-height:1.35; letter-spacing:-.04em; color:var(--receipt-text); }
.receipt-success-layout .paid-success-tip { margin-bottom:28px; color:var(--receipt-muted); line-height:1.8; }
.order-credentials { --receipt-bg:#111113; --receipt-field:#171719; --receipt-text:#f4f4f5; --receipt-muted:#97979f; --receipt-line:#2b2b30; margin:28px 0 0; padding:24px; border:1px solid var(--receipt-line); border-radius:16px; background:var(--receipt-bg); color:var(--receipt-text); text-align:left; }
.order-credentials .receipt-access-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:24px; }
.order-credentials .receipt-eyebrow { display:block; margin-bottom:8px; font:500 10px/1.4 Inter,sans-serif; letter-spacing:.16em; color:var(--receipt-muted); }
.order-credentials .receipt-access-heading h3 { margin:0; font-size:18px; font-weight:600; color:var(--receipt-text); letter-spacing:-.02em; }
.order-credentials .receipt-access-tag { flex-shrink:0; padding:5px 10px; border:1px solid var(--receipt-line); border-radius:20px; color:var(--receipt-muted); font-size:11px; }
.order-credentials .receipt-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; margin:0; }
.order-credentials .receipt-field { min-width:0; }
.order-credentials .receipt-field dt { margin-bottom:8px; color:var(--receipt-muted); font-size:12px; line-height:1.5; }
.order-credentials .receipt-field dd { margin:0; padding:13px 14px; min-height:48px; border:1px solid var(--receipt-line); border-radius:10px; background:var(--receipt-field); color:var(--receipt-text); font:400 14px/1.6 Inter,system-ui,sans-serif; overflow-wrap:anywhere; user-select:text; }
.order-credentials .receipt-order-number { font-variant-numeric:tabular-nums; }
.order-credentials .receipt-password { grid-column:1/-1; }
.order-credentials .receipt-password dd { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.order-credentials .receipt-password code { min-width:0; padding:0; background:transparent; color:var(--receipt-text); font:14px/1.7 ui-monospace,monospace; overflow-wrap:anywhere; }
.order-credentials button { min-height:36px; padding:7px 12px; border:1px solid var(--receipt-line); border-radius:8px; background:var(--receipt-field); color:var(--receipt-text); font:500 12px/1.6 inherit; cursor:pointer; transition:background .18s,border-color .18s; }
.order-credentials #toggle-receipt-password { flex-shrink:0; min-width:80px; border-color:transparent; color:var(--receipt-muted); }
.order-credentials button:hover { background:var(--receipt-line); color:var(--receipt-text); }
.order-credentials button:focus-visible,.receipt-success-layout .paid-success-actions :focus-visible { outline:2px solid var(--receipt-text); outline-offset:4px; }
.order-credentials .receipt-access-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:20px; padding-top:18px; border-top:1px solid var(--receipt-line); }
.order-credentials .receipt-access-footer p { margin:0; max-width:340px; color:var(--receipt-muted); font-size:12px; line-height:1.8; }
.order-credentials #copy-order { flex-shrink:0; display:flex; align-items:center; justify-content:center; gap:18px; }
.order-credentials .receipt-copy-feedback { color:var(--receipt-muted); font-size:12px; line-height:1.8; margin:10px 0 0; }
.order-credentials .receipt-copy-feedback:empty { display:none; }
.receipt-success-layout .paid-success-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:24px; }
.receipt-success-layout .paid-success-actions :is(button,a) { min-width:0; min-height:48px; padding:13px 18px; border-radius:10px; font-size:14px; font-weight:600; line-height:1.5; }
.receipt-success-layout .paid-success-actions .primary { background:var(--receipt-text); color:var(--receipt-bg); border:1px solid var(--receipt-text); }
.receipt-success-layout .paid-success-actions .secondary { background:var(--receipt-field); color:var(--receipt-text); border:1px solid var(--receipt-line); }
html[data-theme="light"] .order-credentials,html[data-theme="light"] .receipt-success-layout .paid-success-panel { --receipt-bg:#fff; --receipt-field:#f6f6f8; --receipt-text:#202126; --receipt-muted:#686a73; --receipt-line:#dedee4; }
@media(max-width:600px) {
 .order-credentials { padding:20px 16px; }
 .order-credentials .receipt-fields { grid-template-columns:minmax(0,1fr); gap:16px; }
 .order-credentials .receipt-access-footer { flex-direction:column; align-items:stretch; gap:14px; }
 .receipt-success-layout .paid-success-actions { grid-template-columns:minmax(0,1fr); }
 .order-credentials .receipt-access-heading { gap:10px; }
 .order-credentials .receipt-access-heading h3 { font-size:17px; }
 .receipt-success-layout .fulfillment-redeem-container { padding:20px 16px; }
}
@media(prefers-reduced-motion:reduce) { .order-credentials button { transition:none; } }
/* Keep the entire redemption card in the receipt palette, in both themes. */
.receipt-success-layout .paid-success-panel :is(.fulfillment-redeem-container,.card-secret-box,.redeem-portal-slot,.redeem-guide-box) { background:var(--receipt-bg); border:1px solid var(--receipt-line); box-shadow:none; color:var(--receipt-text); }
.receipt-success-layout .paid-success-panel :is(.fulfillment-order-bar,.portal-link,.badge-item) { background:var(--receipt-field); border-color:var(--receipt-line); box-shadow:none; color:var(--receipt-text); }
.receipt-success-layout .paid-success-panel :is(.redeem-header h3,.secret-code,.step-content strong,.guide-title,.order-bar-id b,.order-bar-price b,.portal-url-text) { color:var(--receipt-text); text-shadow:none; }
.receipt-success-layout .paid-success-panel :is(.redeem-header p,.secret-label,.slot-label,.slot-tip,.step-content p,.redeem-warranty-footer p,.order-bar-id,.order-bar-price,.portal-go-tag) { color:var(--receipt-muted); }
.receipt-success-layout .paid-success-panel :is(.btn-copy-secret,.btn-copy-secret:hover) { background:var(--receipt-text); color:var(--receipt-bg); border:1px solid var(--receipt-text); border-radius:9px; box-shadow:none; }
.receipt-success-layout .paid-success-panel :is(.btn-copy-portal,.btn-refresh-pill,.step-badge) { background:var(--receipt-field); color:var(--receipt-text); border:1px solid var(--receipt-line); border-radius:8px; box-shadow:none; }
.receipt-success-layout .paid-success-panel .card-secret-box::before { display:none; }
.receipt-success-layout .paid-success-panel .redeem-warranty-footer { border-color:var(--receipt-line); }
.receipt-success-layout .paid-success-panel .paid-success-actions .secondary.wide { background:var(--receipt-field); color:var(--receipt-text); border:1px solid var(--receipt-line); }
.order-credentials button { font-family:inherit; font-size:12px; font-weight:500; line-height:1.6; }
@media(max-width:600px) {
 .receipt-success-layout .paid-success-panel :is(.card-secret-box,.redeem-portal-slot,.redeem-guide-box) { padding:18px 14px; }
 .receipt-success-layout .paid-success-panel :is(.secret-label,.slot-label) { flex-wrap:wrap; gap:8px; }
 .receipt-success-layout .paid-success-panel .portal-link { min-width:0; flex-basis:100%; flex-wrap:wrap; }
}