.investment-panel{
  padding:20px!important;
  border-radius:20px!important;
}

.investment-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:18px!important;
}

.investment-head h2{
  margin:0!important;
  color:#f7fbff!important;
  font-size:25px!important;
  font-weight:950!important;
}

.investment-head span{
  color:#9ca7ba!important;
  font-size:13px!important;
  font-weight:850!important;
}

.investment-table-wrap{
  width:100%!important;
  overflow:auto!important;
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:16px!important;
  background:rgba(7,9,15,.28)!important;
}

.investment-table{
  width:100%!important;
  min-width:1180px!important;
  border-collapse:collapse!important;
  table-layout:fixed!important;
}

.investment-table th{
  height:50px!important;
  background:rgba(255,255,255,.045)!important;
  color:#aab5c7!important;
  font-size:14px!important;
  font-weight:950!important;
  text-align:center!important;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}

.investment-table td{
  height:52px!important;
  color:#f7fbff!important;
  font-size:14px!important;
  font-weight:850!important;
  text-align:center!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
  white-space:nowrap!important;
}

.investment-table tr:last-child td{
  border-bottom:0!important;
}

.investment-table th:nth-child(1),
.investment-table td:nth-child(1){
  width:70px!important;
}

.investment-table th:nth-child(2),
.investment-table td:nth-child(2){
  width:210px!important;
}

.investment-table th:nth-child(3),
.investment-table td:nth-child(3){
  width:210px!important;
}

.investment-table th:nth-child(4),
.investment-table td:nth-child(4){
  width:90px!important;
}

.investment-table th:nth-child(5),
.investment-table td:nth-child(5){
  width:110px!important;
}

.investment-table th:nth-child(6),
.investment-table td:nth-child(6),
.investment-table th:nth-child(7),
.investment-table td:nth-child(7),
.investment-table th:nth-child(8),
.investment-table td:nth-child(8),
.investment-table th:nth-child(9),
.investment-table td:nth-child(9){
  width:150px!important;
  text-align:right!important;
  padding-right:16px!important;
}

.investment-table th:nth-child(6),
.investment-table th:nth-child(7),
.investment-table th:nth-child(8),
.investment-table th:nth-child(9){
  text-align:right!important;
}

.investment-side{
  font-weight:950!important;
}

.investment-side.buy{
  color:#ff5f6d!important;
}

.investment-side.sell{
  color:#5d94ff!important;
}

.investment-side.dividend{
  background:rgba(124,58,237,.14);
  color:#7c3aed;
  border:1px solid rgba(124,58,237,.22);
}

.investment-profit.good{
  color:#ff5f6d!important;
}

.investment-profit.bad{
  color:#5d94ff!important;
}

.investment-profit.zero{
  color:#9ca7ba!important;
}

.investment-empty{
  height:160px!important;
  color:#9ca7ba!important;
  text-align:center!important;
}

/* V-Grow investment mobile cards 20260708 */
.investment-mobile-list {
  display: none;
}

@media (max-width: 760px) {
  .investment-panel {
    padding: 12px !important;
    border-radius: 16px !important;
  }

  .investment-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .investment-head h2 {
    font-size: 18px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
  }

  .investment-head span {
    font-size: 11px !important;
    line-height: 1.2 !important;
    opacity: .72 !important;
    text-align: right !important;
  }

  .investment-table-wrap {
    display: none !important;
  }

  .investment-mobile-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }

  .investment-mobile-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "main time"
      "sub sub" !important;
    gap: 3px 8px !important;
    min-height: 0 !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.035) !important;
  }

  .investment-mobile-main {
    grid-area: main !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .investment-mobile-main strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: #f7f9ff !important;
  }

  .investment-mobile-main .investment-side {
    flex: 0 0 auto !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 6px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: 900 !important;
  }

  .investment-mobile-profit {
    flex: 0 0 auto !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  .investment-mobile-sub {
    grid-area: sub !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
    color: rgba(235,241,255,.72) !important;
  }

  .investment-mobile-time {
    grid-area: time !important;
    align-self: center !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    color: rgba(235,241,255,.50) !important;
    white-space: nowrap !important;
  }

  .investment-mobile-empty {
    padding: 18px 10px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    border-radius: 12px !important;
    text-align: center !important;
    color: rgba(235,241,255,.68) !important;
    font-size: 13px !important;
  }
}

/* V-Grow investment mobile profit colors 20260708 */
@media (max-width: 760px) {
  .investment-mobile-profit.is-positive {
    color: #ff5f6d !important;
  }

  .investment-mobile-profit.is-negative {
    color: #5da8ff !important;
  }

  .investment-mobile-profit.is-flat {
    color: rgba(235,241,255,.58) !important;
  }
}