/* Деньги в фондах: то, чего нет в общем наборе раздела. */

/* Где деньги сейчас: класс - строка-кнопка с полосой доли. Полоса - уровень
   (доля СЧА), поэтому синяя, а не зелёная: зелёный и красный - только знак. */
.ff-now { display: grid; gap: var(--cf-space-4); }
.ff-now__row { display: grid; gap: var(--cf-space-4); padding: var(--cf-space-8) var(--cf-space-10); margin: 0 calc(var(--cf-space-10) * -1);
  width: calc(100% + var(--cf-space-10) * 2); border: 0; border-radius: var(--cf-radius-md); background: none; color: var(--cf-ink);
  font: inherit; text-align: left; cursor: pointer; }
.ff-now__row:hover { background: var(--cf-surface-2); }
.ff-now__row:focus-visible { outline: 2px solid var(--cf-accent); outline-offset: 0; }
.ff-now__row[aria-pressed="true"] { background: var(--cf-accent-soft); }
.ff-now__row[aria-pressed="true"] .ff-now__n { color: var(--cf-accent); }
.ff-now__top { display: flex; justify-content: space-between; gap: var(--cf-space-10); font-size: 14px; }
.ff-now__n { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ff-now__top b { font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ff-now__bar { display: block; height: 6px; border-radius: var(--cf-radius-bar); background: var(--cf-surface-2); overflow: hidden; }
.ff-now__row[aria-pressed="true"] .ff-now__bar { background: var(--cf-surface); }
.ff-now__bar i { display: block; height: 100%; border-radius: var(--cf-radius-bar); background: var(--cf-chart-1); }
.ff-now__sub { display: flex; justify-content: space-between; gap: var(--cf-space-10); font-size: 12.5px; color: var(--cf-ink-3); font-variant-numeric: tabular-nums; }

/* Таблицы: название с кружком-монограммой, выбранная строка, итог. */
.ff-cls { display: flex; align-items: center; gap: var(--cf-space-10); }
.ff-cls .an-mono { width: 26px; height: 26px; font-size: 10.5px; flex: none; }
.ff-cls small { display: block; color: var(--cf-ink-3); font-size: 12.5px; }
.an-table tr[data-cls], .an-table tr[data-fund] { cursor: pointer; }
.an-table tr[data-cls]:hover, .an-table tr[data-fund]:hover { background: var(--cf-surface-2); }
.an-table tr.is-sel { background: var(--cf-accent-soft); }
.an-table tr.is-sel:hover { background: var(--cf-accent-soft); }
.an-table tr:focus-visible { outline: 2px solid var(--cf-accent); outline-offset: -2px; }
.an-table tr.ff-total td { font-weight: 600; border-top: 1px solid var(--cf-line-strong); }
.an-table td { white-space: nowrap; }
.an-table td:first-child { white-space: normal; min-width: 200px; }
#ffFundTable td:first-child { min-width: 280px; }
.an-table th[aria-sort] button::after { content: ""; display: inline-block; margin-left: 6px; border: 4px solid transparent; vertical-align: 1px; }
.an-table th[aria-sort="descending"] button::after { border-top-color: currentColor; border-bottom: 0; }
.an-table th[aria-sort="ascending"] button::after { border-bottom-color: currentColor; border-top: 0; }
.an-table th[aria-sort] button { color: var(--cf-accent); }

/* Мини-график притоков по месяцам: знак - цвет, как у всех притоков. */
.ff-spark { display: inline-block; vertical-align: middle; }
.ff-spark line { stroke: var(--cf-line-strong); stroke-width: 1; }
.ff-spark rect.up { fill: var(--cf-up); }
.ff-spark rect.dn { fill: var(--cf-down); }
.ff-spark--empty { color: var(--cf-ink-3); }

/* Панель фильтров таблицы фондов. */
.ff-fbar { display: flex; flex-wrap: wrap; gap: var(--cf-space-10) var(--cf-space-12); align-items: center; margin-bottom: var(--cf-space-14); }
.ff-fbar .cf-search { width: min(320px, 100%); }
.ff-fbar .cf-chips { flex-wrap: wrap; }

.ff-fund { margin-top: var(--cf-space-16); }
.ff-fund .cf-panel__head { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--cf-space-4) var(--cf-space-16); }
.ff-fund .cf-panel__head h2 { margin: 0; }

/* Пример в демо Pro: пять фондов с числами. */
.ff-ex { margin: var(--cf-space-8) 0 0; padding: 0; list-style: none; counter-reset: ff; }
.ff-ex li { display: flex; justify-content: space-between; gap: var(--cf-space-10); padding: var(--cf-space-6) 0; border-top: 1px solid var(--cf-line); font-variant-numeric: tabular-nums; }
.ff-ex li span:first-child { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ff-ex li > span:last-child { white-space: nowrap; font-weight: 600; }

@media (max-width: 767px) {
  #ffKpis .cf-keystrip__v { font-size: 20px; }
  #ffChart { --an-h: 400px !important; }
  .an-table td:first-child { min-width: 170px; }
}

/* Заголовок только для скринридера (у демо Pro свой видимый заголовок). */
.ff-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
/* Логотип управляющей компании в строке фонда - тот же, что в скринере фондов. */
.ff-logo { flex: none; width: 26px; height: 26px; border-radius: 50%; object-fit: contain; background: var(--cf-surface); box-shadow: inset 0 0 0 1px var(--cf-line); }