body.exchange-dialog-open{overflow:hidden}
body[data-surface=customer] dialog.exchange-order-dialog{padding:0;width:min(610px,calc(100vw - 32px));max-width:610px;max-height:calc(100dvh - 40px);border:0;border-top:4px solid #ff5000;border-radius:21px;background:#ffffff;color:#282828;box-shadow:0 30px 100px #00000040;overflow:hidden}
body[data-surface=customer] dialog.exchange-order-dialog::backdrop{background:#15151588;backdrop-filter:blur(4px)}
body[data-surface=customer] dialog.exchange-order-dialog[open]{display:flex;flex-direction:column}
.exchange-order-dialog .exchange-dialog-header{display:flex;align-items:flex-start;flex-shrink:0;gap:22px;padding:24px 28px 25px;background:#353535;color:#fff}
.exchange-order-dialog .exchange-dialog-kicker{margin:0 0 7px;color:#ffb58f;font-size:10px;font-weight:700;letter-spacing:1.8px}
.exchange-order-dialog .exchange-dialog-header h2{font-size:25px;letter-spacing:-.6px;line-height:1.2;color:#fff;outline:0}
.exchange-order-dialog .exchange-dialog-header #exchange-dialog-subtitle{margin:8px 0 0;color:#dedede;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.exchange-order-dialog .exchange-dialog-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin:-3px -5px 0 auto;border:1px solid #ffffff35;border-radius:50%;background:#ffffff0b;color:#ffffff;font-size:24px;line-height:1;padding:0}
.exchange-order-dialog .exchange-dialog-close:hover{background:#ffffff20}
.exchange-order-dialog .exchange-dialog-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px;background:linear-gradient(145deg,#fff8f3,#fff 74%)}
.exchange-order-dialog .exchange-dialog-pair{position:relative;display:grid;gap:12px;margin:0 0 23px}
.exchange-order-dialog .exchange-dialog-currency{background:#fff;border:1px solid #e7e2de;box-shadow:0 4px 12px #173d6304;border-radius:15px;padding:15px 20px 18px}
.exchange-order-dialog .exchange-dialog-direction{display:block;color:#727272;font-size:10px;font-weight:700;letter-spacing:1.6px;margin-bottom:9px}
.exchange-order-dialog .exchange-dialog-currency-line{display:flex;align-items:center;gap:12px;min-height:38px}
.exchange-order-dialog .exchange-dialog-currency-line .currency-icon{display:inline-grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px #183f6210}
.exchange-order-dialog .exchange-dialog-currency-line .currency-icon img{width:100%;height:100%;object-fit:cover}
.exchange-order-dialog .exchange-dialog-currency-line>strong{font-size:19px;font-weight:600}
.exchange-order-dialog .exchange-dialog-amount{margin-left:auto;font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.8px;overflow-wrap:anywhere;text-align:right;min-width:0}
.exchange-order-dialog .exchange-dialog-amount.is-unprovided{font-size:15px;letter-spacing:0;color:#777777}
.exchange-order-dialog .exchange-dialog-swap{position:absolute;left:calc(50% - 22px);top:calc(50% - 22px);display:grid;place-items:center;width:44px;height:44px;border:5px solid #fff8f3;border-radius:50%;background:#ff5000;color:#fff;box-shadow:0 0 0 1px #ffdccb}
.exchange-order-dialog .exchange-dialog-swap svg{width:24px;height:24px}
.exchange-order-dialog .exchange-dialog-details{border:1px solid #e8e1dc;border-radius:12px;background:#fff;overflow:hidden}
.exchange-order-dialog .exchange-dialog-details summary{display:flex;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;padding:16px 18px;font-size:13px;font-weight:600;color:#454545}
.exchange-order-dialog .exchange-dialog-details summary::-webkit-details-marker{display:none}
.exchange-order-dialog .exchange-dialog-details summary>span{font-size:18px;line-height:1;transition:transform .18s}
.exchange-order-dialog .exchange-dialog-details[open] summary>span{transform:rotate(180deg)}
.exchange-order-dialog .exchange-dialog-details .exchange-dialog-data{padding:0 18px 8px;margin:0}
.exchange-order-dialog .exchange-dialog-data{margin:12px 0 0;padding:0}
.exchange-order-dialog .exchange-dialog-data>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:14px;border-bottom:1px solid #ece8e4;padding:11px 0;font-size:12px;line-height:1.5}
.exchange-order-dialog .exchange-dialog-data>div:last-child{border-bottom:0}
.exchange-order-dialog .exchange-dialog-data dt{color:#727272}
.exchange-order-dialog .exchange-dialog-data dd{margin:0;text-align:right;font-weight:600;color:#303030;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.exchange-order-dialog .exchange-dialog-data .exchange-dialog-reference dd{font-size:11px;font-weight:500}
.exchange-order-dialog .exchange-dialog-data .exchange-dialog-positive dd{color:#07977e}
.exchange-order-dialog .exchange-dialog-data .exchange-dialog-negative dd{color:#b15824}
.exchange-order-dialog .exchange-dialog-note{font-size:12px;line-height:1.6;margin:20px 0;color:#727272;text-align:center}
.exchange-order-dialog .exchange-dialog-primary{display:flex;align-items:center;justify-content:center;gap:16px;min-height:49px;width:100%;padding:13px 24px;border:1px solid #ff5000;border-radius:999px;background:linear-gradient(100deg,#ff651d,#f04b00);color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 18px #ff500018}
.exchange-order-dialog .exchange-dialog-primary:hover:not(:disabled){background:linear-gradient(100deg,#ed4a00,#dc4400)}
.exchange-order-dialog .exchange-dialog-primary svg{width:20px;height:20px}
.exchange-order-dialog .exchange-dialog-primary:disabled{opacity:1;background:#e8e8e8;border-color:#e8e8e8;color:#858585;box-shadow:none;cursor:not-allowed}
.exchange-order-dialog .exchange-dialog-save-note{font-size:10px;line-height:1.65;text-align:center;color:#737373;margin:14px 6px 0}
.exchange-order-dialog .exchange-dialog-lock-note{margin:0 0 17px;padding:13px 15px;border:1px solid #eadbb6;border-radius:10px;background:#fff9e9;font-size:11px;line-height:1.7;color:#937037}
.exchange-order-dialog .exchange-dialog-legacy{margin-top:20px;padding:14px 16px;border:1px solid #efdfd5;border-radius:11px;background:#fff5ef}
.exchange-order-dialog .exchange-dialog-legacy p{margin:0;font-size:11px;line-height:1.7;color:#6f6f6f}
.exchange-order-dialog .exchange-dialog-legacy button{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin-top:10px;padding:0;background:none;border:0;color:#bc3b00;font-size:12px;font-weight:600;text-align:left}
.exchange-order-dialog .exchange-dialog-legacy svg{width:18px;height:18px;flex-shrink:0}
.exchange-order-dialog .exchange-dialog-readiness{display:flex;gap:13px;align-items:center;padding:15px;border-radius:12px;border:1px solid #c8e8e1;background:#effaf6}
.exchange-order-dialog .exchange-dialog-status-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#daf2e9;color:#08866d;font-weight:700;font-size:19px}
.exchange-order-dialog .exchange-dialog-status-icon svg{width:20px;height:20px}
.exchange-order-dialog .exchange-dialog-readiness strong{font-size:13px;color:#196b59}
.exchange-order-dialog .exchange-dialog-readiness p{font-size:11px;line-height:1.6;color:#587f73;margin:3px 0 0}
.exchange-order-dialog .exchange-dialog-readiness.is-pending{background:#fffbf0;border-color:#eeddb8}
.exchange-order-dialog .exchange-dialog-readiness.is-pending strong{color:#93671c}
.exchange-order-dialog .exchange-dialog-readiness.is-pending p{color:#8e794f}
.exchange-order-dialog .exchange-dialog-readiness.is-pending .exchange-dialog-status-icon{background:#fff0c9;color:#9f761f}
.exchange-order-dialog .exchange-dialog-earnings{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff5ef;border:1px solid #f2dfd3;border-radius:12px;padding:16px 18px;margin:18px 0 8px}
.exchange-order-dialog .exchange-dialog-earnings>span{font-size:12px;color:#676767}
.exchange-order-dialog .exchange-dialog-earnings>strong{font-size:22px;color:#c64000;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:right}
.exchange-order-dialog .exchange-dialog-check{display:flex;align-items:flex-start;gap:10px;background:#f5f5f5;border-radius:10px;padding:13px;margin:18px 0;font-size:11px;font-weight:400;line-height:1.65;color:#646464}
.exchange-order-dialog .exchange-dialog-check input{width:16px;height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:#ff5000}
.exchange-order-dialog .exchange-dialog-actions{display:grid;grid-template-columns:1fr 1.6fr;gap:12px}
.exchange-order-dialog .exchange-dialog-secondary{background:#fff;color:#555555;border:1px solid #dddddd;border-radius:999px;min-height:49px;padding:12px 20px;font-size:13px;font-weight:600}
.exchange-order-dialog .exchange-dialog-secondary:hover{background:#f7f7f7}
.exchange-order-dialog .exchange-dialog-support-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:18px}
.exchange-order-dialog .exchange-dialog-support-actions button{padding:3px;background:none;border:0;color:#6c8493;font-size:11px;text-decoration:underline;text-underline-offset:4px}
.exchange-order-dialog .exchange-dialog-support-actions button:first-child{color:#9c6362}
.exchange-order-dialog .exchange-dialog-error{background:#fff1ed;border:1px solid #f1cebf;border-radius:10px;padding:13px 15px;margin-bottom:18px;font-size:12px;line-height:1.6;color:#9d4732;overflow-wrap:anywhere}
.exchange-order-dialog .exchange-dialog-progress{padding:38px 15px 50px;text-align:center;outline:0}
.exchange-order-dialog .exchange-dialog-progress strong{display:block;font-size:20px;font-weight:600;color:#333333}
.exchange-order-dialog .exchange-dialog-progress p{margin:10px 0 0;font-size:12px;color:#747474}
.exchange-order-dialog .exchange-dialog-spinner{display:block;width:56px;height:56px;border:4px solid #ffe5d8;border-top-color:#ff5000;border-radius:50%;margin:0 auto 26px;animation:exchange-request-spin .9s linear infinite}
.exchange-order-dialog .exchange-dialog-receipt{text-align:center}
.exchange-order-dialog .exchange-dialog-complete-mark{display:grid;place-items:center;width:61px;height:61px;margin:0 auto 13px;border:1px solid #ade8d7;border-radius:50%;background:#e7f9f2;color:#19a582}
.exchange-order-dialog .exchange-dialog-complete-mark svg{width:31px;height:31px}
.exchange-order-dialog .exchange-dialog-complete-label{display:inline-block;margin:0 0 10px;border-radius:999px;padding:4px 13px;background:#e4f7ef;color:#188265;font-size:11px;font-weight:600}
.exchange-order-dialog .exchange-dialog-receipt h3{font-size:23px;letter-spacing:-.5px;color:#333333}
.exchange-order-dialog .exchange-dialog-complete-copy{margin:7px 0 23px;color:#747474;font-size:12px}
.exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-pair,.exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-data{text-align:left}
.exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-earnings{margin-top:0}
.exchange-order-dialog .exchange-dialog-disclosure{margin:16px 0 20px;font-size:11px;line-height:1.7;color:#747474}
.exchange-order-dialog .exchange-dialog-receipt-actions{display:grid;gap:12px}
.exchange-order-dialog .exchange-dialog-export{display:flex;justify-content:center;align-items:center;gap:12px;color:#bc3b00;font-size:13px;font-weight:600;padding:11px 18px;border:1px solid #e7d7cc;border-radius:999px;background:#fff}
.exchange-order-dialog .exchange-dialog-export:hover{background:#fff6f0}
.exchange-order-dialog .exchange-dialog-home{padding:3px 0;color:#747474;font-size:12px}
body[data-surface=customer] .exchange-order-dialog :is(button,a,input,summary):focus-visible{outline:3px solid #ff5000;outline-offset:3px}
.batch-pending-summary .batch-pending-copy{color:#73828d;font-size:13px;line-height:1.7;margin:16px 0}
.batch-pending-summary .batch-pending-values{display:flex;gap:32px;flex-wrap:wrap;margin:18px 0}
.batch-pending-summary .batch-pending-values div{display:grid;gap:5px;font-size:12px;color:#7c8791}
.batch-pending-summary .batch-pending-values strong{color:#173d52;font-size:20px;font-weight:600}
.batch-history-export{display:inline-flex;gap:8px;align-items:center;margin:16px 0 4px;font-size:12px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
@keyframes exchange-request-spin{to{transform:rotate(360deg)}}
@media(max-width:580px){body[data-surface=customer] dialog.exchange-order-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:17px}.exchange-order-dialog .exchange-dialog-header{padding:21px 20px}.exchange-order-dialog .exchange-dialog-header h2{font-size:22px}.exchange-order-dialog .exchange-dialog-scroll{padding:20px;max-height:calc(100dvh - 157px)}.exchange-order-dialog .exchange-dialog-currency{padding:14px 15px 17px}.exchange-order-dialog .exchange-dialog-currency-line{gap:9px}.exchange-order-dialog .exchange-dialog-currency-line>strong{font-size:16px}.exchange-order-dialog .exchange-dialog-amount{font-size:24px}.exchange-order-dialog .exchange-dialog-currency-line .currency-icon{width:31px;height:31px;flex-basis:31px}.exchange-order-dialog .exchange-dialog-data>div{gap:10px;font-size:11px}.exchange-order-dialog .exchange-dialog-earnings>strong{font-size:20px}}
@media(max-width:360px){.exchange-order-dialog .exchange-dialog-scroll{padding:16px}.exchange-order-dialog .exchange-dialog-amount{font-size:20px}.exchange-order-dialog .exchange-dialog-currency-line>strong{font-size:14px}.exchange-order-dialog .exchange-dialog-currency-line .currency-icon{width:27px;height:27px;flex-basis:27px}}
@media(prefers-reduced-motion:reduce){.exchange-order-dialog .exchange-dialog-spinner{animation:none}.exchange-order-dialog .exchange-dialog-details summary>span{transition:none}}