# Спека: вынести цвет счётчика активных в scoped-класс stat-success

## Цель

Рефактор без изменения поведения: цвет счётчика активных тенантов в `TenantsStatsHeader.vue`
сейчас задан инлайн-стилем; вынести его в scoped-CSS-правило `.stat-success { color: #1b5e20; }`
по прецеденту `.sep`, как и предполагалось изначально. Оба a11y-теста и вся frontend-сюита
остаются зелёными.

## Контракт {#D1}

`TenantsStatsHeader.vue` — счётчик активных (`<span class="num stat-success" …>`):

- инлайн-атрибут `style="color: #1b5e20"` с элемента убирается;
- в scoped-блок `<style>` добавляется правило `.stat-success { color: #1b5e20; }` с комментарием о
  замеренном контрасте (≈ 7.1:1 на ivory `#F6F3EC`), рядом с прецедентным правилом `.sep`;
- класс элемента остаётся `num stat-success` — разметка теста не затрагивается;
- поведение неизменно: визуально тот же тёмно-зелёный, контраст тот же.

## Текущее состояние {#D2}

Сейчас элемент размечен `class="num stat-success"` и несёт инлайн `style="color: #1b5e20"`.
Оба теста (`TenantsFilters`, `TenantsStatsHeader`) зелёные; рефактор не должен это менять.

## Критерий приёмки {#D3}

- `TenantsStatsHeader.spec.ts` и `TenantsFilters.spec.ts` по-прежнему проходят (класс
  `stat-success` присутствует, текст `5`, `.num.text-success` отсутствует);
- полная frontend-сюита зелёная — целевое 946 passed / 3 skipped (как после F-2);
- цвет применяется через класс `.stat-success`, инлайн-стиля на элементе нет.

## Конвенция локального AA-класса {#D4}

Прецедент в этом же файле — `.sep { color: #6b6356; }` (≈ 5.33:1 на ivory) с пояснительным
WCAG-комментарием. `.stat-success` оформляется по той же конвенции: тёмно-зелёный `#1b5e20`,
контраст ≈ 7.1:1 на `#F6F3EC`, с комментарием. Моноширинная разметка числа наследуется от `num`.

```verified-context-json
[
  {"id":"C1","kind":"EXTRACTED","ref":"app/resources/js/components/admin/tenants/TenantsStatsHeader.vue","anchor":"class=\"num stat-success\" style=\"color: #1b5e20\""},
  {"id":"C2","kind":"EXTRACTED","ref":"app/resources/js/components/admin/tenants/TenantsStatsHeader.vue","anchor":"color: #6b6356;"}
]
```
