.fx-amt{font-size:22px!important;font-weight:700;min-height:56px!important}
.fx-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}
.fx-swap{width:46px;min-height:46px;padding:0;font-size:18px}
.fx-table tbody tr{cursor:pointer}
.fx-table tbody tr:hover td{background:var(--surface-2)}
.fx-table td:first-child{white-space:nowrap}
.fx-table .fx-code{color:var(--faint);font-size:12px;margin-left:6px}
.fx-table td:last-child{font-weight:700}
#fx-status{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#fx-status .btn{margin-left:auto}
#fx-rate{white-space:pre-line;font-size:14px}
@media (max-width:560px){
  .fx-pair{grid-template-columns:minmax(0,1fr) 46px;align-items:end}
  .fx-pair>.field:first-child{grid-column:1}
  .fx-swap{grid-column:2;grid-row:1}
  .fx-pair>.field:last-child{grid-column:1/-1}
}