/* Компании ТЭК. Поверх fuel.css: переменные и классы .tf-* оттуда, свои — .tc-* */
.tc {
  --tc-good: var(--tk-down, #23784A);   /* рост выручки и прибыль — хорошо для компании */
  --tc-bad: var(--tk-up, #C2341B);
  --tc-rev: var(--tk-air, #2C67D8);
  --tc-net: var(--tk-water, #2E8B57);
}
.tc-good { color: var(--tc-good); }
.tc-bad { color: var(--tc-bad); }
.tc-flat { color: var(--tf-muted); }

/* Плитки: суммы в млрд длиннее цены литра */
.tc .tf-tile-price { font-size: 1.55rem; }

/* Факты-плитки */
.tc-tile-value { font-family: var(--tf-display); font-weight: 900; font-size: 1.6rem; line-height: 1.15; font-variant-numeric: tabular-nums; }
.tc-tile-value small { font-size: .55em; font-weight: 500; color: var(--tf-muted); }
.tc-tile-who { font-weight: 600; line-height: 1.3; overflow-wrap: anywhere; }
.tc-tile-note { font-size: .85rem; color: var(--tf-muted); }

/* Переключатель секторов: много пунктов — переносим строки */
.tc-controls { flex-direction: column; align-items: flex-start; }
.tc-chips { display: flex; flex-wrap: wrap; gap: .35rem; }
.tc-chips a { padding: .3rem .75rem; border: 2px solid var(--tf-ink); border-radius: 999px; background: var(--tf-surface);
  color: var(--tf-ink); text-decoration: none; font-size: .88rem; font-weight: 600; }
.tc-chips a:hover { color: var(--tf-ink); box-shadow: 2px 2px 0 var(--tf-ink); }
.tc-chips a[aria-current="true"] { background: var(--tf-ink); border-color: var(--tf-ink); color: #fff; }
.tc-sort { align-items: center; }
.tc-sort span { font-size: .88rem; margin-right: .2rem; }

/* Таблицы */
.tc-table th { white-space: normal; }
.tc-table td { white-space: nowrap; }
.tc-table td.tc-name { white-space: normal; }
.tc-name { min-width: 14rem; }
.tc-name a { text-decoration: none; }
.tc-name a:hover { text-decoration: underline; }
.tc-sector { color: inherit !important; text-decoration: none; }
.tc-sector:hover { text-decoration: underline; }
.tc-more { margin: .75rem 0 0; }
.tc-note { margin: 0 0 1rem; max-width: 72ch; }
.tf-table-wrap + .tc-note { margin: .6rem 0 0; font-size: .9rem; }
.tc-okved .tf-table { min-width: 0; }

/* Реквизиты */
.tc-req { margin: 0; display: grid; gap: 0; max-width: 72ch; border-top: 1px solid var(--tf-rule); }
.tc-req div { display: grid; grid-template-columns: minmax(8rem, 13rem) 1fr; gap: .25rem 1rem; padding: .45rem 0; border-bottom: 1px solid var(--tf-rule); }
.tc-req dt { color: var(--tf-muted); }
.tc-req dd { margin: 0; overflow-wrap: anywhere; }

/* Столбчатый график */
.tc-bar.tc-rev { fill: var(--tc-rev); }
.tc-bar.tc-net { fill: var(--tc-net); }
.tc-bar.tc-neg { fill: var(--tc-bad); }
.tc-chart .tf-axis { font-size: 12px; }
.tc-val { font-size: 12px; font-family: var(--tf-body); font-variant-numeric: tabular-nums; fill: var(--tf-ink); }
.tc-zero { stroke: var(--tf-ink); stroke-width: 1; }
.tc-key { display: inline-flex; align-items: center; gap: .4rem; }
.tc-key i { width: 12px; height: 12px; display: inline-block; }
.tc-key.tc-rev i { background: var(--tc-rev); }
.tc-key.tc-net i { background: var(--tc-net); }

@media (max-width: 560px) {
  .tc-tile-value { font-size: 1.35rem; }
  .tc-req div { grid-template-columns: 1fr; }
  .tc-name { min-width: 11rem; }
}