/* ═══════════════════════════════════════════════════════════════════════════
   СКИН ПРОТОКОЛА МАТЧА — V5
   ═══════════════════════════════════════════════════════════════════════════
   Язык темы: светлый лист, воздух, волосяные границы, крупные скругления,
   клубный цвет как единственный акцент.

   ⛔ ЧТО ЗДЕСЬ БЫЛО СЛОМАНО. Прежняя версия брала цвета из переменных
   `--club-primary`, `--bg`, `--ink`, `--border` — это набор V1/V2. У пятой
   темы таких переменных НЕТ ВОВСЕ, объявления с неизвестной переменной
   обрушивались на запасное значение, и окно протокола выходило белым листом с
   чёрным текстом при любом клубе. Владелец увидел это сразу: «протокол не
   имеет брендовых цветов — он не подготовлен». Теперь цвета берутся из
   `--fnwv5-*`, то есть из того же расчёта, что красит саму тему.

   ⛔ Лист протокола остаётся СВЕТЛЫМ нарочно. Соблазн залить окно клубным
   цветом велик, но в окне живёт таблица из тринадцати числовых колонок на
   пятнадцать строк: на клубной заливке половина клубов даёт нечитаемые числа,
   и порог ΔL* не выдержать ни подмесом, ни вуалью. Клубный цвет здесь красит
   ОБРАМЛЕНИЕ и акценты — шапку окна, подписи команд, итоговую строку, — а
   числа стоят на светлом. Это решение, а не недоделка.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Переменные объявлены в КОРНЕ, а не на карточке: кнопка вызова живёт вне
   карточки, и при объявлении на ней оставалась без цвета — проверено снимком. */
:root {
  --bb-veil: color-mix(in srgb, var(--fnwv5-primary-deep, #0b0b0b) 62%, transparent);
  --bb-bg: #ffffff;
  --bb-ink: #121212;
  --bb-muted: #6b6b6b;
  --bb-line: rgba(0, 0, 0, .08);
  /* Акцент — клубный основной. Он же красит подписи команд и итог. */
  --bb-accent: var(--fnwv5-primary, #1b4332);
  --bb-radius: 16px;
  --bb-pad: 22px;
  /* Второй клубный цвет: тонкая линия под шапкой и отбивка итога. */
  --bb-skin-2: var(--fnwv5-secondary, #d4af37);
}

.fnwbb-modal { font-family: var(--fnwv5-font-body, 'Inter', system-ui, sans-serif); }

.fnwbb-modal__panel {
  box-shadow: 0 30px 80px color-mix(in srgb, var(--fnwv5-primary-deep, #0b0b0b) 34%, transparent);
  overflow: hidden;   /* иначе клубная шапка вылезает из скругления */
}

/* ── шапка окна: клубная полоса ───────────────────────────────────────────
   Заливка — клубный основной, чернила — посчитанный теме контрастный цвет
   (`--fnwv5-on-primary`), а не белый наугад: у клуба со светлым основным
   белый текст на нём не читается. */
.fnwbb-modal__head {
  background: linear-gradient(135deg,
    var(--fnwv5-primary-deep, #0b1f16),
    var(--fnwv5-primary, #1b4332) 62%,
    var(--fnwv5-primary-hi, #2a5c46));
  border-bottom: 2px solid var(--bb-skin-2);
  color: var(--fnwv5-on-primary, #fff);
}
.fnwbb-modal__title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -.01em;
  color: var(--fnwv5-on-primary, #fff);
}
.fnwbb-modal__x {
  border-radius: 12px;
  color: var(--fnwv5-on-primary, #fff);
  background: color-mix(in srgb, var(--fnwv5-on-primary, #fff) 12%, transparent);
}
.fnwbb-modal__x:hover { background: color-mix(in srgb, var(--fnwv5-on-primary, #fff) 22%, transparent); }
.fnwbb-modal__grip { background: color-mix(in srgb, var(--fnwv5-on-primary, #fff) 40%, transparent); }

/* ── подпись команды: клубный цвет и линия второго ────────────────────── */
.fnwbb-box__team {
  font-size: 12px;
  letter-spacing: .1em;
  color: var(--bb-accent);
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 10px;
}
/* Линия уводит взгляд от подписи к таблице — и заодно ставит второй клубный
   цвет туда, где он ничего не делает с читаемостью. */
.fnwbb-box__team::after {
  content: '';
  flex: 1;
  height: 2px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--bb-skin-2), transparent);
}

/* ── таблица: воздух вместо линий, клубная шапка колонок ──────────────── */
.fnwbb-box__table th,
.fnwbb-box__table td { padding: 11px 12px; }
.fnwbb-box__table th {
  font-size: 10px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--bb-accent);
  background: color-mix(in srgb, var(--fnwv5-primary, #1b4332) 7%, #fff);
}
/* Чётные строки в клубном подмесе 3.5%: полосатость видна, а числа стоят
   практически на белом — ΔL* к чернилам не падает ниже порога ни у одного
   клубного цвета, потому что подмес мельче, чем разница между строками. */
.fnwbb-box__table tbody tr:nth-child(even) {
  background: color-mix(in srgb, var(--fnwv5-primary, #1b4332) 3.5%, #fff);
}
.fnwbb-box__table tbody tr { transition: background-color .15s ease; }
.fnwbb-box__table tbody tr:hover,
.fnwbb-box__table tbody tr:hover td.fnwbb-l {
  background: color-mix(in srgb, var(--fnwv5-primary, #1b4332) 9%, #fff);
}

/* Итог отбит клубным цветом — самая яркая строка таблицы. */
.fnwbb-box__total td {
  border-top: 2px solid var(--bb-accent);
  background: color-mix(in srgb, var(--fnwv5-primary, #1b4332) 6%, #fff);
  font-weight: 700;
}
.fnwbb-box__total td.fnwbb-l { box-shadow: inset 3px 0 0 var(--bb-skin-2); }

.fnwbb-box__pts { color: var(--bb-accent); font-weight: 800; }

/* ── карточки протокола на телефоне ──────────────────────────────────── */
.fnwbb-box__card {
  border-radius: 14px;
  padding: 12px 14px;
  border: 1px solid color-mix(in srgb, var(--fnwv5-primary, #1b4332) 14%, transparent);
}
.fnwbb-box__card--total {
  border-color: var(--bb-accent);
  background: color-mix(in srgb, var(--fnwv5-primary, #1b4332) 6%, #fff);
}
.fnwbb-box__num {
  background: var(--bb-accent);
  color: var(--fnwv5-on-primary, #fff);
  border-radius: 999px;
  padding: 1px 8px;
  font-weight: 800;
  font-size: 11px;
}

/* ── кнопка вызова протокола ─────────────────────────────────────────────
   Живёт НЕ в окне, а в карточке матча, где поверхность клубная. Поэтому цвет
   берёт у окружения (`currentColor`), а второй клубный цвет даёт подчёркивание:
   фиксированный клубный основной на клубной же заливке исчезал. */
.fnwbb-boxbtn {
  color: currentColor;
  border-bottom: 1px solid color-mix(in srgb, currentColor 35%, transparent);
  transition: border-color .15s ease, color .15s ease;
}
.fnwbb-boxbtn:hover { border-bottom-color: currentColor; }

@media (prefers-reduced-motion: reduce) {
  .fnwbb-box__table tbody tr, .fnwbb-boxbtn { transition: none; }
}

/* Правила блоков отсюда убраны 2026-09-04: это была первая версия, где темы
   различались только краской. Блоки теперь в bb-blocks.css + bb-paint.css,
   у каждой темы своя композиция. Здесь остаётся только скин протокола. */