/* Compact Windows XP exchange window. Details stay behind disclosure controls. */
.swap-desk{font-family:Tahoma,Verdana,sans-serif;font-size:12px;color:#171717;background:#ece9d8;padding:16px;min-height:100%;box-sizing:border-box;line-height:1.5}
.swap-desk *{box-sizing:border-box;outline:none}
.swap-banner{display:flex;align-items:center;gap:14px;margin:-16px -16px 0;padding:13px 16px;background:linear-gradient(100deg,#fff,#dce8fc)}
.swap-banner img{width:36px;height:68px;object-fit:contain;flex:none}
.swap-desk h1{font-size:21px;line-height:1.2;margin:0 0 5px;color:#173d63}
.swap-desk h2{font-size:14px;line-height:1.4;margin:0;color:#174d94}
.swap-desk p{line-height:1.55;margin:6px 0 10px}
.swap-banner p{margin:0;color:#495968}
.swap-network{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0}
.swap-network>span{font-size:11px;color:#465d80}
.swap-form{padding:12px;background:#f6f5ed;margin:0}
.swap-fields{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:10px}
.swap-form label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#333;white-space:nowrap}
.swap-form input,.swap-form select{font:13px Tahoma,Verdana,sans-serif;color:#171717;background:#fff;border:1px solid #7f9db9;border-radius:0;height:33px;padding:5px 8px;width:100%;min-width:0}
.swap-form input:focus,.swap-form select:focus{background:#fffef3;border-color:#245edb}
.swap-form-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:13px}
.swap-form-footer label{width:100px;flex:none}
.swap-button{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 12px;border:1px solid #003c74;border-radius:3px;background:linear-gradient(#fff,#f2f1ea 45%,#e4e1d3 55%,#f5f4ee);box-shadow:inset -1px -1px 0 #c5c2b8;color:#0a0a0a;font:11px Tahoma,Verdana,sans-serif;line-height:1.2;white-space:nowrap;text-decoration:none;cursor:pointer}
.swap-button:hover,.swap-button:focus-visible{background:linear-gradient(#fff,#fff4cf 45%,#eee0ac 55%,#fff9e6);border-color:#ce9a32;color:#111}
.swap-button:active{background:linear-gradient(#e0ddd0,#ecebe3);color:#111;box-shadow:inset 1px 1px 2px #b7b4a8}
.swap-button.swap-primary{border-color:#c3841c;color:#0a0a0a;font-weight:bold}
.swap-button.swap-primary:hover,.swap-button.swap-primary:focus-visible{background:linear-gradient(#fff,#fff4cf 45%,#eee0ac 55%,#fff9e6);color:#111;border-color:#9c6811}
.swap-button.swap-primary:active{background:linear-gradient(#e0ddd0,#ecebe3);color:#111}
.swap-button:disabled,.swap-button.swap-primary:disabled{background:#ece9d8;color:#777;border-color:#b4b2a6;box-shadow:none;cursor:default}
.swap-settings{margin-top:12px;font-size:11px}
.swap-settings label{width:100px;margin-top:9px}
.swap-desk summary{cursor:pointer;color:#174d94;white-space:nowrap;padding:4px 0;font-size:11px}
.swap-desk summary:focus-visible{background:#dce8fc;color:#123d83}
.swap-desk .swap-status{padding:9px 0;font-size:11px;color:#4b5360;margin:0}
.swap-quotes{display:block}
.swap-route{background:#fff;padding:15px;min-width:0}
.swap-desk .swap-output{font-size:28px;font-weight:bold;color:#174d94;line-height:1.25;margin:5px 0 9px;overflow-wrap:anywhere}
.swap-output span{font-size:13px;font-weight:normal;color:#4b5360;white-space:nowrap}
.swap-minimum{font-size:11px;color:#536176;overflow-wrap:anywhere}
.swap-route>.swap-button{margin:3px 0 2px}
.swap-freshness,.swap-desk .swap-small{font-size:10px;color:#596879;line-height:1.5}
.swap-route-details{margin-top:10px;font-size:11px}
.swap-desk dl{margin:9px 0 12px}
.swap-desk dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 0;line-height:1.5}
.swap-desk dt{font-size:11px;color:#536176;flex:none;max-width:40%}
.swap-desk dd{font-size:11px;text-align:right;margin:0;overflow-wrap:anywhere;min-width:0}
.swap-alternative{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin:8px 0;color:#536176;font-size:11px}
.swap-alternative>span{min-width:0;overflow-wrap:anywhere}
.swap-alternative>span:last-child{text-align:right}
.swap-review-panel{background:#fffde7;margin:14px 0;padding:15px}
.swap-review-panel>p{font-size:11px;color:#665f42}
.swap-review-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:12px}
.swap-warning{color:#765017;font-size:11px}
.swap-details{margin-top:12px;font-size:11px;color:#536176}
.swap-details p{margin:9px 0;line-height:1.65}
.swap-desk a:not(.swap-button){color:#245b95;text-decoration:underline;overflow-wrap:anywhere}
.swap-desk a:not(.swap-button):hover,.swap-desk a:not(.swap-button):focus-visible{color:#173b63;background:#e5efff}
.swap-receipt{font-size:11px;color:#2c5a26;overflow-wrap:anywhere}
@media(max-width:620px){.swap-desk{padding:12px}.swap-banner{gap:12px;margin:-12px -12px 0;padding:12px}.swap-desk h1{font-size:19px}.swap-fields{grid-template-columns:minmax(0,1fr) 92px}.swap-form-footer label{width:92px}.swap-form{padding:10px}.swap-route,.swap-review-panel{padding:12px}.swap-connect{padding-left:9px;padding-right:9px}.swap-desk .swap-output{font-size:26px}}
@media(max-width:380px){.swap-desk{padding:10px}.swap-banner{margin:-10px -10px 0;padding:10px}.swap-fields{grid-template-columns:minmax(0,1fr) 90px;gap:8px}.swap-form-footer label{width:90px}.swap-form-footer{gap:8px}.swap-button{padding-left:9px;padding-right:9px}.swap-desk dl>div{gap:8px}}