/* Keep the target ladder together and leave room before both return fields. */
#root .trade-tp-levels{flex-wrap:nowrap;gap:5px;max-width:100%;overflow-x:auto;scrollbar-width:thin}
#root .trade-tp-levels li{flex:0 0 auto}
@media(min-width:1101px){
  @container(min-width:1040px){
    #root .recent-trades.trade-book .trade-row{grid-template-columns:var(--trade-heading-width) repeat(5,minmax(0,1fr)) max-content minmax(110px,1fr) minmax(100px,1fr)}
    #root .recent-trades.trade-book .trade-row .trade-result{margin-inline-start:16px;column-gap:24px}
  }
}
@container(min-width:481px) and (max-width:1039px){
  #root .recent-trades.trade-book .trade-card-body{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 16px}
  #root .recent-trades.trade-book .trade-metrics{display:contents}
  #root .recent-trades.trade-book .trade-metrics>div:last-child{grid-column:1/4}
  #root .recent-trades.trade-book .trade-row .trade-result{grid-column:4/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline-start:16px;column-gap:24px}
}
@container(max-width:480px){
  #root .recent-trades.trade-book .trade-metrics>div:last-child{grid-column:1/-1}
  #root .recent-trades.trade-book .trade-row .trade-result{grid-column:1/-1;margin-top:4px;column-gap:24px}
}
