/*! Stake-Only | (c) 2026 Kcalb Ltd. All rights reserved. | Powered by KcalbApp | https://kcalbapp.com */
.asset-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); align-items: stretch; gap: 14px; width: 100%; min-width: 0; padding: 18px; }
.asset-card { display: flex; flex-direction: column; min-width: 0; min-height: 178px; overflow: hidden; padding: 18px 20px; border: 1px solid var(--color-border); border-radius: var(--radius-14); background: var(--background-dark); }
.asset-card-head { display: flex; align-items: center; gap: 10px; min-width: 0; }
.asset-card-head > span { min-width: 0; overflow: hidden; }
.asset-card-head strong { display: block; background: var(--background-primary); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: var(--font-size-13); font-weight: var(--font-weight-850); line-height: var(--line-height-1-18); }
.asset-card-head small { display: block; margin-top: 2px; color: var(--color-text-muted); font-size: var(--font-size-10); line-height: var(--line-height-1-35); }
.asset-token { display: inline-grid; place-items: center; flex: 0 0 auto; width: 30px; height: 30px; overflow: hidden; border-radius: var(--radius-9); }
.asset-token img { width: 23px; height: 23px; object-fit: contain; }
.asset-card[data-reserved-card="ino-account"] .asset-token { border: 1px solid var(--color-border-purple); background: var(--background-base); }
.asset-card[data-reserved-card="outstanding-rewards"] .asset-token img { width: 23px; height: 23px; border-radius: 0; object-fit: contain; }
.asset-card[data-reserved-card="commissions"] .asset-token { padding: 1px; border: 1px solid var(--color-text-body); background: var(--color-text-pure-white); }
.asset-card[data-reserved-card="commissions"] .asset-token img { width: 100%; height: 100%; object-fit: contain; }
.asset-card[data-reserved-card="ino-account"] .asset-token img { width: 100%; height: 100%; border-radius: var(--radius-9); object-fit: cover; }
.asset-table { display: grid; gap: 9px; width: 100%; margin-top: 16px; }
.asset-table div:not(.asset-address-row) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,auto); align-items: center; column-gap: 10px; width: 100%; min-height: 32px; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-9); background: var(--color-row-hover-bg); }
.asset-table div > span { min-width: 0; color: var(--color-text-muted); font-size: var(--font-size-10); font-weight: var(--font-weight-850); letter-spacing: .04em; text-transform: uppercase; }
.asset-table strong, [data-explorer-reserved] .asset-table strong { color: var(--color-text); font-size: var(--font-size-12); font-weight: var(--font-weight-850); text-align: right; }
.asset-table .asset-address-row { grid-template-columns: max-content minmax(0,1fr); column-gap: 8px; }
.asset-table .asset-address-row > span { min-width: max-content; white-space: nowrap; }
.asset-table .asset-address-row > strong { min-width: 0; max-width: 100%; justify-content: flex-end; }
.asset-address-row { grid-column: 1 / -1; }
.asset-address-row--presentation-address { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: stretch; gap: 2px; padding: 8px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-9); background: var(--color-row-hover-bg); min-width: 0; max-width: 100%; }
.asset-address-row--presentation-address > span { color: var(--color-text-muted); font-size: var(--font-size-10); font-weight: var(--font-weight-700); white-space: nowrap; }
.asset-address-row--presentation-address > strong { display: block; width: 100%; min-width: 0; max-width: 100%; }
.asset-address-row--presentation-address > strong .link-copy { display: flex; width: 100%; min-width: 0; max-width: 100%; }
.asset-address-row--presentation-address > strong .address-link { display: block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-address-row--presentation-address > strong .address-text { display: block; min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.asset-card[data-reserved-card] .asset-table [data-asset-row="amount-stack"] { align-items: center; padding: 10px; }
.asset-card[data-reserved-card] .asset-table [data-asset-row="amount-stack"] > strong { display: flex; justify-content: flex-end; min-width: 0; }
.asset-card[data-reserved-card] .asset-table [data-asset-row="amount-stack"] .table-amount-stack { display: inline-grid; justify-items: end; row-gap: 3px; width: 100%; min-width: 0; max-width: 100%; line-height: var(--line-height-1); text-align: right; }
.asset-card[data-reserved-card] .asset-table [data-asset-row="amount-stack"] .table-amount-main { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); color: var(--amount-color); -webkit-text-fill-color: var(--amount-color); font-size: var(--amount-size); font-weight: var(--amount-weight); }
.asset-card[data-reserved-card] .asset-table [data-asset-row="amount-stack"] .table-amount-usd { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); font-size: var(--amount-small-size); color: var(--amount-fiat-color); -webkit-text-fill-color: var(--amount-fiat-color); }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-rewards"] { border-color: var(--color-success-glow-soft); background: var(--color-success-fill-light); padding: 10px; }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-rewards"] > span { color: var(--color-text-muted); }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-rewards"] .table-amount-stack { display: inline-grid; justify-items: end; row-gap: 3px; width: 100%; min-width: 0; max-width: 100%; line-height: var(--line-height-1); text-align: right; }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-rewards"] .table-amount-main { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); color: var(--amount-color); -webkit-text-fill-color: var(--amount-color); font-size: var(--amount-size); font-weight: var(--amount-weight); }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-rewards"] .table-amount-usd { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); font-size: var(--amount-small-size); color: var(--amount-fiat-color); -webkit-text-fill-color: var(--amount-fiat-color); }
.asset-card[data-reserved-card] .asset-table [data-asset-row="amount-stack"] > strong, .asset-card[data-reserved-card] .asset-table [data-asset-row="distributed-rewards"] > strong { min-width: 0; }
.asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-rewards"], .asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-stake"] { padding: 10px; }
.asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-rewards"] > span, .asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-stake"] > span { color: var(--color-text-muted); }
.asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-rewards"] > strong, .asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-stake"] > strong { min-width: 0; display: flex; align-items: baseline; justify-content: flex-end; gap: 4px; flex-wrap: wrap; }
.ino-rewards-change { font-family: var(--font-code); font-size: 8px; font-weight: var(--font-weight-850); line-height: var(--line-height-1); }
.ino-rewards-change--up { color: var(--color-success); }
.ino-rewards-change--down { color: var(--color-danger); }
.asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-stake"] .table-amount-stack, .asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-rewards"] .table-amount-stack { display: inline-grid; justify-items: end; row-gap: 3px; min-width: 0; max-width: 100%; line-height: var(--line-height-1); text-align: right; }
.asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-stake"] .table-amount-main, .asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-rewards"] .table-amount-main { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); color: var(--amount-color); -webkit-text-fill-color: var(--amount-color); font-size: var(--amount-size); font-weight: var(--amount-weight); }
.asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-stake"] .table-amount-usd, .asset-card[data-reserved-card="ino-account"] .asset-table [data-asset-row="ino-rewards"] .table-amount-usd { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); font-size: var(--amount-small-size); color: var(--amount-fiat-color); -webkit-text-fill-color: var(--amount-fiat-color); }
.asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="commission-earned"], .asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="sent-to-ino"] { padding: 10px; }
.asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="commission-earned"] .table-amount-stack, .asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="sent-to-ino"] .table-amount-stack { display: inline-grid; justify-items: end; row-gap: 3px; width: 100%; min-width: 0; max-width: 100%; line-height: var(--line-height-1); text-align: right; }
.asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="commission-earned"] .table-amount-main, .asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="sent-to-ino"] .table-amount-main { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); color: var(--amount-color); -webkit-text-fill-color: var(--amount-color); font-size: var(--amount-size); font-weight: var(--amount-weight); }
.asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="commission-earned"] .table-amount-usd, .asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="sent-to-ino"] .table-amount-usd { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); font-size: var(--amount-small-size); color: var(--amount-fiat-color); -webkit-text-fill-color: var(--amount-fiat-color); }
.asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="commission-earned"] > strong, .asset-card[data-reserved-card="outstanding-rewards"] .asset-table [data-asset-row="sent-to-ino"] > strong { min-width: 0; }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-pending"], .asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-total"] { padding: 10px; }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-pending"] > span, .asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-total"] > span { color: var(--color-text-muted); }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-pending"] .table-amount-stack, .asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-total"] .table-amount-stack { display: inline-grid; justify-items: end; row-gap: 3px; width: 100%; min-width: 0; max-width: 100%; line-height: var(--line-height-1); text-align: right; }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-pending"] .table-amount-main, .asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-total"] .table-amount-main { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); color: var(--amount-color); -webkit-text-fill-color: var(--amount-color); font-size: var(--amount-size); font-weight: var(--amount-weight); }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-pending"] .table-amount-usd, .asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-total"] .table-amount-usd { display: inline-flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; min-width: 0; max-width: 100%; white-space: normal; font-family: var(--amount-font); font-size: var(--amount-small-size); color: var(--amount-fiat-color); -webkit-text-fill-color: var(--amount-fiat-color); }
.asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-pending"] > strong, .asset-card[data-reserved-card="commissions"] .asset-table [data-asset-row="distributed-total"] > strong { min-width: 0; }
@media only screen and (max-width:945px) {
  .asset-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; padding: 14px; }
  .asset-card[data-reserved-card="outstanding-rewards"] { grid-column: 1; grid-row: 1; }
  .asset-card[data-reserved-card="commissions"] { grid-column: 2; grid-row: 1; }
  .asset-card[data-reserved-card="ino-account"] { grid-column: 1 / -1; grid-row: 2; }
}
@media only screen and (max-width:530px) {
  .asset-grid { grid-template-columns: 1fr; gap: 12px; padding: 12px; }
  .asset-card { min-height: auto; padding: 14px; }
  .asset-card[data-reserved-card] { grid-column: 1; grid-row: auto; }
}
@media only screen and (max-width:560px) {
  .asset-table div:not(.asset-address-row) { grid-template-columns: minmax(0,1fr) minmax(70px,auto); }
  .asset-table .asset-address-row--presentation-address > span { min-width: 0; white-space: normal; }
  .asset-table .asset-address-row--presentation-address > strong { width: 100%; justify-content: flex-start; text-align: left; }
}
@media only screen and (max-width:945px) {
  .asset-grid { grid-template-columns: minmax(0,1fr); }
  .asset-grid > .asset-card { grid-column: 1; grid-row: auto; }
}