/* BUY/SELL venue buttons in registry rows + detail modal */
.trade{
  display:flex;
  flex-direction:column;
  gap:5px;
  flex:none;
  margin-right:8px;
}
.trade a{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:96px;
  min-height:26px;
  padding:3px 10px;
  border-radius:6px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  text-decoration:none;
  line-height:1;
}
.trade a i{
  font-style:normal;
  font-weight:400;
  font-size:8px;
  opacity:.75;
  letter-spacing:.04em;
}
.t-buy{background:#123b24;color:#3ddc84;border:1px solid #1e5c38}
.t-buy:hover{background:#3ddc84;color:#06210f}
.t-sell{background:#3b1a15;color:#ff8a7a;border:1px solid #6d2c23}
.t-sell:hover{background:#c23a2f;color:#fff}

/* detail modal trade bar */
.detail-trade{
  display:flex;
  gap:10px;
  margin-top:14px;
}
.detail-trade a{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:3px;
  min-height:46px;
  justify-content:center;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.1em;
  text-decoration:none;
}
.detail-trade a i{font-style:normal;font-weight:400;font-size:9px;opacity:.75}
.detail-trade .t-buy,.detail-trade .t-sell{border-width:1px}

@media(max-width:900px){
  .trade{flex-direction:row;margin:8px 0 0}
  .trade a{min-width:0;flex:1;justify-content:center}
}