/* Compact conversion catalogue, matching the pale-blue reference. */
body[data-surface=customer] .exchange-conversion-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
body[data-surface=customer] .exchange-conversion-card{background:linear-gradient(160deg,#fffaf6,#fff1e7);border:1px solid #f0dace;border-radius:15px;color:#333333;box-shadow:none}
body[data-surface=customer] .exchange-conversion-card .exchange-card-head{padding:13px 11px 0;background:transparent;border:0}
body[data-surface=customer] .exchange-conversion-card .exchange-card-pair{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:0 0 4px}
body[data-surface=customer] .exchange-currency-side{display:inline-flex;align-items:center;gap:5px;min-width:0}
body[data-surface=customer] .exchange-conversion-card .exchange-card-pair strong{font-size:13px;color:#292929}
body[data-surface=customer] .exchange-conversion-card .currency-icon{width:28px;height:28px;flex:0 0 28px}
body[data-surface=customer] .exchange-conversion-card .exchange-destination .currency-icon{width:20px;height:20px;flex-basis:20px}
body[data-surface=customer] .exchange-conversion-card .exchange-destination strong{font-size:10px}
body[data-surface=customer] .exchange-conversion-card .exchange-pair-arrow{background:transparent;border:0;width:auto;height:auto;color:#d74400}
body[data-surface=customer] .exchange-conversion-card h3{font-size:10px;line-height:1.5;margin:0 0 7px;font-weight:500}
body[data-surface=customer] .exchange-conversion-card .exchange-card-send{font-size:10px;line-height:1.6;margin:0 0 3px;font-weight:500;color:#333333}
body[data-surface=customer] .exchange-card-rate{font-size:10px;color:#737373;margin:0 0 8px;line-height:1.5}
body[data-surface=customer] .exchange-conversion-card .exchange-card-body{padding:0 11px 12px;display:flex;flex-direction:column;flex:1}
body[data-surface=customer] .exchange-conversion-card .exchange-order-meta{background:#ffffffdf;border:0;border-radius:12px;padding:12px 9px;margin:4px 0 10px}
body[data-surface=customer] .exchange-conversion-card .exchange-order-meta>div{display:flex;justify-content:flex-start;gap:7px;margin:0 0 10px}
body[data-surface=customer] .exchange-conversion-card .exchange-order-meta>div:last-child{margin:0}
body[data-surface=customer] .exchange-detail-icon{color:#e84a00;font-size:16px;line-height:1.2;flex:0 0 15px;text-align:center}
body[data-surface=customer] .exchange-conversion-card dt{color:#737373;font-size:10px;line-height:1.4}
body[data-surface=customer] .exchange-conversion-card dd{color:#333333;font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;margin:2px 0 0}
body[data-surface=customer] .exchange-fee-note{color:#686868;font-size:10px;line-height:1.5;margin:0 0 9px}
body[data-surface=customer] .exchange-net-earnings{display:flex;flex-direction:column;gap:2px;margin:auto 0 10px;padding:0;border:0}
body[data-surface=customer] .exchange-net-earnings span{font-size:10px;color:#737373}
body[data-surface=customer] .exchange-net-earnings strong{font-size:16px;color:#c53e00;font-weight:600}
body[data-surface=customer] .exchange-conversion-card :is(button.primary,a.primary){background:linear-gradient(#ff641c,#ff5000);border:0;border-radius:999px;color:#fff;font-size:11px;min-height:34px;padding:8px 5px;line-height:1.5;box-shadow:none;text-decoration:none}
body[data-surface=customer] .exchange-conversion-card :is(button.primary,a.primary):hover{background:linear-gradient(#ed4a00,#dc4400)}
body[data-surface=customer] .exchange-conversion-card :is(button,a):focus-visible{outline:3px solid #983000;outline-offset:3px}
body[data-surface=customer] .exchange-conversion-card.is-locked{background:#fff3f3;border-color:#f6a9ae;color:#333333}
body[data-surface=customer] .exchange-conversion-card.is-locked :is(.exchange-card-head,.exchange-card-body){opacity:1}
body[data-surface=customer] .exchange-conversion-card button.primary:disabled{background:#d94656;color:white;opacity:1;cursor:not-allowed}
body[data-surface=customer] .exchange-conversion-card.is-locked .exchange-net-earnings strong{color:#c93649}
body[data-surface=customer] .exchange-conversion-card .exchange-card-status{font-size:10px;background:#f9dadd;color:#9c3140;padding:3px 7px;border-radius:999px}
body[data-surface=customer] .exchange-card-unavailable{font-size:10px;color:#ae3545;line-height:1.5;margin:6px 0}
body[data-surface=customer] .exchange-conversion-card.is-pending{border-color:#ff5000;box-shadow:0 0 0 1px #ff5000}
body[data-surface=customer] .exchange-conversion-card.is-pending .exchange-card-status{background:#ffe3d4;color:#a93400;margin-bottom:5px}
body[data-surface=customer] .exchange-selection-warning{font-size:10px;line-height:1.5;background:#fff4e8;border:1px solid #ebcfaa;color:#81501d;padding:8px;border-radius:8px;margin:0 0 9px}
@media(max-width:1250px){body[data-surface=customer] .exchange-conversion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1080px){body[data-surface=customer] .exchange-conversion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){body[data-surface=customer] .exchange-conversion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){body[data-surface=customer] .exchange-conversion-grid{grid-template-columns:1fr}}

/* Keep the reference layout compact without clipping saved details. */
body[data-surface=customer] .exchange-conversion-card .exchange-order-meta{padding:9px 8px;margin:3px 0 7px}
body[data-surface=customer] .exchange-conversion-card .exchange-order-meta>div{margin-bottom:6px}
body[data-surface=customer] .exchange-conversion-card dd{margin-top:0;line-height:1.35}
body[data-surface=customer] .exchange-conversion-card .exchange-card-head{padding-top:10px}
body[data-surface=customer] .exchange-fee-note{margin-bottom:6px}
body[data-surface=customer] .exchange-net-earnings{margin-bottom:7px}

/* Reference-inspired information panel with the existing saved order data. */
html body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta{background:linear-gradient(145deg,#ffffff 0%,#f4fbfe 100%)!important;border:1px solid #d8edf5!important;border-radius:12px;padding:8px!important;margin:4px 0 9px!important;box-shadow:inset 0 1px 0 #fff,0 7px 16px rgba(20,116,153,.08)!important}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta>div{align-items:flex-start;gap:8px;min-height:29px;margin:0!important;padding:4px 2px}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta>div>div{min-width:0}
html body[data-surface=customer] .exchange-studio .exchange-detail-icon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:7px;background:#e5f6fc;color:#169dcc;font-size:13px;line-height:1}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta dt{color:#76838a;font-size:9px;line-height:1.25}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta dd{color:#263238;font-size:10.5px;font-weight:600;line-height:1.35;margin-top:1px}
html body[data-surface=customer] .exchange-studio .exchange-net-earnings span{text-transform:none;letter-spacing:.01em}

html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta{background:linear-gradient(145deg,#293135 0%,#1b2023 100%)!important;border-color:#3c4a50!important;box-shadow:inset 1px 1px 0 rgba(255,255,255,.05),inset -1px -1px 0 rgba(0,0,0,.25),0 8px 18px rgba(0,0,0,.18)!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-detail-icon{background:#17353f;color:#5fd2f4;box-shadow:inset 0 0 0 1px rgba(95,210,244,.12)}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta dt{color:#aab4b9!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card .exchange-order-meta dd{color:#f3eee8!important}

/* Stable per-batch cards that are already assigned elsewhere. */
html body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other{background:linear-gradient(155deg,#fffafa,#fff0f1)!important;border-color:#f09aa1!important;box-shadow:0 8px 20px rgba(181,45,58,.08)!important}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-card-head{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(255,240,241,.35))}
html body[data-surface=customer] .exchange-studio .exchange-card-assignment{display:grid;justify-items:start;gap:4px;margin:7px 0 8px}
html body[data-surface=customer] .exchange-studio .exchange-card-assignment span{display:inline-flex;padding:3px 7px;border-radius:999px;background:#ffd9dd;color:#9d2633;font-size:9px;font-weight:700;line-height:1.35}
html body[data-surface=customer] .exchange-studio .exchange-card-assignment p{margin:0;color:#cf3445;font-size:9px;line-height:1.35}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-order-meta{background:linear-gradient(145deg,#fffdfd 0%,#fff7f8 100%)!important;border-color:#f4dadd!important}
html body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-detail-icon{background:#ffe7e9;color:#cf3445;box-shadow:inset 0 0 0 1px rgba(207,52,69,.1)}

html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other{background:linear-gradient(150deg,#33282b,#221e20)!important;border-color:#8c4a51!important;box-shadow:0 10px 22px rgba(0,0,0,.2)!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-card-head{background:linear-gradient(180deg,rgba(98,48,55,.18),transparent)}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-card-pair strong{color:#f7efec!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other :is(.exchange-card-send,.exchange-card-rate){color:#cdbfc0!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-card-send strong{color:#f7efec!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-card-assignment span{background:#502e34;color:#ffadb6}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-card-assignment p{color:#f08f99!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-order-meta{background:linear-gradient(145deg,#30272a 0%,#1f1d1e 100%)!important;border-color:#5f3c41!important}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other .exchange-detail-icon{background:#472c31;color:#ff9ca7;box-shadow:inset 0 0 0 1px rgba(255,156,167,.12)}
html[data-theme=dark] body[data-surface=customer] .exchange-studio .exchange-conversion-card.is-assigned-other button.primary:disabled{background:linear-gradient(#ef5b68,#d84655)!important;color:#fff!important;border-color:transparent!important}