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}}

/* Separate funding documents from the currency boxes at every viewport width. */
.exchange-order-dialog .exchange-dialog-receipt-actions + .exchange-dialog-pair{margin-top:20px}

/* Sculpted orange header shared by every order-dialog step. */
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header{
 position:relative;isolation:isolate;overflow:hidden;min-height:126px;padding:25px 26px;gap:20px;
 background:radial-gradient(ellipse at 91% -35%,#ffd49a90,transparent 56%),linear-gradient(115deg,#8f2906 0%,#bf3b07 45%,#e75908 78%,#ff8b25 100%) !important;
 border-bottom:1px solid #ffb16a80;box-shadow:inset 0 1px 0 #ffe4c5aa,inset 0 -3px 6px #5b190940,0 7px 20px #00000020;color:#fff;
}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{
 content:"";position:absolute;z-index:0;pointer-events:none;width:210px;height:210px;right:25px;top:-86px;border-radius:50%;
 border:18px solid #ffbd7138;background:radial-gradient(circle at 32% 24%,#ffd79a66,transparent 62%);
 box-shadow:inset 2px 3px 3px #fff1ce80,inset -7px -9px 14px #70230166,3px 5px 0 #a1381055,12px 18px 25px #68230040,0 0 0 1px #ffd39570;
 transform:rotate(-28deg) scaleY(.68);
}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::after{
 content:"";position:absolute;z-index:0;pointer-events:none;width:155px;height:155px;right:-43px;bottom:-115px;border-radius:35px;
 border:1px solid #ffd1a788;background:linear-gradient(135deg,#ffcf8d70,#ed661333 48%,#8b290a50);
 box-shadow:inset 2px 2px 0 #ffe2b780,inset -4px -5px 8px #8d280966,9px 10px 0 #91300c55,15px 18px 20px #70210144;transform:rotate(33deg);
}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header>div{position:relative;z-index:1;min-width:0;flex:1}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-kicker{color:#fff0df;letter-spacing:1.9px;text-shadow:0 1px 2px #58200880}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header h2{color:#fff;font-size:clamp(21px,3.5vw,26px);font-weight:650;line-height:1.25;letter-spacing:-.5px;text-shadow:0 2px 3px #72200666;overflow-wrap:anywhere}
body[data-surface=customer] #exchange-order-dialog #exchange-dialog-subtitle{color:#fff1e5;text-shadow:0 1px 2px #63200580}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-close{position:relative;z-index:2;flex:0 0 36px;width:36px;height:36px;margin:0 0 0 auto;border:1px solid #ffc69780;background:linear-gradient(145deg,#49382c,#241c18);color:#fff;box-shadow:inset 0 1px 1px #fff5e64d,0 3px 0 #70240780,0 6px 12px #68230040;cursor:pointer}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-close:hover{background:linear-gradient(145deg,#604736,#34251c)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:580px){body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header{padding:21px 20px;min-height:116px;gap:12px}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{right:-35px;opacity:.55}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::after{opacity:.5}}

/* Short introductory motion; remains still afterward and respects reduced motion. */
body[data-surface=customer] #exchange-order-dialog .exchange-automation-label{position:relative;display:inline-flex;align-items:center;gap:8px;overflow:hidden;max-width:100%;margin:13px 0 0;padding:6px 11px;border:1px solid #ffe0b970;border-radius:999px;background:linear-gradient(135deg,#42220cc9,#71300bc9);color:#fff6e9;font-size:10px;font-weight:650;letter-spacing:.55px;line-height:1.4;box-shadow:inset 0 1px 0 #ffdbb650,0 3px 0 #6c220859,0 5px 12px #57200833;animation:exchange-automation-arrive 1s ease-out both}
body[data-surface=customer] #exchange-order-dialog .exchange-automation-label svg{width:14px;height:14px;flex:0 0 14px;color:#ffca87;filter:drop-shadow(0 1px 2px #35170780)}
body[data-surface=customer] #exchange-order-dialog .exchange-automation-label::after{content:"";position:absolute;pointer-events:none;inset:-60% auto -60% -60%;width:30%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#ffe8bc55,transparent);animation:exchange-automation-light 4.8s ease-in-out 1 both}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{animation:exchange-header-orbit 4.8s ease-in-out 1}
@keyframes exchange-automation-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@keyframes exchange-automation-light{0%,12%{left:-60%}65%,100%{left:140%}}
@keyframes exchange-header-orbit{0%,100%{transform:rotate(-28deg) scaleY(.68)}50%{transform:translateY(5px) rotate(-20deg) scaleY(.72)}}
@media(prefers-reduced-motion:reduce){body[data-surface=customer] #exchange-order-dialog .exchange-automation-label,body[data-surface=customer] #exchange-order-dialog .exchange-automation-label::after,body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{animation:none}}

/* Deeper dimensional header: shaded sphere, orbit and metallic bevel. */
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header{
 min-height:142px;padding:28px 29px 27px;
 background:radial-gradient(circle at 63% 22%,#fff6dd 0 1px,transparent 2px),radial-gradient(circle at 57% 68%,#ffd29c99 0 1px,transparent 2px),linear-gradient(132deg,rgba(255,255,255,.13),transparent 28%),linear-gradient(112deg,#7c2104 0%,#aa3005 28%,#d74606 61%,#ff7a1b 84%,#ffac51 100%)!important;
 border-bottom:2px solid #ffbe7c;box-shadow:inset 0 2px 0 rgba(255,242,219,.75),inset 0 -9px 16px rgba(88,20,2,.42),inset 12px 0 22px rgba(81,18,2,.18),0 10px 24px rgba(0,0,0,.28);
}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{
 width:238px;height:238px;right:19px;top:-103px;border:13px solid rgba(255,184,103,.3);
 background:radial-gradient(circle at 27% 20%,rgba(255,244,204,.95) 0 3%,rgba(255,185,91,.92) 15%,rgba(237,92,16,.96) 43%,rgba(164,43,4,.98) 68%,#671701 100%);
 box-shadow:inset 16px 14px 20px rgba(255,236,187,.52),inset -24px -30px 34px rgba(74,13,0,.62),inset 0 -5px 8px rgba(89,17,0,.38),0 0 0 2px rgba(255,218,163,.38),8px 12px 0 rgba(125,35,4,.42),18px 24px 32px rgba(74,16,0,.45);
 transform:rotate(-18deg) scaleY(.72);animation:exchange-header-depth 1.1s cubic-bezier(.2,.75,.25,1) both;
}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::after{
 width:312px;height:148px;right:-42px;bottom:-63px;border-radius:50%;border:2px solid rgba(255,218,172,.75);border-left-color:rgba(255,147,62,.42);border-right-color:rgba(255,244,215,.88);background:transparent;
 box-shadow:inset 0 2px 0 rgba(255,244,218,.28),0 -2px 0 rgba(130,35,4,.28),0 9px 18px rgba(81,18,1,.26);transform:rotate(-14deg);
}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header>div{max-width:70%}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-kicker{text-shadow:0 2px 3px rgba(72,14,0,.72)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header h2{text-shadow:0 2px 0 rgba(101,25,2,.75),0 5px 11px rgba(70,14,0,.38)}
body[data-surface=customer] #exchange-order-dialog #exchange-dialog-subtitle{text-shadow:0 2px 4px rgba(76,15,0,.62)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-close{border-color:rgba(255,205,158,.72);background:linear-gradient(145deg,#5e4536,#241812 70%);box-shadow:inset 1px 1px 1px rgba(255,248,231,.34),inset -2px -3px 5px rgba(0,0,0,.34),0 4px 0 rgba(102,25,3,.76),0 9px 15px rgba(71,15,0,.42);text-shadow:0 2px 2px rgba(0,0,0,.5)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-close:hover{background:linear-gradient(145deg,#75513e,#332019 70%);transform:translateY(-1px)}
@keyframes exchange-header-depth{from{opacity:.72;transform:translateY(-8px) rotate(-23deg) scaleY(.69) scale(.96)}to{opacity:1;transform:rotate(-18deg) scaleY(.72)}}
@media(max-width:580px){body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header{min-height:126px;padding:23px 21px}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header>div{max-width:76%}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{width:205px;height:205px;right:-21px;top:-82px}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::after{width:250px;height:120px;right:-64px;bottom:-58px}}
@media(prefers-reduced-motion:reduce){body[data-surface=customer] #exchange-order-dialog .exchange-dialog-header::before{animation:none}}


/* Professional 3D treatment for the completed conversion receipt. */
body[data-surface=customer] #exchange-order-dialog.is-completed .exchange-dialog-header.is-receipt{
 background:radial-gradient(circle at 58% 23%,#fff2c2 0 1px,transparent 2px),linear-gradient(132deg,rgba(255,255,255,.15),transparent 32%),linear-gradient(112deg,#6d1c03 0%,#9f2d03 30%,#ce4509 61%,#f47b1a 82%,#ffc066 100%)!important;
 border-bottom-color:#ffd08b;box-shadow:inset 0 2px 0 rgba(255,248,220,.86),inset 0 -10px 18px rgba(81,17,1,.46),0 11px 28px rgba(0,0,0,.32);
}
body[data-surface=customer] #exchange-order-dialog.is-completed .exchange-dialog-header.is-receipt::before{
 background:radial-gradient(circle at 28% 20%,#fffbe5 0 4%,#ffd783 16%,#f19a2f 39%,#b74b0c 67%,#591400 100%);
 border-color:rgba(255,219,145,.44);box-shadow:inset 18px 15px 22px rgba(255,249,215,.6),inset -27px -32px 38px rgba(75,13,0,.66),0 0 0 2px rgba(255,231,179,.48),9px 13px 0 rgba(105,27,3,.48),20px 27px 36px rgba(63,12,0,.5);
}
body[data-surface=customer] #exchange-order-dialog .exchange-receipt-header-seal{position:absolute;z-index:3;right:77px;top:51px;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,245,209,.88);border-radius:50%;background:radial-gradient(circle at 32% 26%,#f4fff8 0 8%,#7ee1b0 34%,#159d68 72%,#086040 100%);color:#fff;box-shadow:inset 3px 3px 6px rgba(255,255,255,.62),inset -5px -7px 10px rgba(4,75,47,.55),0 4px 0 #71300d,0 10px 18px rgba(66,15,0,.44);transform:rotate(-7deg)}
body[data-surface=customer] #exchange-order-dialog .exchange-receipt-header-seal svg{width:25px;height:25px;filter:drop-shadow(0 2px 2px rgba(0,51,29,.55))}
body[data-surface=customer] #exchange-order-dialog.is-completed .exchange-dialog-scroll{background:linear-gradient(145deg,#fffdf8 0%,#f7efe3 50%,#efe2d1 100%)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt{position:relative;padding:8px 2px 4px}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-complete-mark{width:76px;height:76px;border:1px solid #d4f6e5;background:radial-gradient(circle at 31% 25%,#f6fffa 0 7%,#9ce8c2 34%,#32b77e 67%,#0d7450 100%);color:#fff;box-shadow:inset 4px 4px 8px rgba(255,255,255,.8),inset -7px -9px 14px rgba(7,95,61,.4),0 5px 0 #08724d,0 13px 24px rgba(13,96,66,.28);transform:rotate(-4deg)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-complete-mark svg{width:37px;height:37px;filter:drop-shadow(0 2px 2px rgba(0,77,46,.45))}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-complete-label{margin-top:4px;border:1px solid #b9e9d2;background:linear-gradient(#effcf5,#ccefdc);color:#116b4d;box-shadow:inset 0 1px 0 #fff,0 3px 7px rgba(21,112,78,.14);letter-spacing:.5px}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt h3{margin-top:2px;font-size:25px;font-weight:700;text-shadow:0 1px 0 #fff}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-complete-copy{margin-bottom:16px}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation{position:relative;isolation:isolate;overflow:hidden;margin:0 0 22px;padding:18px 20px 17px;border:1px solid #edb76e;border-radius:17px;text-align:left;background:linear-gradient(135deg,#fff7e6 0%,#ffe2af 53%,#f5b45b 100%);color:#5b2808;box-shadow:inset 0 2px 0 rgba(255,255,255,.85),inset 0 -5px 9px rgba(148,68,9,.14),0 5px 0 #ca792d,0 13px 22px rgba(128,63,12,.18)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation::after{content:"";position:absolute;z-index:-1;right:-45px;top:-54px;width:150px;height:150px;border-radius:50%;border:16px solid rgba(255,255,255,.26);box-shadow:inset 0 0 0 1px rgba(140,62,6,.12);transform:rotate(-18deg) scaleY(.65)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation-kicker{display:block;margin-bottom:5px;color:#a44a0a;font-size:9px;font-weight:800;letter-spacing:1.7px}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation strong{display:block;margin-bottom:5px;font-size:18px;color:#5a2605;text-shadow:0 1px 0 #fff2cf}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation p{max-width:78%;margin:0;font-size:12px;line-height:1.55;color:#72421c}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-currency{border-color:#d8c7af;background:linear-gradient(145deg,#fff,#f1e9dd);box-shadow:inset 0 1px 0 #fff,0 4px 0 #cbb9a3,0 9px 16px rgba(75,54,35,.12)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-earnings{margin:20px 0 14px;border-color:#e4b96e;background:linear-gradient(135deg,#fff8e7,#ffdfa3);box-shadow:inset 0 2px 0 rgba(255,255,255,.85),0 4px 0 #c9822d,0 10px 18px rgba(124,70,15,.15)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-earnings>strong{color:#8a3d06;text-shadow:0 1px 0 #fff4cf}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-data{overflow:hidden;margin:18px 0 0;padding:7px 15px;border:1px solid #d8c8b3;border-radius:16px;background:linear-gradient(145deg,#fff,#f3ede4);box-shadow:inset 0 1px 0 #fff,0 4px 0 #c7b49d,0 11px 20px rgba(73,51,30,.12)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-data>div:last-child{border-bottom:0}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-disclosure{margin:24px 8px 20px;padding:12px 14px;border:1px solid #dfd4c6;border-radius:12px;background:rgba(255,255,255,.55)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-export{border-color:#cdbb9f;background:linear-gradient(#fff,#eee5d8);box-shadow:inset 0 1px 0 #fff,0 3px 0 #b8a184,0 7px 12px rgba(64,45,28,.12)}
body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-primary{box-shadow:inset 0 2px 0 rgba(255,255,255,.42),0 4px 0 #a83b08,0 10px 17px rgba(119,42,6,.24)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog.is-completed .exchange-dialog-scroll{background:linear-gradient(145deg,#171b18 0%,#20251f 52%,#28271f 100%)!important}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog.is-completed .exchange-dialog-body{background:transparent!important}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt h3{color:#fff7e9!important;text-shadow:0 2px 3px rgba(0,0,0,.55)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-complete-copy{color:#c7c7bd!important}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation{border-color:#b66b25;background:linear-gradient(135deg,#3a281b 0%,#51311b 54%,#70401d 100%);color:#fff2d6;box-shadow:inset 0 2px 0 rgba(255,222,166,.17),inset 0 -6px 10px rgba(12,7,3,.3),0 5px 0 #6f3513,0 14px 24px rgba(0,0,0,.34)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation-kicker{color:#ffc174}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation strong{color:#fff4df;text-shadow:0 2px 3px rgba(0,0,0,.55)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation p{color:#efd1ac}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-currency{border-color:#49534c!important;background:linear-gradient(145deg,#303832,#222824)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 0 #131713,0 10px 18px rgba(0,0,0,.3)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-earnings{border-color:#8d5b24!important;background:linear-gradient(135deg,#35281b,#543417)!important;box-shadow:inset 0 1px 0 rgba(255,220,160,.16),0 4px 0 #24140a,0 11px 18px rgba(0,0,0,.3)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-earnings>strong{color:#ffd08a!important;text-shadow:0 2px 3px rgba(0,0,0,.55)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-data{border-color:#465047!important;background:linear-gradient(145deg,#2d342f,#222824)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 4px 0 #131713,0 12px 20px rgba(0,0,0,.28)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-disclosure{border-color:#414942;background:rgba(9,12,10,.26)}
html[data-theme=dark] body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-export{border-color:#566058!important;background:linear-gradient(#333b35,#242a26)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 3px 0 #141814,0 8px 14px rgba(0,0,0,.25)}
@media(max-width:580px){body[data-surface=customer] #exchange-order-dialog .exchange-receipt-header-seal{right:58px;top:42px;width:42px;height:42px}body[data-surface=customer] #exchange-order-dialog .exchange-receipt-header-seal svg{width:22px;height:22px}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation{padding:16px 17px}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-motivation p{max-width:82%}body[data-surface=customer] #exchange-order-dialog .exchange-dialog-receipt .exchange-dialog-data{padding:6px 12px}}
@media(prefers-reduced-motion:reduce){body[data-surface=customer] #exchange-order-dialog .exchange-receipt-header-seal,body[data-surface=customer] #exchange-order-dialog .exchange-dialog-complete-mark{transform:none}}