/* Биржа ТЭК. Основа — fuel.css (.tf-*), здесь только своё: цвета линий и мелочи таблицы. */
.tf {
  --tx-og: var(--tk-oil, #7A4A2A);      /* нефть и газ */
  --tx-eu: var(--tk-air, #2C67D8);      /* электроэнергетика */
  --tx-imoex: var(--tk-ink, #16181B);   /* рынок в целом */
  --tx-sec: var(--tk-vest, #FF6B1A);     /* бумага на своей странице */
}

.tf-line.tf-og, .tf-dot.tf-og { stroke: var(--tx-og); } .tf-dot.tf-og, .tf-end.tf-og { fill: var(--tx-og); }
.tf-line.tf-eu, .tf-dot.tf-eu { stroke: var(--tx-eu); } .tf-dot.tf-eu, .tf-end.tf-eu { fill: var(--tx-eu); }
.tf-line.tf-imoex, .tf-dot.tf-imoex { stroke: var(--tx-imoex); } .tf-dot.tf-imoex, .tf-end.tf-imoex { fill: var(--tx-imoex); }
.tf-line.tf-sec, .tf-dot.tf-sec { stroke: var(--tx-sec); } .tf-dot.tf-sec, .tf-end.tf-sec { fill: var(--tx-sec); }
.tf-key.tf-og i { color: var(--tx-og); } .tf-key.tf-eu i { color: var(--tx-eu); }
.tf-key.tf-imoex i { color: var(--tx-imoex); } .tf-key.tf-sec i { color: var(--tx-sec); }
.tx-base { stroke: var(--tf-muted); stroke-width: 1; stroke-dasharray: 2 3; }

/* Плитки индексов: цветная черта — как линия на графике */
.tx-tile-og { border-top: 10px solid var(--tx-og); }
.tx-tile-eu { border-top: 10px solid var(--tx-eu); }
.tx-tile-imoex { border-top: 10px solid var(--tx-imoex); }
.tx-tile-sec { border-top: 10px solid var(--tx-sec); }
.tx-tile-note { font-size: .8rem; color: var(--tf-muted); }

/* Таблица бумаг: тикер и вид акций под названием */
.tx-ticker { display: block; font-size: .75rem; color: var(--tf-muted); letter-spacing: .03em; }
.tx-kind { display: inline-block; font-size: .68rem; text-transform: uppercase; letter-spacing: .05em; color: var(--tf-muted);
  border: 1.5px solid var(--tf-ink); border-radius: 999px; padding: 0 .4rem; margin-left: .3rem; vertical-align: .1em; }
.tx-sector { display: block; font-size: .75rem; color: var(--tf-muted); }
.tx-note { font-size: .85rem; color: var(--tf-muted); margin: .6rem 0 0; max-width: 72ch; }
.tx-total { margin: 0 0 1rem; max-width: 72ch; }

/* У акций рост — хорошо: зелёный, падение — красный (в индексе бензина наоборот) */
.tx .tf-up { color: var(--tf-down); }
.tx .tf-down { color: var(--tf-up); }