/* Общие правки вёрстки страниц биржи (22.10.2026). Подключается из sidebar.php — после стилей страниц. */

/* ---- Поиск в шапке: текст левее и чуть мельче, чтобы подсказка «Поиск в каталоге (по названию)» помещалась ---- */
@media (min-width: 993px) {
    .header-search input { padding-left: 33px !important; padding-right: 12px !important; font-size: 11.8px !important; background-position: 12px center !important; background-size: 13px 13px !important; text-overflow: ellipsis; }
}

/* ---- Кнопки под рейтингом: «Смотреть Топ 26–50» и «Открыть каталог» — одного размера ---- */
.pagination-container .btn-pagination-next, .pagination-container .btn-pagination-prev, .pagination-container .btn-to-catalog {
    height: 40px !important; padding: 0 20px !important; border-radius: 12px !important; font-size: 12.5px !important; font-weight: 800 !important;
    box-sizing: border-box; display: inline-flex !important; align-items: center; justify-content: center; gap: 7px; white-space: nowrap;
}
.pagination-container .btn-to-catalog svg { width: 15px; height: 15px; }
@media (max-width: 992px) {
    .pagination-container { gap: 6px !important; }
    .pagination-container .btn-pagination-next, .pagination-container .btn-pagination-prev, .pagination-container .btn-to-catalog {
        flex: 1 1 0; min-width: 0; height: 32px !important; padding: 0 8px !important; border-radius: 9px !important; font-size: 8.6px !important; gap: 4px;
    }
    .pagination-container .btn-to-catalog svg { width: 10px; height: 10px; }
}

/* ---- Плашка «Живой рейтинг площадок»: ярче, с пульсом; на телефоне не нужна ---- */
.tb-free-rating {
    background: linear-gradient(135deg, rgba(38,230,150,.16), rgba(94,157,255,.16)) !important;
    border: 1px solid rgba(38,230,150,.55) !important; color: #0b7a55 !important; font-weight: 800 !important;
    box-shadow: 0 0 0 3px rgba(38,230,150,.08), 0 6px 18px rgba(38,230,150,.18) !important;
}
.tb-free-rating .eyebrow-icon-dot { animation: tbLivePulse 1.8s ease-in-out infinite; }
@keyframes tbLivePulse { 0%,100% { box-shadow: 0 0 0 0 rgba(38,230,150,.55); } 50% { box-shadow: 0 0 0 6px rgba(38,230,150,0); } }
html[data-theme="dark"] .tb-free-rating { color: #7ef7c4 !important; background: linear-gradient(135deg, rgba(38,230,150,.14), rgba(94,157,255,.14)) !important; }
@media (prefers-reduced-motion: reduce) { .tb-free-rating .eyebrow-icon-dot { animation: none; } }
@media (max-width: 992px) { .tb-free-rating { display: none !important; } }

/* =====================================================================
   Таблицы каналов на телефоне — строка превращается в аккуратную карточку (22.10.2026):
     1) аватарка · название, @ник, категория · справа рейтинг (звёздочка — в конце строки с названием)
     2) шесть одинаковых ячеек: подпись сверху, значение снизу, без разнокалиберных иконок
   Шапка таблицы — лента кнопок сортировки. Подписи ячеек — на языке сайта (переменные --chl-* из sidebar.php).
   На компьютере таблица не меняется.
   ===================================================================== */
@media (max-width: 992px) {
    .ch-row.grid-all { --m-cell: #f5f8fc; --m-line: #e6edf5; --m-val: #0f172a; --m-lbl: #7c8ca2; --m-chip: #eef4fd; --m-chip-t: #334155; }
    html[data-theme="dark"] .ch-row.grid-all { --m-cell: rgba(255,255,255,.045); --m-line: rgba(255,255,255,.08); --m-val: #e8f0fa; --m-lbl: #8ea3bb; --m-chip: rgba(255,255,255,.07); --m-chip-t: #cfdbe9; }

    /* --- шапка → лента сортировки --- */
    .table-responsive > .tbl-head.grid-all {
        display: flex !important; align-items: center; gap: 6px !important; overflow-x: auto; scrollbar-width: none;
        padding: 8px 10px !important; border-radius: 12px 12px 0 0 !important; min-height: 0 !important;
    }
    .table-responsive > .tbl-head.grid-all::-webkit-scrollbar { display: none; }
    .table-responsive > .tbl-head.grid-all::before { content: var(--chl-sort, 'Сортировка:'); flex-shrink: 0; font: 800 9px/1 Inter, sans-serif; letter-spacing: .2px; opacity: .9; }
    .table-responsive > .tbl-head.grid-all > :nth-child(1), .table-responsive > .tbl-head.grid-all > :nth-child(2),
    .table-responsive > .tbl-head.grid-all > :nth-child(8), .table-responsive > .tbl-head.grid-all > :nth-child(11) { display: none !important; }
    .table-responsive > .tbl-head.grid-all > span {
        flex-shrink: 0; display: inline-flex !important; align-items: center; height: 24px; margin: 0 !important; padding: 0 11px !important; box-sizing: border-box;
        border-radius: 12px; background: rgba(255,255,255,.18); border: 1px solid rgba(255,255,255,.28); white-space: nowrap; width: auto !important;
        font: 700 9px/1 Inter, sans-serif !important; letter-spacing: .1px;
    }
    .table-responsive > .tbl-head.grid-all > span a { justify-content: center !important; gap: 3px !important; }
    .table-responsive > .tbl-head.grid-all > span, .table-responsive > .tbl-head.grid-all > span * { font-size: 9.5px !important; font-weight: 700 !important; line-height: 1 !important; color: #fff !important; text-transform: none !important; letter-spacing: .1px !important; }

    /* --- сортировка одной строкой (msort.js): «Сортировка  [Подписчики · Сначала больше ▾] [↓]» --- */
    .table-responsive > .tbl-head.grid-all.msort-on { overflow: visible; padding: 8px 8px 8px 12px !important; }
    .table-responsive > .tbl-head.grid-all.msort-on::before { content: none !important; display: none !important; }
    .table-responsive > .tbl-head.grid-all.msort-on > span { display: none !important; }
    .table-responsive > .tbl-head.grid-all > .msort-bar { display: flex !important; }
    .msort-bar, .msort-bar * { text-transform: none !important; letter-spacing: 0 !important; line-height: 1.15 !important; }
    .msort-bar { display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; font-family: Inter, -apple-system, sans-serif; color: #fff; }
    .msort-lbl { display: inline-flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: 11px; font-weight: 800; letter-spacing: .2px; }
    .msort-lbl svg { width: 15px; height: 15px; opacity: .9; }
    .msort-pick { flex: 1; min-width: 0; display: flex; align-items: center; gap: 6px; height: 34px; padding: 0 10px 0 12px; margin: 0 0 0 auto; cursor: pointer;
        border-radius: 11px; border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.2); color: #fff; font: inherit; text-align: left;
        -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); }
    .msort-pick b { font-size: 12.5px; font-weight: 800; white-space: nowrap; }
    .msort-pick i { flex: 1; min-width: 0; font-style: normal; font-size: 10.5px; font-weight: 600; opacity: .82; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .msort-pick svg { width: 14px; height: 14px; flex-shrink: 0; opacity: .9; }
    .msort-dir { flex-shrink: 0; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 11px; color: #fff !important;
        border: 1px solid rgba(255,255,255,.34); background: rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); }
    .msort-dir svg { width: 16px; height: 16px; }
    .msort-pick:active, .msort-dir:active { transform: scale(.97); }
    [dir="rtl"] .msort-pick { text-align: right; margin: 0 auto 0 0; padding: 0 12px 0 10px; }

    .msort-sheet .msort-h { display: flex; align-items: center; gap: 8px; padding: 2px 4px 12px; font-size: 15px; font-weight: 800; }
    .msort-sheet .msort-h svg { width: 18px; height: 18px; color: #00e5a0; }
    .msort-row { display: flex; align-items: center; gap: 8px; margin-bottom: 6px; padding: 5px 5px 5px 4px; border-radius: 14px;
        background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.07); }
    .msort-row.on { background: rgba(0,229,160,.09); border-color: rgba(0,229,160,.35); }
    .msort-name { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; min-height: 40px; padding: 0 8px; font-size: 14px; font-weight: 700; color: #f5f8fc !important; text-decoration: none !important; }
    .msort-ck { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; flex-shrink: 0; border: 1.5px solid rgba(255,255,255,.22); color: #04121c; }
    .msort-row.on .msort-ck { background: #00e5a0; border-color: #00e5a0; }
    .msort-ck svg { width: 13px; height: 13px; }
    .msort-dirs { display: flex; gap: 6px; flex-shrink: 0; }
    .msort-dirs a { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 11px; color: #9fb3c8 !important;
        background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08); }
    .msort-dirs a svg { width: 17px; height: 17px; }
    .msort-dirs a.on { color: #04121c !important; background: #00e5a0; border-color: #00e5a0; box-shadow: 0 4px 14px rgba(0,229,160,.35); }

    /* --- карточка --- */
    .ch-row.grid-all {
        display: grid !important; grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        grid-template-areas: "meta meta meta meta meta rate" "m1 m2 m3 m4 m5 m6" !important;
        column-gap: 5px !important; row-gap: 10px !important; padding: 12px 11px 12px 10px !important; align-items: center !important; min-height: 0 !important;
    }
    .ch-row.grid-all > div { padding: 0 !important; margin: 0 !important; min-width: 0; font-size: inherit; }
    .ch-row.grid-all > .ch-num,
    .ch-row.grid-all > :nth-child(8):not(.btn-write-wrap):not(.ch-no-price-panel),
    .ch-row.grid-all > .btn-write-wrap { display: none !important; }

    /* верхняя строка */
    .ch-row.grid-all > .ch-meta { grid-area: meta; display: flex !important; align-items: center !important; gap: 10px !important; }
    .table-responsive .ch-row.grid-all .ch-meta > .avatar-wrap { flex: 0 0 40px !important; width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; max-height: none !important; max-width: none !important; transform: none !important; margin: 0 !important; }
    .table-responsive .ch-row.grid-all .ch-meta > .avatar-wrap .ch-avatar { width: 40px !important; height: 40px !important; max-height: none !important; min-height: 0 !important; }
    .ch-row.grid-all .avatar-wrap .avatar-badge { width: 13px !important; height: 13px !important; }
    .ch-row.grid-all .ch-num-badge { font: 800 7px/1 Inter, sans-serif !important; padding: 2px 5px !important; bottom: -5px !important; }
    .ch-row.grid-all .ch-names { display: flex !important; flex-direction: column; align-items: flex-start; gap: 3px; }
    .ch-row.grid-all .ch-names > div:first-child { width: 100% !important; }
    .ch-row.grid-all .ch-names .ch-title { font: 800 11.5px/1.2 Inter, sans-serif !important; padding: 0 !important; margin: 0 !important; letter-spacing: -.1px; }
    .ch-row.grid-all .ch-names .ch-user { font: 600 9.5px/1.2 Inter, sans-serif !important; max-width: 100% !important; }
    /* звёздочка — у правого края верхней строки, по центру по высоте, рядом с рейтингом (одинаково на всех страницах) */
    .ch-row.grid-all > .ch-meta { position: relative !important; padding-right: 26px !important; box-sizing: border-box; }
    .ch-row.grid-all .ch-names .btn-fav { position: absolute !important; right: 2px !important; left: auto !important; top: 50% !important; bottom: auto !important;
        transform: translateY(-50%) !important; margin: 0 !important; padding: 2px !important; z-index: 2; }
    .ch-row.grid-all .ch-names .btn-fav svg { width: 16px !important; height: 16px !important; transform: none !important; }
    .ch-row.grid-all .ch-names .ch-cat-mobile-only { display: flex !important; margin: 1px 0 0 !important; }
    .ch-row.grid-all .ch-names .ch-badge {
        display: inline-flex !important; align-items: center; gap: 5px !important; height: 18px; max-width: 100% !important; box-sizing: border-box;
        padding: 0 9px 0 3px !important; margin: 0 !important; border-radius: 9px !important; border: 0 !important; box-shadow: none !important;
        background: var(--m-chip) !important; color: var(--m-chip-t) !important; font: 700 8.5px/1 Inter, sans-serif !important;
    }
    .ch-row.grid-all .ch-names .gm-icon-cat { width: 13px !important; height: 13px !important; margin: 0 !important; box-shadow: none !important; flex-shrink: 0; }
    .ch-row.grid-all .ch-names .gm-icon-cat svg { width: 8px !important; height: 8px !important; }
    .ch-row.grid-all > .rank-chip { grid-area: rate; justify-self: end; align-self: start; display: inline-flex !important; align-items: center; gap: 4px;
        height: 22px; padding: 0 9px !important; border-radius: 11px !important; box-sizing: border-box; font: 800 10px/1 Inter, sans-serif !important; font-variant-numeric: tabular-nums; }
    .ch-row.grid-all > .rank-chip .rank-chip-icon, .ch-row.grid-all > .rank-chip .rank-chip-icon svg { width: 10px !important; height: 10px !important; }
    .ch-row.grid-all > .rank-chip .rank-chip-value { font: inherit !important; }

    /* нижняя строка — шесть одинаковых ячеек */
    .ch-row.grid-all > :nth-child(4) { grid-area: m1; }
    .ch-row.grid-all > :nth-child(5) { grid-area: m2; }
    .ch-row.grid-all > :nth-child(6) { grid-area: m3; }
    .ch-row.grid-all > :nth-child(7) { grid-area: m4; }
    .ch-row.grid-all > :nth-child(9) { grid-area: m5; }
    .ch-row.grid-all > :nth-child(10) { grid-area: m6; }
    .ch-row.grid-all > :nth-child(n+4):not(.btn-write-wrap) {
        display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 4px !important;
        width: auto !important; height: 40px !important; box-sizing: border-box; border-radius: 10px !important; text-align: center !important;
        background: var(--m-cell) !important; border: 1px solid var(--m-line) !important; box-shadow: none !important;
    }
    .ch-row.grid-all > :nth-child(n+4):not(.btn-write-wrap)::before {
        font: 600 7.5px/1 Inter, sans-serif; color: var(--m-lbl); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 94%;
    }
    .ch-row.grid-all > :nth-child(4)::before { content: var(--chl-subs, 'Подписчики'); }
    .ch-row.grid-all > :nth-child(5)::before { content: var(--chl-view, 'Охват'); }
    .ch-row.grid-all > :nth-child(6)::before { content: 'ERR'; }
    .ch-row.grid-all > :nth-child(7)::before { content: var(--chl-iv, 'ИВ'); }
    .ch-row.grid-all > :nth-child(9)::before { content: var(--chl-price, 'Цена от'); }
    .ch-row.grid-all > :nth-child(10)::before { content: 'CPM'; }
    /* значения: один шрифт и цвет; иконки внутри ячеек убраны — подпись и так говорит, что это */
    .ch-row.grid-all > :nth-child(n+4) .gm-metric-icon, .ch-row.grid-all > :nth-child(n+4) .gm-err-ring { display: none !important; }
    .ch-row.grid-all > :nth-child(n+4) .gm-metric-row, .ch-row.grid-all > :nth-child(n+4) .iv-badge, .ch-row.grid-all > :nth-child(n+4) .ch-cpm-badge {
        display: inline-flex !important; align-items: center; justify-content: center; gap: 0 !important; margin: 0 !important; padding: 0 !important;
        background: none !important; border: 0 !important; box-shadow: none !important; width: auto !important; height: auto !important;
    }
    .ch-row.grid-all > :nth-child(n+4), .ch-row.grid-all > :nth-child(n+4) span, .ch-row.grid-all > :nth-child(n+4) .iv-badge, .ch-row.grid-all > :nth-child(n+4) .ch-cpm-badge {
        font: 800 10.5px/1 Inter, sans-serif !important; font-variant-numeric: tabular-nums; letter-spacing: -.15px; white-space: nowrap; color: var(--m-val);
    }
    .ch-row.grid-all > :nth-child(10) .ch-cpm-badge { color: #059669 !important; }
    html[data-theme="dark"] .ch-row.grid-all > :nth-child(10) .ch-cpm-badge { color: #34d399 !important; }
    /* без цены — одна широкая ячейка на месте «Цена от» и «CPM» */
    .ch-row.grid-all > .ch-no-price-panel { grid-area: auto !important; grid-column: 5 / span 2 !important; grid-row: 2 !important; max-width: none !important; min-width: 0 !important;
        font: 700 8.5px/1.2 Inter, sans-serif !important; color: var(--m-lbl) !important; white-space: normal !important; }
    .ch-row.grid-all > .ch-no-price-panel::before { content: none !important; }
}
@media (max-width: 380px) {
    .ch-row.grid-all { column-gap: 4px !important; padding: 11px 9px 11px 8px !important; }
    .ch-row.grid-all > :nth-child(n+4), .ch-row.grid-all > :nth-child(n+4) span, .ch-row.grid-all > :nth-child(n+4) .iv-badge, .ch-row.grid-all > :nth-child(n+4) .ch-cpm-badge { font-size: 9.4px !important; letter-spacing: -.3px; }
    .ch-row.grid-all > :nth-child(n+4):not(.btn-write-wrap)::before { font-size: 7px; }
}
@media (min-width: 993px) { .msort-bar, .msort-sheet { display: none !important; } }

/* =====================================================================
   Телефон: единая типографика блоков над таблицей (22.10.2026)
   Шкала: подпись-«глазок» 11px · заголовок раздела 20px · описание 12.5px · элементы управления 13px · чипы 12px.
   Категории — лента в 3 ряда с прокруткой вбок, а не 10 строк мелких чипов.
   ===================================================================== */
@media (max-width: 992px) {
    /* --- заголовок «Рейтинг Telegram-каналов» --- */
    html body .table-section-title { padding: 18px 16px 4px !important; }
    html body .table-section-title .table-title-inner { gap: 0 !important; }
    html body .table-section-title h2, html body .table-section-title h1 {
        font-size: 20px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: -.02em !important; margin: 0 0 6px !important; justify-content: center; flex-wrap: wrap; gap: 0 6px; }
    html body .table-section-title h2 *, html body .table-section-title h1 * { font-size: inherit !important; }
    html body .table-section-title p { font-size: 12.5px !important; line-height: 1.45 !important; font-weight: 500 !important; margin: 0 !important; opacity: .85; }

    /* --- переключатель «Подтверждённые» + поиск: одна строка, одна высота --- */
    html body #catalogAjaxWrap .tbs-bar, html body .tbs-bar { display: flex !important; align-items: center; gap: 8px !important; margin: 14px 0 12px !important; padding: 0 12px !important; width: auto !important; max-width: none !important; }
    html body .tbs-bar .tbs-verified { flex-shrink: 0; height: 38px !important; padding: 0 12px 0 9px !important; gap: 8px !important; border-radius: 12px !important; font-size: 12.5px !important; line-height: 1 !important; font-weight: 700 !important; box-sizing: border-box; }
    html body #catalogAjaxWrap .tbs-bar .tbs-verified .tv-short, html body .tbs-bar .tbs-verified .tv-short, html body .tbs-bar .tbs-verified .tv-full { font-size: 12.5px !important; line-height: 1 !important; font-weight: 700 !important; }
    html body .tbs-bar .tbs-switch { width: 30px !important; height: 18px !important; flex-shrink: 0; }
    html body .tbs-bar .tbs { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; margin: 0 !important; }
    html body .tbs-bar .tbs-field { height: 38px !important; border-radius: 12px !important; padding: 0 10px 0 34px !important; box-sizing: border-box; position: relative; display: flex !important; align-items: center; }
    html body .tbs-bar .tbs-field .tbs-ico { width: 15px !important; height: 15px !important; left: 12px !important; position: absolute !important; top: 50% !important; transform: translateY(-50%) !important; }
    html body .tbs-bar .tbs-field input, html body .tbs-field input#tbSearchInput { font-size: 13px !important; line-height: 1.2 !important; height: 100% !important; font-weight: 500 !important; width: 100% !important; padding: 0 !important; }

    /* --- категории: 3 ряда, прокрутка вбок, затухание у края --- */
    html body .cat-filter-row {
        display: grid !important; grid-auto-flow: column; grid-template-rows: repeat(3, auto); grid-auto-columns: max-content; justify-content: start !important;
        gap: 7px !important; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: none; scroll-padding: 0 12px;
        max-width: none !important; margin: 0 0 14px !important; padding: 2px 12px 4px !important;
        -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); }
    html body .cat-filter-row::-webkit-scrollbar { display: none; }
    html body .cat-filter-row .cat-check-chip {
        height: 32px !important; padding: 0 10px 0 8px !important; gap: 7px !important; border-radius: 10px !important; box-sizing: border-box;
        font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; margin: 0 !important;
        width: auto !important; min-width: 0 !important; max-width: none !important; flex: none !important; justify-content: flex-start !important; }
    html body .cat-filter-row .cat-check-label { font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; }
    html body .cat-filter-row .cat-check-box { width: 15px !important; height: 15px !important; border-radius: 5px !important; flex-shrink: 0; }
    html body .cat-filter-row .cat-check-box svg { width: 10px !important; height: 10px !important; }
    html body .cat-filter-row .cat-check-count { min-width: 20px !important; height: 18px !important; padding: 0 5px !important; margin: 0 !important; border-radius: 6px !important; font-size: 10.5px !important; line-height: 1 !important; font-weight: 800 !important; justify-content: center; box-sizing: border-box; font-variant-numeric: tabular-nums; }
    [dir="rtl"] body .cat-filter-row { -webkit-mask-image: linear-gradient(270deg, #000 0, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(270deg, #000 0, #000 calc(100% - 28px), transparent); }

    /* раскладка msort.js: 3 ровные строки во внутреннем блоке */
    html body .cat-filter-row.cat-rows-on, html body .tbl-cat-row.cat-rows-on { display: block !important; overflow-x: auto !important; }
    html body .cat-rows-on > .cat-rows-in { display: flex; flex-wrap: wrap; gap: 7px; align-content: flex-start; }
    html body .cat-rows-on > .cat-rows-in > * { flex: none !important; }

    /* --- каталог (/catalog): та же шкала --- */
    html body .table-section-title.head-tbl { padding: 18px 12px 4px !important; text-align: center; }
    html body .table-section-title.head-tbl > div:first-child { width: 100%; }
    html body .tbl-search-wrap { width: 100% !important; display: flex !important; flex-direction: column; gap: 8px !important; margin-top: 14px !important; }
    html body .tbl-search-wrap #searchInput.tbl-search-input, html body .tbl-search-wrap #searchInput.tbl-search-input::placeholder { font-size: 13px !important; font-weight: 500 !important; }
    html body .tbl-search-wrap .tbl-verified-label { height: 38px !important; justify-content: center; border-radius: 12px !important; width: 100%; box-sizing: border-box; }
    html body .tbl-search-wrap .tbl-search-input { height: 38px !important; font-size: 13px !important; border-radius: 12px !important; padding: 0 12px !important; box-sizing: border-box; width: 100% !important; }
    html body .tbl-search-wrap .tbl-verified-label, html body .tbl-search-wrap .tbl-verified-text { font-size: 12.5px !important; font-weight: 600 !important; line-height: 1.2 !important; }
    html body .tbl-cat-row {
        display: grid !important; grid-auto-flow: column; grid-template-rows: repeat(3, auto); grid-auto-columns: max-content; justify-content: start !important;
        gap: 7px !important; overflow-x: auto; scrollbar-width: none; width: 100%; margin: 12px -12px 4px !important; padding: 2px 12px 4px !important; box-sizing: content-box;
        -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 28px), transparent); }
    html body .tbl-cat-row::-webkit-scrollbar { display: none; }
    html body .tbl-cat-row .tbl-cat-chip { height: 32px !important; padding: 0 11px 0 8px !important; gap: 7px !important; border-radius: 10px !important; font-size: 12px !important; line-height: 1 !important; font-weight: 600 !important; margin: 0 !important; box-sizing: border-box; display: inline-flex !important; align-items: center; white-space: nowrap; }
    html body .tbl-cat-row .tbl-cat-chip .chip-dot { width: 15px !important; height: 15px !important; flex-shrink: 0; }
    html body .tbl-cat-row .tbl-cat-chip .chip-dot svg { width: 10px !important; height: 10px !important; }

    /* --- строка сортировки: подписи одного размера --- */
    .msort-lbl { font-size: 12px !important; }
    .msort-pick b { font-size: 13px !important; font-weight: 800 !important; }
    .msort-pick i { font-size: 11px !important; font-weight: 600 !important; }

    /* --- «Лидеры платформы»: одна доска на слайд, крупные строки --- */
    html body .top-boards-viewport .tb-intro { padding: 6px 16px 0 !important; margin: 0 0 12px !important; }
    html body .tb-intro .tb-eyebrow { font-size: 11px !important; line-height: 1 !important; padding: 6px 12px 6px 10px !important; margin: 0 0 12px !important; font-weight: 700 !important; }
    html body .tb-intro .tb-title { font-size: 20px !important; line-height: 1.2 !important; margin: 0 0 8px !important; letter-spacing: -.02em !important; }
    html body .tb-intro .tb-title * { font-size: inherit !important; }
    html body .tb-intro .tb-desc { font-size: 12.5px !important; line-height: 1.5 !important; margin: 0 auto !important; padding: 0 !important; max-width: 330px !important; text-align: center !important; font-weight: 500 !important; }
    html body .top-boards-clip { margin: 0 !important; padding: 6px 0 10px !important; }
    html body .top-boards { gap: 12px !important; }
    html body .top-boards > .board-card { flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 12px !important; box-sizing: border-box !important; border-radius: 18px !important; }
    html body .board-card .board-title { display: flex !important; align-items: center !important; justify-content: space-between; gap: 8px; margin: 0 0 8px !important; padding: 0 2px 10px !important; }
    html body .board-card .board-title-text { font-size: 14px !important; line-height: 1.2 !important; font-weight: 800 !important; gap: 8px !important; align-items: center; }
    html body .board-card .board-title-text svg { width: 16px !important; height: 16px !important; flex-shrink: 0; }
    html body .board-card .btn-see-all { font-size: 11.5px !important; line-height: 1 !important; font-weight: 700 !important; padding: 7px 12px !important; border-radius: 10px !important; white-space: nowrap; }
    html body .board-card .board-item { display: flex !important; align-items: center !important; gap: 10px !important; padding: 7px 6px !important; min-height: 46px; box-sizing: border-box; border-radius: 12px !important; }
    html body .board-card .board-num { width: 22px !important; height: 22px !important; min-width: 22px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 800 !important; border-radius: 50% !important; display: flex !important; align-items: center; justify-content: center; flex-shrink: 0; margin: 0 !important; }
    html body .board-card .board-avatar-wrap { width: 34px !important; height: 34px !important; min-width: 34px !important; flex-shrink: 0; margin: 0 !important; }
    html body .board-card .board-avatar-wrap { min-height: 34px !important; max-height: 34px !important; max-width: 34px !important; }
    html body .board-card .board-avatar { width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; max-width: 34px !important; border-radius: 50% !important; object-fit: cover !important; }
    html body .board-card .board-avatar-wrap .avatar-badge { width: 14px !important; height: 14px !important; right: -2px !important; bottom: -2px !important; }
    html body .board-card .board-avatar-wrap .avatar-badge svg { width: 9px !important; height: 9px !important; }
    html body .board-card .board-avatar-wrap .quest-mark { font-size: 9px !important; line-height: 1 !important; }
    html body .board-card .board-name { flex: 1 1 auto; min-width: 0; font-size: 13.5px !important; line-height: 1.25 !important; font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    html body .board-card .board-val { flex-shrink: 0; margin-left: auto !important; font-size: 12px !important; line-height: 1 !important; font-weight: 800 !important; padding: 6px 10px !important; border-radius: 9px !important; font-variant-numeric: tabular-nums; }
    html body .board-card .board-item .rank-chip { font-size: 12px !important; padding: 5px 9px !important; }
    html body .board-card .board-item .rank-chip-icon { width: 12px !important; height: 12px !important; }
    html body .top-boards-dots { margin-top: 4px !important; }
    html body .top-boards-viewport .tb-cta-btn { font-size: 13px !important; line-height: 1 !important; font-weight: 800 !important; padding: 13px 24px !important; border-radius: 14px !important; }

    /* карточка на телефоне выше строки на компьютере — подсказка браузеру, чтобы прокрутка не прыгала */
    .channels-list-2 > .ch-wrapper, .channels-list > .ch-wrapper { contain-intrinsic-size: auto 128px !important; }

    /* --- значки на аватарке и номер в таблице --- */
    .table-responsive .ch-row.grid-all .ch-meta > .avatar-wrap { flex: 0 0 44px !important; width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; max-width: 44px !important; max-height: 44px !important; overflow: visible !important; }
    .table-responsive .ch-row.grid-all .ch-meta > .avatar-wrap > .ch-avatar { width: 44px !important; height: 44px !important; }
    .table-responsive .ch-row.grid-all .avatar-wrap > .avatar-badge {
        width: 16px !important; height: 16px !important; min-width: 16px !important; right: -3px !important; bottom: 3px !important; left: auto !important; top: auto !important;
        border-radius: 50% !important; border: 2px solid var(--m-card, #fff) !important; box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important; }
    html[data-theme="dark"] .table-responsive .ch-row.grid-all .avatar-wrap > .avatar-badge { border-color: #0e1a30 !important; }
    .table-responsive .ch-row.grid-all .avatar-wrap > .avatar-badge svg { width: 9px !important; height: 9px !important; stroke-width: 4 !important; }
    .table-responsive .ch-row.grid-all .avatar-wrap > .avatar-badge .quest-mark { font-size: 9px !important; line-height: 1 !important; font-weight: 900 !important; }
    .table-responsive .ch-row.grid-all .avatar-wrap > .tariff-designer-badge { width: 18px !important; height: 18px !important; left: -4px !important; top: -4px !important; right: auto !important; bottom: auto !important; display: block !important; line-height: 0 !important; filter: drop-shadow(0 1px 2px rgba(0,0,0,.25)); }
    .table-responsive .ch-row.grid-all .avatar-wrap > .tariff-designer-badge svg { width: 18px !important; height: 18px !important; display: block !important; }
    .table-responsive .ch-row.grid-all .avatar-wrap > .ch-num-badge {
        left: 50% !important; right: auto !important; bottom: -7px !important; top: auto !important; transform: translateX(-50%) !important;
        min-width: 24px !important; height: 16px !important; padding: 0 5px !important; box-sizing: border-box !important; border-radius: 8px !important;
        display: flex !important; align-items: center !important; justify-content: center !important;
        font-size: 9.5px !important; line-height: 1 !important; font-weight: 800 !important; letter-spacing: .2px !important; font-variant-numeric: tabular-nums; }
}