/* YousoroFinance redesign-web — Активы: capital hero, investments, articles list, asset structure, net assets */

/* ── Финансы: compact hero — label and total on one line ────────────── */
:root body.yf-redesign.yf-dashboard-auth #card1 .card-subtitle { margin-bottom: 10px !important; }

:root body.yf-redesign.yf-dashboard-auth #card1 .yf-total-money {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 10px;
    margin: 4px 0 0;
    color: var(--rd-muted);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
}
:root body.yf-redesign.yf-dashboard-auth #card1 .yf-total-money__amount {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 2px 8px;
    padding-bottom: 2px;
    border-bottom: 1.5px dashed rgba(60, 60, 67, .28) !important;
    color: var(--rd-ink);
    cursor: help;
    transition: border-color var(--rd-dur-fast) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth #card1 .yf-total-money__amount:hover,
:root body.yf-redesign.yf-dashboard-auth #card1 .yf-total-money__amount:focus-visible { border-bottom-color: var(--rd-accent) !important; }
:root body.yf-redesign.yf-dashboard-auth #yf-total-money-rub {
    color: var(--rd-ink);
    font-size: clamp(24px, 2vw, 30px);
    font-weight: 750;
    line-height: 1.1;
    letter-spacing: -.025em;
}
:root body.yf-redesign.yf-dashboard-auth #yf-total-money-usd { color: var(--rd-subtle); font-size: 14px; font-weight: 600; letter-spacing: 0; }

:root body.yf-redesign.yf-dashboard-auth .yf-total-money__tooltip {
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-menu-bg) !important;
    box-shadow: var(--rd-shadow-raised) !important;
    color: var(--rd-ink) !important;
}

:root body.yf-redesign.yf-dashboard-auth #card1 #PlanFactSalesYear { margin-top: 8px !important; }
:root body.yf-redesign.yf-dashboard-auth #yf-asset-plan-summary {
    margin-top: -.5em !important;
    color: var(--rd-muted);
    font-size: 13px !important;
    line-height: 1.75 !important;
}
:root body.yf-redesign.yf-dashboard-auth #yf-asset-plan-summary strong { color: var(--rd-ink); font-weight: 700; }

/* ── Инвестиции ────────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth #card2 h4 {
    margin: 4px 0 2px;
    color: var(--rd-ink);
    font-size: 16px;
    font-weight: 650;
    letter-spacing: var(--rd-tracking-snug);
}
:root body.yf-redesign.yf-dashboard-auth #card2 .card-subtitle { margin-bottom: 10px !important; }

/* ── Статьи финансов: compact grouped list ─────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-finance-articles-scroll {
    margin-top: 10px;
    padding: 3px;
    border-radius: var(--rd-radius-md);
    background: var(--rd-surface-grouped);
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
}
:root body.yf-redesign.yf-dashboard-auth .yf-finance-articles-scroll > hr { margin: 3px 10px; }

:root body.yf-redesign.yf-dashboard-auth .yf-finance-article {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 4px 10px !important;
    border-radius: 10px;
    font-size: 0 !important; /* hides the “:” text separators; children restore size */
    transition: background var(--rd-dur-fast) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article + .yf-finance-article { box-shadow: 0 -1px 0 var(--rd-line-soft); }
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article:hover { background: var(--rd-surface); box-shadow: var(--rd-shadow-control); }
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article > * { font-size: 13.5px; }
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article > span[data-yf-user-content] {
    overflow: hidden;
    color: var(--rd-ink);
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article > strong {
    margin-left: auto;
    color: var(--rd-ink);
    font-weight: 700;
    white-space: nowrap;
}

:root body.yf-redesign.yf-dashboard-auth .yf-bank-account-icon {
    display: inline-grid;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    place-items: center;
    border: 0 !important;
    border-radius: 9px !important;
    background: var(--rd-accent-soft) !important;
    color: var(--rd-accent) !important;
    font-size: 14px !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article__coin {
    flex: 0 0 28px;
    width: 28px !important;
    height: 28px !important;
    border-radius: 50%;
    box-shadow: 0 0 0 1px var(--rd-line-soft);
}
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article__market {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    min-width: 88px;
    font-size: 11.5px !important;
}
:root body.yf-redesign.yf-dashboard-auth .investment-item .yf-finance-article__market { margin-left: auto; }
:root body.yf-redesign.yf-dashboard-auth .investment-item > strong { margin-left: 12px; }
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article__market .badge { padding: 2px 7px; font-size: 11px; }
:root body.yf-redesign.yf-dashboard-auth .yf-finance-article__market .coin-price { color: var(--rd-subtle) !important; font-size: 11px; }

/* ── Активы: 2×2 stat tiles, drop the decorative watermark ─────────────── */
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row > .col-lg-6:last-child { display: none !important; }
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row > .col-lg-6:first-child { flex: 0 0 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * .5) !important; }
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body { display: flex; flex-direction: column; }
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row { flex: 1 1 auto; }
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row > .col-lg-6:first-child { display: flex; }
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row > .col-lg-6:first-child > .row {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 12px;
    margin: 10px 0 0;
}
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row > .col-lg-6:first-child > .row > [class*="col-"] {
    width: auto;
    max-width: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 14px 16px;
    border-radius: var(--rd-radius-md);
    background: var(--rd-surface-grouped);
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
}
:root body.yf-redesign.yf-dashboard-auth #card5 .card-body > .row > .col-lg-6:first-child > .row > [class*="col-"] > br { display: none; }
:root body.yf-redesign.yf-dashboard-auth #card5 .text-crypto-name {
    display: block;
    margin-bottom: 6px;
    border: 0 !important;
    color: var(--rd-muted) !important;
    font-size: 12.5px;
    font-weight: 600;
}
:root body.yf-redesign.yf-dashboard-auth #card5 .fs-6 { color: var(--rd-muted); font-size: 13px !important; }
:root body.yf-redesign.yf-dashboard-auth #card5 .fs-6 strong {
    display: block;
    margin-bottom: 2px;
    color: var(--rd-ink);
    font-size: 19px;
    font-weight: 750;
    letter-spacing: var(--rd-tracking-snug);
}

/* ── Чистые активы ─────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-status {
    min-height: 30px;
    padding: 0 12px;
    border: 0 !important;
    border-radius: var(--rd-radius-pill) !important;
    background: var(--rd-info-soft) !important;
    color: var(--rd-info) !important;
    font-size: 12.5px;
    font-weight: 650;
}
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-status.is-complete { background: var(--rd-positive-soft) !important; color: var(--rd-positive) !important; }

:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-eyebrow { color: var(--rd-muted) !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-value {
    color: var(--rd-ink) !important;
    font-size: clamp(30px, 2.6vw, 38px) !important;
    font-weight: 700 !important;
    letter-spacing: -.03em !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-summary p { color: var(--rd-muted) !important; font-size: 13.5px; line-height: 1.55; }

:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-progress-panel {
    padding: 20px 22px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-lg) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-progress-head span { color: var(--rd-muted); font-size: 13px; font-weight: 600; }
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-progress-head strong { color: var(--rd-ink); font-size: 20px; font-weight: 750; }

:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-rail {
    height: 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--rd-fill) !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-rail > span {
    border-radius: 999px !important;
    background: linear-gradient(90deg, #1bb07a, var(--rd-accent)) !important;
    box-shadow: 0 2px 8px -2px rgba(var(--rd-accent-rgb), .5) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-scale { color: var(--rd-subtle); font-size: 12px; font-weight: 600; }

:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-metrics { gap: 10px !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-metrics > div {
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface) !important;
    box-shadow: var(--rd-shadow-control) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-metrics span { color: var(--rd-muted) !important; font-size: 12px; font-weight: 600; }
:root body.yf-redesign.yf-dashboard-auth .yf-net-assets-metrics strong { color: var(--rd-ink) !important; font-size: 16px; font-weight: 750; }

@media (max-width: 575.98px) {
    :root body.yf-redesign.yf-dashboard-auth .yf-finance-article__market .coin-price { display: none; }
    :root body.yf-redesign.yf-dashboard-auth .yf-finance-article__market { min-width: 0; }
    :root body.yf-redesign.yf-dashboard-auth .yf-finance-article > span[data-yf-user-content] { flex: 1 1 auto; min-width: 48px; }
}