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