/* Private account balance */
.private-balance-panel { margin-bottom:14px; border-color:rgba(23,211,154,.24); background:linear-gradient(180deg,rgba(23,211,154,.035),var(--surface)); }
.private-balance-header { align-items:flex-start; }
.private-balance-title-row { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.private-balance-title-row h2 { margin:0; }
.private-badge { display:inline-flex; align-items:center; border:1px solid rgba(23,211,154,.3); color:var(--accent); background:rgba(23,211,154,.08); border-radius:999px; padding:3px 8px; font-size:.68rem; font-weight:600; letter-spacing:.02em; }
.private-balance-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }
.private-balance-card { min-width:0; border:1px solid var(--border); border-radius:11px; padding:13px; background:var(--surface-2); }
.private-balance-card span,.private-balance-card small { display:block; color:var(--muted); }
.private-balance-card strong { display:block; margin:7px 0 3px; font-size:1.2rem; overflow-wrap:anywhere; }
.private-balance-card small { font-size:.75rem; line-height:1.35; }
.private-balance-message { margin:4px 0 0; padding:12px; border:1px solid var(--border); border-radius:10px; color:var(--muted); background:var(--surface-2); }
.private-balance-message.error { border-color:rgba(255,110,124,.45); color:var(--negative); background:rgba(255,110,124,.06); }
.private-balance-meta { display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:12px 0 8px; color:var(--muted); font-size:.76rem; }
.private-account-breakdown { display:flex; gap:7px; flex-wrap:wrap; margin:8px 0 12px; }
.private-account-chip { display:inline-flex; gap:6px; align-items:center; border:1px solid var(--border); border-radius:999px; padding:5px 8px; color:var(--muted); background:var(--surface-2); font-size:.72rem; }
.private-account-chip strong { color:var(--text); font-weight:600; }
.private-assets-details { border-top:1px solid var(--border); padding-top:12px; }
.private-assets-details summary { cursor:pointer; color:var(--accent); font-size:.82rem; font-weight:600; }
.private-assets-details[open] summary { margin-bottom:10px; }
.private-assets-table { font-size:.82rem; }
.private-assets-table th,.private-assets-table td { padding:10px 12px; }
.private-balance-footnote { margin:10px 0 0; color:var(--muted); font-size:.74rem; line-height:1.45; }

@media (max-width:1250px) { .private-balance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:820px) { .private-balance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .private-balance-header { gap:12px; } }
@media (max-width:560px) { .private-balance-grid { grid-template-columns:1fr; } .private-balance-header { align-items:stretch; flex-direction:column; } .private-balance-header .button { width:100%; } }

/* 3J17 Wallet balance polish v1 */

#tab-wallet
.private-balance-panel {
  padding: 16px;

  border-color:
    var(--border-soft);

  background:
    linear-gradient(
      180deg,
      rgba(23, 211, 154, .018),
      var(--surface)
    );
}


#tab-wallet
.private-balance-header {
  align-items: center;

  margin-bottom: 12px;
}


#tab-wallet
.private-balance-title-row {
  gap: 7px;
}


#tab-wallet
.private-balance-title-row h2 {
  font-size: .96rem;
}


#tab-wallet
.private-badge {
  padding: 2px 7px;

  font-size: .63rem;
}


#tab-wallet
.private-balance-actions {
  gap: 7px;
}


#tab-wallet
.private-balance-actions .button {
  min-height: 31px;

  padding: 6px 10px;

  font-size: .72rem;
}


#tab-wallet
.private-balance-grid {
  gap: 8px;
}


#tab-wallet
.private-balance-card {
  min-height: 88px;

  padding: 10px 11px;

  border-color:
    var(--border-soft);

  border-radius: 10px;

  background:
    rgba(255, 255, 255, .012);
}


#tab-wallet
.private-balance-card:first-child {
  border-color:
    rgba(23, 211, 154, .22);

  background:
    rgba(23, 211, 154, .035);
}


#tab-wallet
.private-balance-card > span {
  font-size: .72rem;
  font-weight: 500;
}


#tab-wallet
.private-balance-card strong {
  margin:
    5px
    0
    2px;

  font-size:
    clamp(.96rem, 1.25vw, 1.08rem);

  letter-spacing: -.018em;

  font-variant-numeric:
    tabular-nums;
}


#tab-wallet
.private-balance-card small {
  font-size: .69rem;
  line-height: 1.38;
}


#tab-wallet
.private-balance-meta {
  margin:
    9px
    0
    6px;

  font-size: .70rem;
}


#tab-wallet
.private-account-breakdown {
  gap: 6px;

  margin:
    6px
    0
    9px;
}


#tab-wallet
.private-account-chip {
  padding: 3px 7px;

  font-size: .67rem;
}


#tab-wallet
.private-assets-details {
  margin-top: 3px;

  padding-top: 9px;

  border-top-color:
    var(--border-soft);
}


#tab-wallet
.private-assets-details summary {
  display: inline-flex;
  align-items: center;

  min-height: 27px;

  padding: 3px 6px;

  border: 1px solid transparent;
  border-radius: 7px;

  color: var(--accent);

  font-size: .73rem;
  font-weight: 650;

  cursor: pointer;
}


#tab-wallet
.private-assets-details summary:hover {
  background:
    rgba(23, 211, 154, .045);
}


#tab-wallet
.private-assets-details summary:focus-visible {
  outline: none;

  border-color:
    rgba(23, 211, 154, .30);

  background:
    rgba(23, 211, 154, .055);

  box-shadow:
    0 0 0 2px
    rgba(23, 211, 154, .10);
}


#tab-wallet
.private-assets-details[open]
summary {
  margin-bottom: 7px;
}


#tab-wallet
.private-assets-table {
  font-size: .76rem;
}


#tab-wallet
.private-assets-table th,
#tab-wallet
.private-assets-table td {
  padding: 8px 9px;
}


#tab-wallet
.private-balance-footnote {
  margin-top: 7px;

  font-size: .68rem;
}


@media (max-width: 1250px) {
  #tab-wallet
  .private-balance-grid {
    grid-template-columns:
      repeat(
        3,
        minmax(0, 1fr)
      );
  }
}


@media (max-width: 820px) {
  #tab-wallet
  .private-balance-grid {
    grid-template-columns:
      repeat(
        2,
        minmax(0, 1fr)
      );
  }
}


@media (max-width: 560px) {
  #tab-wallet
  .private-balance-grid {
    grid-template-columns: 1fr;
  }

  #tab-wallet
  .private-balance-header {
    align-items: stretch;
  }
}

/* End 3J17 Wallet balance polish v1 */

/* 3J17 Wallet balance card depth v1 */

#tab-wallet
.private-balance-card {
  position: relative;

  box-shadow:
    inset 0 1px 0
      rgba(255, 255, 255, .018),
    0 1px 1px
      rgba(0, 0, 0, .12);

  background:
    linear-gradient(
      145deg,
      rgba(17, 30, 26, .72),
      rgba(10, 21, 18, .58)
    );

  transition:
    border-color .16s ease,
    transform .16s ease,
    box-shadow .16s ease,
    background-color .16s ease;
}


#tab-wallet
.private-balance-card:first-child {
  background:
    linear-gradient(
      145deg,
      rgba(23, 211, 154, .055),
      rgba(10, 25, 20, .72)
    );

  box-shadow:
    inset 0 1px 0
      rgba(255, 255, 255, .022),
    0 1px 1px
      rgba(0, 0, 0, .14);
}


#tab-wallet
.private-balance-card:hover {
  border-color:
    var(--border-strong);

  box-shadow:
    var(--shadow-sm);

  transform:
    translateY(-1px);
}


#tab-wallet
.private-balance-card:first-child:hover {
  border-color:
    rgba(23, 211, 154, .34);
}


@media (prefers-reduced-motion: reduce) {
  #tab-wallet
  .private-balance-card {
    transition: none;
  }

  #tab-wallet
  .private-balance-card:hover {
    transform: none;
  }
}

/* End 3J17 Wallet balance card depth v1 */
