/* Задача 7 (PARALLEL_TASKS.md): /soccer/, /soccer/countries/*, /soccer/referees/*.
   Общие классы app.css переиспользуются (.tile, .groups, .rows, .tbl, .pager, .chips и т.д.),
   здесь только то, чего там нет. */

/* Индекс раздела «Футбол»: плитки быстрых ссылок */
.seclinks .tile__ico {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--c-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
}
.seclinks .tile__ico .ico { fill: #fff; width: 16px; height: 16px; }

/* Заголовок страницы страны/судьи с флагом */
.country-h1 { display: flex; align-items: center; gap: 14px; }
.country-h1 .flag { border-radius: 50%; }

/* Группа страны: шапка стала ссылкой, добавлена ссылка на страницу страны внизу */
.group__head { text-decoration: none; }
.group { display: flex; flex-direction: column; }

/* Плашки статистики судьи */
.stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 12px;
}
.stat-tile {
    background: var(--c-bg);
    border-radius: var(--r-md);
    padding: 16px 14px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.stat-tile__num { font-size: 22px; font-weight: 700; }
.stat-tile__label { font-size: 12px; color: var(--c-faint); }

@media (max-width: 900px) {
    .stat-grid { grid-template-columns: repeat(2, 1fr); }
}

/* /soccer/referees/: 4 колонки — не растягивать на 1128 px (аудит плотности 23.09) */
.tbl--refs-list { max-width: 640px; }
.tbl--refs-list th:nth-child(n+3), .tbl--refs-list td:nth-child(n+3) { width: 1%; white-space: nowrap; }