/* The portfolio total includes every owned cash, currency, and crypto balance. */
.portfolio-balance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    min-width: 0;
    color: var(--account-ink, #25303d);
    padding: 20px 22px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid var(--account-border, #e3e7ec);
    border-radius: 9px;
}
.portfolio-balance .portfolio-balance__label { color: var(--account-muted, #657180); font-size: 12px; font-weight: 500; line-height: 1.5; }
.portfolio-balance .portfolio-balance__total { color: inherit; font-size: 27px; font-weight: 600; line-height: 1.3; letter-spacing: -.02em; max-width: 100%; overflow-wrap: anywhere; }
.portfolio-balance .portfolio-balance__status { color: var(--account-muted, #657180); font-size: 11px; line-height: 1.5; }
.portfolio-balance .portfolio-balance__status[data-state="delayed"] { color: #946625; }
.portfolio-balance .portfolio-balance__status[data-state="incomplete"] { color: #aa3030; }
.portfolio-balance .portfolio-balance__note { margin: 2px 0 0; color: var(--account-muted, #657180); font-size: 12px; line-height: 1.5; }
.portfolio-balance.portfolio-balance--compact { margin: 0; padding: 0; background: transparent; border: 0; border-radius: 0; color: inherit; }
.portfolio-balance--compact .portfolio-balance__total { font-size: 25px; }
.section--bg2 .portfolio-balance--compact { color: #fff; }
.section--bg2 .portfolio-balance--compact :is(.portfolio-balance__label, .portfolio-balance__status) { color: rgb(255 255 255 / .8); }
.section--bg2 .portfolio-balance--compact .portfolio-balance__status[data-state="delayed"] { color: #ffe3a3; }
.section--bg2 .portfolio-balance--compact .portfolio-balance__status[data-state="incomplete"] { color: #ffd0d0; }
.wallet-trading .portfolio-balance { margin-top: 18px; padding: 18px 20px; }
@media (max-width: 575px) {
    .portfolio-balance { padding: 18px; }
    .portfolio-balance .portfolio-balance__total { font-size: 24px; }
    .wallet-trading .portfolio-balance { padding: 16px 18px; }
}