/*
 * GTAM Withdraw Account Row V2
 * Only affects bound account rows on withdrawal-account page.
 */

.withdraw-bound-list{
  width:100%;
  box-sizing:border-box;
}

.withdraw-bound-list .bound-row{
  display:grid !important;

  /*
   * 第一列：币种
   * 第二列：钱包地址，自适应并允许缩短
   * 第三列：绑定状态，按语言真实宽度自动展开
   */
  grid-template-columns:
    minmax(82px,96px)
    minmax(0,1fr)
    max-content !important;

  align-items:center !important;
  column-gap:10px !important;

  width:100% !important;
  max-width:100% !important;

  box-sizing:border-box !important;
  overflow:hidden !important;
}

.withdraw-bound-list .bound-row > span{
  display:block !important;

  min-width:0 !important;
  width:auto !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.withdraw-bound-list .bound-row > code{
  display:block !important;

  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;

  box-sizing:border-box !important;
}

.withdraw-bound-list .bound-row > em{
  /*
   * 清除原来可能造成右侧偏移的定位/宽度规则
   */
  position:static !important;

  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;

  transform:none !important;

  display:block !important;

  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;

  margin:0 !important;
  padding:0 4px 0 2px !important;

  justify-self:end !important;
  align-self:center !important;

  text-align:right !important;

  white-space:nowrap !important;
  overflow:visible !important;

  box-sizing:border-box !important;

  font-size:12px !important;
  line-height:1.35 !important;
  opacity:.7 !important;
}

/*
 * 窄屏设备再给状态多一点空间
 */
@media (max-width:420px){
  .withdraw-bound-list .bound-row{
    grid-template-columns:
      minmax(76px,88px)
      minmax(0,1fr)
      max-content !important;

    column-gap:7px !important;
  }

  .withdraw-bound-list .bound-row > em{
    font-size:11px !important;
    padding-right:3px !important;
  }
}