/* ==========================================================================
   Стили страниц и блоков, перенесённые из <style> внутри PHP-файлов.
   Подключается в themes/BTPro_v24/head_nav.php последним.
   Стили страниц ограничены через :where([data-page="…"]) (атрибут на <html>),
   стили блоков — через :where(корневой класс блока). :where не меняет специфичность,
   поэтому правила работают так же, как раньше внутри страницы.
   ========================================================================== */

/* ── details.php (строка 1520) ── */
/* ═══════════════════════════════════════════════
           0. ШРИФТЫ
           ═══════════════════════════════════════════════ */

/* ═══════════════════════════════════════════════
           1. ТОКЕНЫ — общие для обоих блоков
           ═══════════════════════════════════════════════ */
        :root:where([data-page="details"]) {
            --sb-font:         'DM Sans', sans-serif;
            --sb-font-mono:    'DM Mono', monospace;

            --sb-bg:           #ffffff;
            --sb-border:       #e8eaf0;
            --sb-divider:      #eff1f7;
            --sb-text:         #1a1d27;
            --sb-muted:        #8c93a8;
            --sb-label:        #b0b7cc;

            --sb-accent:       #3b4bdb;
            --sb-accent-soft:  #f0f1fd;
            --sb-accent-hover: #2f3bbf;

            --sb-success:      #1a9e6f;
            --sb-success-bg:   #f0faf6;
            --sb-success-ring: #a7f3d0;

            --sb-danger:       #d93025;
            --sb-danger-bg:    #fdf2f1;
            --sb-danger-ring:  #fecaca;

            --sb-warn:         #b45309;
            --sb-warn-bg:      #fffbeb;
            --sb-warn-ring:    #fde68a;

            --sb-amber:        #d97706;
            --sb-amber-bg:     #fffbeb;
            --sb-amber-ring:   #fcd34d;

            --sb-radius:       12px;
            --sb-radius-sm:    8px;
            --sb-radius-xs:    6px;
            --sb-shadow:       0 1px 3px rgba(26,29,39,.05), 0 4px 18px rgba(26,29,39,.07);

            --sb-width:        300px;
        }

        /* ═══════════════════════════════════════════════
           2. БАЗОВАЯ КАРТОЧКА (общая для обоих блоков)
           ═══════════════════════════════════════════════ */
        :where([data-page="details"]) .sb-card {
            font-family: var(--sb-font);
            width: var(--sb-width);
            background: var(--sb-bg);
            border: 1.5px solid var(--sb-border);
            border-radius: var(--sb-radius);
            box-shadow: var(--sb-shadow);
            overflow: hidden;
            margin-bottom: 12px;
        }

        /* Шапка карточки */
        :where([data-page="details"]) .sb-card__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 11px 16px 0;
        }

        :where([data-page="details"]) .sb-card__section-label {
            font-size: 9px;
            font-weight: 600;
            letter-spacing: .11em;
            text-transform: uppercase;
            color: var(--sb-label);
            display: flex;
            align-items: center;
            gap: 5px;
        }

        :where([data-page="details"]) .sb-card__time {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 11px;
            font-family: var(--sb-font-mono);
            color: var(--sb-muted);
        }

        :where([data-page="details"]) .sb-card__time i { font-size: 12px; color: var(--sb-label); }

        /* Тело */
        :where([data-page="details"]) .sb-card__body { padding: 14px 16px 16px; }

        /* Разделитель */
        :where([data-page="details"]) .sb-sep {
            margin: 0 16px;
            border: none;
            border-top: 1.5px dashed var(--sb-divider);
        }

        /* Нижняя секция */
        :where([data-page="details"]) .sb-card__section { padding: 12px 16px 16px; }

        /* ═══════════════════════════════════════════════
           3. БЛОК ЗАГРУЗЧИКА
           ═══════════════════════════════════════════════ */

        /* Аватар */
        :where([data-page="details"]) .uc-avatar-wrap {
            position: relative;
            width: 56px; height: 56px;
            flex-shrink: 0;
        }

        :where([data-page="details"]) .uc-avatar-wrap img.uc-avatar {
            width: 56px !important; height: 56px !important;
            border-radius: 50%;
            object-fit: cover;
            display: block;
            border: 2.5px solid var(--sb-border) !important;
        }

        :where([data-page="details"]) .uc-avatar-wrap img.uc-effect {
            position: absolute;
            top: 0; left: 0;
            width: 56px !important; height: 56px !important;
            pointer-events: none;
            transform: scale(1.18);
        }

        /* Мета */
        :where([data-page="details"]) .uc-meta { display: flex; align-items: flex-start; gap: 13px; }
        :where([data-page="details"]) .uc-info { flex: 1; min-width: 0; }

        :where([data-page="details"]) .uc-peer-row {
            display: flex; align-items: center; gap: 6px; margin-bottom: 3px;
        }

        :where([data-page="details"]) .uc-peer-icon { font-size: 13px; color: var(--sb-label); flex-shrink: 0; }

        :where([data-page="details"]) .uc-username {
            font-weight: 600; font-size: 14px; color: var(--sb-text);
            line-height: 1.3; white-space: nowrap;
            overflow: hidden; text-overflow: ellipsis;
        }

        :where([data-page="details"]) .uc-username a,
:where([data-page="details"]) .uc-username a:hover { text-decoration: none; }

        /* Кнопки репутации */
        :where([data-page="details"]) .uc-rep { display: flex; align-items: center; gap: 6px; margin-top: 5px; }

        :where([data-page="details"]) .uc-rep-btn {
            display: inline-flex; align-items: center; justify-content: center;
            width: 28px; height: 28px;
            border-radius: var(--sb-radius-xs);
            background: var(--sb-divider);
            border: 1.5px solid var(--sb-border);
            text-decoration: none;
            transition: background .15s, border-color .15s, transform .1s;
        }

        :where([data-page="details"]) .uc-rep-btn:hover { transform: scale(1.1); text-decoration: none; }
        :where([data-page="details"]) .uc-rep-btn--good:hover { background: var(--sb-success-bg); border-color: var(--sb-success-ring); }
        :where([data-page="details"]) .uc-rep-btn--bad:hover { background: var(--sb-danger-bg);  border-color: var(--sb-danger-ring); }
        :where([data-page="details"]) .uc-rep-btn img { width: 14px; height: 14px; display: block; }

        /* Ссылка «все раздачи» */
        :where([data-page="details"]) .uc-browse {
            display: inline-flex; align-items: center; gap: 4px;
            font-size: 11px; color: var(--sb-muted) !important;
            text-decoration: none; margin-top: 6px;
            transition: color .15s;
        }

        :where([data-page="details"]) .uc-browse::before { content: '↗'; font-size: 10px; }
        :where([data-page="details"]) .uc-browse:hover { color: var(--sb-accent) !important; text-decoration: none; }

        /* ═══════════════════════════════════════════════
           4. БЛОК МОДЕРАЦИИ
           ═══════════════════════════════════════════════ */

        /* Алерт (предупреждение / ошибка) */
        :where([data-page="details"]) .sb-alert {
            display: flex; align-items: flex-start; gap: 8px;
            padding: 9px 11px;
            border-radius: var(--sb-radius-sm);
            font-size: 12px; font-weight: 500; line-height: 1.45;
        }

        :where([data-page="details"]) .sb-alert i { font-size: 14px; margin-top: 1px; flex-shrink: 0; }

        :where([data-page="details"]) .sb-alert--warn {
            background: var(--sb-warn-bg);
            border: 1.5px solid var(--sb-warn-ring);
            color: var(--sb-warn);
        }

        /* Кнопка «Одобрить» */
        :where([data-page="details"]) .uc-btn-approve {
            display: flex; align-items: center; justify-content: center; gap: 6px;
            width: 100%; padding: 9px 12px;
            border-radius: var(--sb-radius-sm);
            background: var(--sb-danger);
            color: #fff; font-size: 12px; font-weight: 600;
            text-decoration: none; border: none;
            transition: opacity .15s, transform .1s;
        }

        :where([data-page="details"]) .uc-btn-approve:hover { opacity: .88; color: #fff; text-decoration: none; transform: translateY(-1px); }

        /* Подсказка */
        :where([data-page="details"]) .sb-hint {
            font-size: 10.5px; color: var(--sb-muted);
            margin-top: 6px; line-height: 1.5;
            display: flex; align-items: flex-start; gap: 5px;
        }

        :where([data-page="details"]) .sb-hint i { font-size: 12px; flex-shrink: 0; margin-top: 1px; }

        /* Pre-release ссылки */
        :where([data-page="details"]) .uc-prerelease { display: flex; flex-direction: column; gap: 4px; margin-top: 8px; }

        :where([data-page="details"]) .uc-prerelease-link {
            font-size: 11px; padding: 6px 10px;
            border-radius: var(--sb-radius-xs);
            text-decoration: none;
            display: flex; align-items: center; gap: 7px;
            background: var(--sb-divider);
            border: 1.5px solid var(--sb-border);
            color: var(--sb-text);
            transition: background .15s;
            line-height: 1.3;
        }

        :where([data-page="details"]) .uc-prerelease-link:hover { background: #e9ebf5; text-decoration: none; }
        :where([data-page="details"]) .uc-prerelease-link i { font-size: 14px; flex-shrink: 0; }
        :where([data-page="details"]) .uc-prerelease-link small { font-size: 9.5px; color: var(--sb-muted); display: block; }

        :where([data-page="details"]) .uc-prerelease-link--green { color: var(--sb-success); }
        :where([data-page="details"]) .uc-prerelease-link--teal { color: #0d7490; }
        :where([data-page="details"]) .uc-prerelease-link--gray { color: var(--sb-muted); }

        /* Статус «Одобрено» */
        :where([data-page="details"]) .sb-approved {
            display: flex; align-items: flex-start; gap: 9px;
            padding: 10px 12px;
            border-radius: var(--sb-radius-sm);
            background: var(--sb-success-bg);
            border: 1.5px solid var(--sb-success-ring);
        }

        :where([data-page="details"]) .sb-approved__icon {
            width: 28px; height: 28px; border-radius: 50%;
            background: #dcfce7;
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0;
        }

        :where([data-page="details"]) .sb-approved__icon i { font-size: 15px; color: var(--sb-success); }
        :where([data-page="details"]) .sb-approved__label { font-size: 9px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; color: var(--sb-success); margin-bottom: 2px; }
        :where([data-page="details"]) .sb-approved__name { font-size: 13px; font-weight: 600; color: var(--sb-text); line-height: 1.2; }
        :where([data-page="details"]) .sb-approved__date { font-size: 10.5px; color: var(--sb-muted); margin-top: 2px; font-family: var(--sb-font-mono); }

        :where([data-page="details"]) .sb-approved__uncheck {
            margin-left: auto; font-size: 10.5px; color: var(--sb-danger);
            text-decoration: none; flex-shrink: 0; opacity: .65;
            transition: opacity .15s; white-space: nowrap;
        }

        :where([data-page="details"]) .sb-approved__uncheck:hover { opacity: 1; color: var(--sb-danger); text-decoration: underline; }

        /* Отказ */
        :where([data-page="details"]) .sb-mod-denied {
            font-size: 11px; color: var(--sb-muted);
            display: flex; align-items: flex-start; gap: 5px; line-height: 1.5;
        }

        :where([data-page="details"]) .sb-mod-denied i { font-size: 12px; flex-shrink: 0; margin-top: 1px; }

        /* Extra-ссылки */
        :where([data-page="details"]) .sb-extra {
            margin-top: 10px; padding-top: 10px;
            border-top: 1.5px dashed var(--sb-divider);
            font-size: 11px; color: var(--sb-muted); line-height: 1.6;
        }

        :where([data-page="details"]) .sb-extra a { color: var(--sb-accent); text-decoration: none; }
        :where([data-page="details"]) .sb-extra a:hover { text-decoration: underline; }

        /* ═══════════════════════════════════════════════
           5. БЛОК БЛАГОДАРНОСТЕЙ
           ═══════════════════════════════════════════════ */

        /* Список поблагодаривших */
        :where([data-page="details"]) .tk-list-label {
            font-size: 9px; font-weight: 600;
            letter-spacing: .11em; text-transform: uppercase;
            color: var(--sb-label);
            display: flex; align-items: center; gap: 5px;
            margin-bottom: 8px;
        }

        :where([data-page="details"]) .tk-users {
            font-size: 12px; color: var(--sb-text);
            line-height: 1.75;
            word-break: break-word;
        }

        :where([data-page="details"]) .tk-users a { text-decoration: none; }
        :where([data-page="details"]) .tk-users a:hover { text-decoration: underline; }

        :where([data-page="details"]) .tk-empty {
            font-size: 12px; color: var(--sb-muted);
            font-style: italic;
            padding: 6px 0;
        }

        /* Разделитель перед кнопкой */
        :where([data-page="details"]) .tk-sep {
            margin: 10px 0 9px;
            border: none;
            border-top: 1.5px dashed var(--sb-divider);
        }

        /* ── Кнопки «Спасибо» ── */
        :where([data-page="details"]) .tk-btn {
            display: flex; align-items: center; justify-content: space-between;
            width: 100%; padding: 9px 13px;
            border-radius: var(--sb-radius-sm);
            font-size: 12px; font-weight: 600;
            text-decoration: none; border: none; cursor: pointer;
            transition: opacity .15s, transform .1s;
            gap: 8px;
        }

        :where([data-page="details"]) .tk-btn:hover { opacity: .87; text-decoration: none; transform: translateY(-1px); }

        /* — добавить спасибо (синяя / янтарная) */
        :where([data-page="details"]) .tk-btn--add-blue {
            background: var(--sb-accent);
            color: #fff;
        }

        :where([data-page="details"]) .tk-btn--add-amber {
            background: var(--sb-amber);
            color: #fff;
        }

        /* — удалить спасибо */
        :where([data-page="details"]) .tk-btn--delete {
            background: var(--sb-danger-bg);
            color: var(--sb-danger);
            border: 1.5px solid var(--sb-danger-ring);
        }

        :where([data-page="details"]) .tk-btn__left { display: flex; align-items: center; gap: 6px; }
        :where([data-page="details"]) .tk-btn__left i { font-size: 15px; }

        :where([data-page="details"]) .tk-btn__count {
            font-family: var(--sb-font-mono);
            font-size: 11px; font-weight: 500;
            padding: 2px 7px;
            border-radius: 20px;
            background: rgba(255,255,255,.22);
            flex-shrink: 0;
        }

        :where([data-page="details"]) .tk-btn--delete .tk-btn__count {
            background: rgba(217,48,37,.12);
            color: var(--sb-danger);
        }

/* ── details.php (строка 2692) ── */
:where([data-page="details"]) .viewers-section {
    margin-top: 1.25rem;
    background: #fff;
    border: 1px solid #e8edf2;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    overflow: hidden;
}

:where([data-page="details"]) .viewers-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 20px 13px;
    border-bottom: 1px solid #f0f3f7;
    background: #fff;
}

:where([data-page="details"]) .viewers-header-icon {
    width: 34px;
    height: 34px;
    background: #f4f6fb;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5a7af0;
    font-size: 14px;
    flex-shrink: 0;
}

:where([data-page="details"]) .viewers-header-title {
    font-size: 14px;
    font-weight: 600;
    color: #1a1f36;
    margin: 0;
    letter-spacing: -0.01em;
}

:where([data-page="details"]) .viewers-header-count {
    margin-left: auto;
    background: #eef1fc;
    color: #5a7af0;
    font-size: 12px;
    font-weight: 600;
    padding: 3px 10px;
    border-radius: 20px;
    white-space: nowrap;
}

:where([data-page="details"]) .viewers-body {
    padding: 14px 16px 6px;
}

:where([data-page="details"]) .viewers-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

:where([data-page="details"]) .viewer-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none !important;
    width: 76px;
    padding: 10px 5px 8px;
    border-radius: 12px;
    border: 1px solid #f0f3f7;
    background: #fff;
    transition: all 0.16s ease;
    position: relative;
    overflow: hidden;
}

:where([data-page="details"]) .viewer-card:hover {
    border-color: #c5d0f5;
    background: #f7f9ff;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(90,122,240,0.11);
    text-decoration: none !important;
}

:where([data-page="details"]) .viewer-card.hidden-viewer {
    display: none;
}

:where([data-page="details"]) .viewer-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1.5px #e2e8f0;
    display: block;
    position: relative;
    z-index: 1;
}

:where([data-page="details"]) .viewer-effect-img {
    position: absolute;
    inset: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    object-fit: cover;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
}

/* БЫЛО — неправильно */
:where([data-page="details"]) .viewer-avatar-wrap {
    position: relative;
    width: 44px;
    height: 44px;
    margin-bottom: 7px;
    flex-shrink: 0;
}

:where([data-page="details"]) .viewer-effect-img {
    position: absolute;
    inset: -8px;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    object-fit: cover;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
}

/* НАДО — правильно */
:where([data-page="details"]) .viewer-avatar-wrap {
    position: relative;
    width: 44px;
    height: 44px;
    margin-bottom: 7px;
    flex-shrink: 0;
    overflow: visible;          /* ← убираем обрезку */
}

:where([data-page="details"]) .viewer-card {
    overflow: visible;          /* ← карточка тоже не должна резать */
}

:where([data-page="details"]) .viewer-effect-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68px;               /* ← фиксированный размер = аватар + выступ по бокам */
    height: 68px;
    object-fit: contain;       /* ← contain, не cover — чтобы не обрезало APNG */
    border-radius: 0;          /* ← убираем border-radius с эффекта */
    z-index: 2;
    pointer-events: none;
}

:where([data-page="details"]) .viewer-name {
    font-size: 10.5px;
    font-weight: 500;
    color: #2d3748;
    text-align: center;
    line-height: 1.3;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

:where([data-page="details"]) .viewer-name a,
:where([data-page="details"]) .viewer-name span,
:where([data-page="details"]) .viewer-name b,
:where([data-page="details"]) .viewer-name font {
    font-size: 10.5px !important;
}

:where([data-page="details"]) .viewer-time {
    font-size: 9.5px;
    color: #b0bac9;
    margin-top: 3px;
    text-align: center;
    white-space: nowrap;
}

:where([data-page="details"]) .viewer-time .far {
    font-size: 9px;
}

:where([data-page="details"]) .viewers-footer {
    padding: 10px 16px 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

:where([data-page="details"]) .viewers-show-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    color: #5a7af0;
    font-size: 12.5px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.15s ease;
    text-decoration: none;
}

:where([data-page="details"]) .viewers-show-btn:hover {
    background: #f0f3ff;
    border-color: #c5d0f5;
    color: #3a5bd9;
}

:where([data-page="details"]) .viewers-hidden-hint {
    font-size: 12px;
    color: #a0aec0;
}

@media (max-width: 576px) {
    :where([data-page="details"]) .viewer-card { width: 66px; padding: 8px 3px 6px; }
    :where([data-page="details"]) .viewer-avatar,
:where([data-page="details"]) .viewer-avatar-wrap { width: 38px; height: 38px; }
    :where([data-page="details"]) .viewer-avatar { width: 38px; height: 38px; }
}

/* ── details.php (строка 3102) ── */
:where([data-page="details"]) .ic {background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:11px 14px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;display:flex;flex-direction:column;gap:8px}
        :where([data-page="details"]) .ic-row1 {display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
        :where([data-page="details"]) .ic-title-block {flex:1;min-width:0}
        :where([data-page="details"]) .ic-title-line {display:flex;align-items:center;gap:7px;flex-wrap:wrap}
        :where([data-page="details"]) .ic-title {font-size:25px;font-weight:700;color:#111;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        :where([data-page="details"]) .ic-title.ic-free {color:#c17f0a}

:where([data-page="details"]) .ic-novinki { display: inline-flex; align-items: center; gap: 3px; font-size: 9px; font-weight: 700; color: #27500A; background: #EAF3DE; border-radius: 5px; padding: 5px 7px; white-space: nowrap; flex-shrink: 0; }
        :where([data-page="details"]) .ic-free-badge {display:inline-flex;align-items:center;gap:3px;padding:2px 7px;white-space:nowrap;flex-shrink:0}
        :where([data-page="details"]) .ic-ratings {display:flex;align-items:stretch;gap:5px;flex-shrink:0}
        :where([data-page="details"]) .ic-rpill {display:flex;align-items:center;gap:7px;border:1px solid #ebebeb;border-radius:8px;padding:5px 10px;cursor:default;transition:background .12s}
        :where([data-page="details"]) .ic-rpill:hover {background:#fafafa}
        :where([data-page="details"]) .ic-rpill-icon {width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}
        :where([data-page="details"]) .ic-rpill-icon.imdb {background:#F5C518;color:#000}
        :where([data-page="details"]) .ic-rpill-icon.kp {background:#ff6600;color:#fff}
        :where([data-page="details"]) .ic-rpill-icon.tr {background:#E6F1FB;color:#185FA5}
        :where([data-page="details"]) .ic-rpill-data {display:flex;flex-direction:column;gap:0}
        :where([data-page="details"]) .ic-rpill-score {font-size:15px;font-weight:700;color:#111;line-height:1.1}
        :where([data-page="details"]) .ic-rpill-denom {font-size:9px;color:#bbb;font-weight:400}
        :where([data-page="details"]) .ic-rpill-sub {font-size:9px;color:#bbb;text-transform:uppercase;letter-spacing:.05em}
        :where([data-page="details"]) .ic-divider {border:none;border-top:1px solid #ccc}
        :where([data-page="details"]) .ic-row2 {display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
        :where([data-page="details"]) .ic-tags {display:flex;align-items:center;flex-wrap:wrap;gap:3px}
        :where([data-page="details"]) .ic-cat {font-size:13px;font-weight:700;background:#111;color:#fff;border-radius:4px;padding:2px 7px;text-decoration:none;flex-shrink:0;letter-spacing:.02em}
        :where([data-page="details"]) .ic-cat:hover {background:#333;color:#fff}
        :where([data-page="details"]) .ic-sep {color:#ddd;font-size:10px}
        :where([data-page="details"]) .ic-tag {font-size:13px;color:#888;text-decoration:none}
        :where([data-page="details"]) .ic-tag:hover {color:#111}
        :where([data-page="details"]) .ic-rate-wrap {display:flex;align-items:center;gap:5px;flex-shrink:0}
        :where([data-page="details"]) .ic-rate-lbl {font-size:10px;color:#bbb;white-space:nowrap}
        :where([data-page="details"]) .ic-stars {display:flex;gap:2px}
        :where([data-page="details"]) .ic-stars i {font-size:15px;color:#F5C518;cursor:pointer}
        :where([data-page="details"]) .ic-stars i.far {color:#e0e0e0}
        
        :where([data-page="details"]) .ic-rate-ago {font-size:10px;color:#bbb}
        :where([data-page="details"]) .ic-loading {font-size:11px;color:#bbb;display:none}

/* ── details.php (строка 3970) ── */
/* ═══════════════════════════════════════════════
           NAV TABS
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) #info-nav.nav-tabs {
            border-bottom: 2px solid #ccc;
            gap: 2px;
            background: #ffffff;
        }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-item { flex: 1; }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-link {
            border: none;
            border-bottom: 2px solid transparent;
            border-radius: 0;
            margin-bottom: -2px;
            padding: .65rem .75rem;
            font-size: .82rem;
            font-weight: 500;
            color: #6c757d;
            white-space: nowrap;
            text-align: center;
            transition: color .2s, border-color .2s, background .2s;
            background: transparent;
        }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-link:hover {
            color: #343a40;
            background: #f8f9fa;
            border-bottom-color: #adb5bd;
        }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-link.active {
            color: #0d1117;
            font-weight: 600;
            border-bottom-color: #0d1117;
            background: transparent;
        }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-link .fa-youtube { color: #ff0000; }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-link.text-danger { color: #dc3545 !important; }
        :where([data-page="details"]) #info-nav.nav-tabs .nav-link.text-danger:hover,
:where([data-page="details"]) #info-nav.nav-tabs .nav-link.text-danger.active { border-bottom-color: #dc3545; }

        /* ═══════════════════════════════════════════════
           CARD WRAPPER
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) .card.shadow-sm {
            border-top: none;
            border-radius: 0 0 .5rem .5rem;
            box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
        }

        /* ═══════════════════════════════════════════════
           GALLERY SLIDER
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) .gallery-track {
            display: flex;
            flex-wrap: nowrap;
            gap: .5rem;
            overflow-x: auto;
            overflow-y: hidden;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            cursor: grab;
        }
        :where([data-page="details"]) .gallery-track:active { cursor: grabbing; }
        :where([data-page="details"]) .gallery-track::-webkit-scrollbar { display: none; }

        :where([data-page="details"]) .gallery-slide { flex: 0 0 auto; display: block; }

        :where([data-page="details"]) .gallery-slide a {
            display: block;
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            border: 1.5px solid #e0e0e0;
            background: #fff;
            transition: border-color .2s, box-shadow .2s, transform .2s;
        }
        :where([data-page="details"]) .gallery-slide a:hover {
            border-color: #adb5bd;
            box-shadow: 0 4px 14px rgba(0,0,0,.09);
            transform: translateY(-2px);
        }
        :where([data-page="details"]) .gallery-slide a img.screen {
            display: block;
            height: 125px;
            width: auto;
            max-width: none;
            object-fit: cover;
            border-radius: 6px;
            padding: 4px !important;
            transition: transform .3s;
        }
        :where([data-page="details"]) .gallery-slide a:hover img.screen { transform: scale(1.04); }
        :where([data-page="details"]) .gallery-slide a::after {
            content: "\f065";
            font-family: "Font Awesome 5 pro";
            font-weight: 900;
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: .9rem;
            color: #343a40;
            background: rgba(255,255,255,.5);
            opacity: 0;
            transition: opacity .2s;
            border-radius: 6px;
        }
        :where([data-page="details"]) .gallery-slide a:hover::after { opacity: 1; }

        :where([data-page="details"]) .gallery-wrap { position: relative; }

:where([data-page="details"]) .gallery-prev:hover,
:where([data-page="details"]) .gallery-next:hover {
            background: #343a40 !important;
            border-color: #343a40 !important;
            color: #fff !important;
        }

        /* ═══════════════════════════════════════════════
           TRAILER
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) .trailer-wrap { max-width: 680px; }

        :where([data-page="details"]) .trailer-poster {
            position: relative;
            border-radius: 10px;
            overflow: hidden;
            cursor: pointer;
            background: #000;
            border: 1.5px solid #1e2d45;
            box-shadow: 0 2px 12px rgba(0,0,0,.08);
            aspect-ratio: 16 / 9;
            transition: box-shadow .25s;
        }
        :where([data-page="details"]) .trailer-poster:hover { box-shadow: 0 6px 24px rgba(0,0,0,.14); }

        :where([data-page="details"]) .trailer-thumb {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: transform .35s, opacity .25s;
            opacity: .92;
        }
        :where([data-page="details"]) .trailer-poster:hover .trailer-thumb {
            transform: scale(1.025);
            opacity: .75;
        }

        /* Play button */
        :where([data-page="details"]) .trailer-btn {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
        }
        :where([data-page="details"]) .trailer-btn-inner {
            width: 68px;
            height: 68px;
            border-radius: 50%;
            background: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 4px 20px rgba(0,0,0,.22);
            transition: transform .2s, box-shadow .2s;
        }
        :where([data-page="details"]) .trailer-poster:hover .trailer-btn-inner {
            transform: scale(1.1);
            box-shadow: 0 6px 28px rgba(0,0,0,.3);
        }
        :where([data-page="details"]) .trailer-btn-inner .fa-youtube {
            font-size: 2.2rem;
            color: #ff0000;
            line-height: 1;
        }

        /* Iframe после клика */
        :where([data-page="details"]) .trailer-poster iframe {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 8px;
            z-index: 5;
        }

        /* ═══════════════════════════════════════════════
           PERSONS
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) #person .card {
            border: 1.5px solid #e9ecef;
            border-radius: .5rem;
            overflow: hidden;
            transition: border-color .2s, box-shadow .2s, transform .2s;
        }
        :where([data-page="details"]) #person .card:hover {
            border-color: #adb5bd;
            box-shadow: 0 4px 16px rgba(0,0,0,.09) !important;
            transform: translateY(-3px);
        }
        :where([data-page="details"]) #person .card-body small {
            font-size: .75rem;
            font-weight: 500;
            color: #495057;
            line-height: 1.3;
            display: block;
        }

        /* ═══════════════════════════════════════════════
           HISTORY TEXTAREA
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) #ist .form-floating > .form-control {
            border-color: #e9ecef;
            border-radius: .4rem;
            font-size: .8rem;
            color: #495057;
            background: #fafafa;
            resize: none;
        }
        :where([data-page="details"]) #ist .form-floating > .form-control:focus {
            box-shadow: none;
            border-color: #adb5bd;
            background: #fff;
        }
        :where([data-page="details"]) #ist .form-floating > label { font-size: .8rem; color: #6c757d; }

        /* ═══════════════════════════════════════════════
           DELETE FORM
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) #delete .form-select,
:where([data-page="details"]) #delete .form-control {
            font-size: .85rem;
            border-color: #dee2e6;
            border-radius: .4rem;
            transition: border-color .2s, box-shadow .2s;
        }
        :where([data-page="details"]) #delete .form-select:focus,
:where([data-page="details"]) #delete .form-control:focus {
            border-color: #adb5bd;
            box-shadow: 0 0 0 .15rem rgba(0,0,0,.06);
        }
        :where([data-page="details"]) #delete .btn-danger {
            font-size: .9rem;
            font-weight: 600;
            border-radius: .4rem;
            border: none;
            background: #dc3545;
            box-shadow: 0 2px 8px rgba(220,53,69,.18);
            transition: background .2s, box-shadow .2s, transform .15s;
        }
        :where([data-page="details"]) #delete .btn-danger:hover {
            background: #b02a37;
            box-shadow: 0 4px 14px rgba(220,53,69,.22);
            transform: translateY(-1px);
        }
        :where([data-page="details"]) #delete .alert-warning {
            font-size: .82rem;
            background: #fffbf0;
            border-color: #ffe08a;
            border-radius: .4rem;
        }

        /* ═══════════════════════════════════════════════
           LOADER (похожие)
        ═══════════════════════════════════════════════ */
        :where([data-page="details"]) #adjective_ax .spinner-border { width:1.75rem; height:1.75rem; border-width:2px; }
        :where([data-page="details"]) #adjective_ax p { font-size:.82rem; }

/* ── details.php (строка 4413) ── */
/* === tdt- namespace === */

        :where([data-page="details"]) .tdt-shell {
            background: #fff;
            border: 1px solid #e3e6ea;
            border-radius: 14px;
            overflow: hidden;
            margin-bottom: 16px;
        }

        /* ---- TAB BAR ---- */
        :where([data-page="details"]) .tdt-bar {
            display: flex;
            align-items: stretch;
            gap: 0;
            background: #f5f6f8;
            border-bottom: 1px solid #e3e6ea;
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }
        :where([data-page="details"]) .tdt-bar::-webkit-scrollbar { display: none; }
        :where([data-page="details"]) .tdt-bar { cursor: grab; }
        :where([data-page="details"]) .tdt-bar:active { cursor: grabbing; }

        :where([data-page="details"]) .tdt-tab {
            position: relative;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 0 18px;
            height: 46px;
            font-size: 13px;
            font-weight: 500;
            color: #6b7280;
            cursor: pointer;
            white-space: nowrap;
            border: none;
            background: transparent;
            border-bottom: 2px solid transparent;
            margin-bottom: -1px;
            transition: color .15s, border-color .15s, background .15s;
            user-select: none;
            flex-shrink: 0;
        }

        :where([data-page="details"]) .tdt-tab:hover:not(.tdt-active):not(.tdt-disabled) {
            color: #111827;
            background: #eceef1;
        }

        :where([data-page="details"]) .tdt-tab.tdt-active {
            color: #1d4ed8;
            border-bottom-color: #1d4ed8;
            background: #fff;
            font-weight: 600;
        }

        :where([data-page="details"]) .tdt-tab.tdt-disabled {
            opacity: .38;
            cursor: not-allowed;
            pointer-events: none;
        }

        :where([data-page="details"]) .tdt-tab i {
            font-size: 13px;
            flex-shrink: 0;
        }

        /* спиннер загрузки */
        :where([data-page="details"]) .tdt-tab.tdt-loading::after {
            content: '';
            position: absolute;
            right: 6px;
            top: 50%;
            width: 12px;
            height: 12px;
            margin-top: -6px;
            border: 2px solid #c7d2fe;
            border-top-color: #1d4ed8;
            border-radius: 50%;
            animation: tdt-spin .55s linear infinite;
        }
        @keyframes tdt-spin { to { transform: rotate(360deg); } }

        /* бейдж */
        :where([data-page="details"]) .tdt-badge {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 18px;
            height: 18px;
            padding: 0 5px;
            font-size: 11px;
            font-weight: 700;
            border-radius: 9px;
            background: #e5e7eb;
            color: #374151;
            line-height: 1;
            transition: background .15s, color .15s;
        }
        :where([data-page="details"]) .tdt-tab.tdt-active .tdt-badge {
            background: #dbeafe;
            color: #1d4ed8;
        }

        /* лоадер-спан справа */
        :where([data-page="details"]) .tdt-loader-slot {
            margin-left: auto;
            display: flex;
            align-items: center;
            padding: 0 12px;
            flex-shrink: 0;
        }

        /* ---- PANELS ---- */
        :where([data-page="details"]) .tdt-panel { display: none; }
        :where([data-page="details"]) .tdt-panel.tdt-shown { display: block; }

        /* панель описания */
        :where([data-page="details"]) .tdt-descr {
            padding: 22px 24px;
            font-size: 14px;
            line-height: 1.8;
            color: #374151;
            overflow-wrap: break-word;
            word-break: break-word;
        }
        :where([data-page="details"]) .tdt-descr a {
            color: #1d4ed8;
            text-decoration: none;
        }
        :where([data-page="details"]) .tdt-descr a:hover { text-decoration: underline; }

        /* панель AJAX */
        :where([data-page="details"]) .tdt-ajax-panel {
            min-height: 64px;
        }

        /* пустой стейт */
        :where([data-page="details"]) .tdt-empty {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            padding: 36px 24px;
            color: #9ca3af;
            font-size: 13px;
        }
        :where([data-page="details"]) .tdt-empty i {
            font-size: 20px;
            color: #d1d5db;
        }

        /* адаптив */
        @media (max-width: 600px) {
            :where([data-page="details"]) .tdt-tab { padding: 0 12px; font-size: 12px; height: 42px; }
            :where([data-page="details"]) .tdt-descr { padding: 16px; }
        }

/* ── details.php (строка 4864) ── */
:where([data-page="details"]) .upd-card {border:1px solid #e9ecef;border-radius:12px;background:#fff;overflow:hidden;margin:1.25rem 0;}
:where([data-page="details"]) .upd-card-header {background:#fff;border-bottom:1px solid #e9ecef;padding:1rem 1.25rem;display:flex;align-items:center;gap:10px;}
:where([data-page="details"]) .upd-header-icon {width:36px;height:36px;border-radius:8px;background:#f0f4ff;display:flex;align-items:center;justify-content:center;color:#4263eb;font-size:16px;flex-shrink:0;}
:where([data-page="details"]) .upd-header-title {font-size:14px;font-weight:600;color:#212529;margin:0;}
:where([data-page="details"]) .upd-header-sub {font-size:12px;color:#6c757d;margin:0;}
:where([data-page="details"]) .upd-toggle-btn {margin-left:auto;background:none;border:1px solid #dee2e6;border-radius:8px;padding:5px 12px;font-size:13px;color:#495057;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap;}
:where([data-page="details"]) .upd-toggle-btn:hover {background:#f8f9fa;border-color:#adb5bd;}
:where([data-page="details"]) .upd-toggle-icon {transition:transform .25s;display:inline-block;}
:where([data-page="details"]) .upd-toggle-btn.open .upd-toggle-icon {transform:rotate(180deg);}
:where([data-page="details"]) .upd-body {padding:1.25rem;}
:where([data-page="details"]) .upd-alert-box {background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:.875rem 1rem;margin-bottom:1rem;font-size:13px;color:#5f4600;display:flex;gap:10px;align-items:flex-start;}
:where([data-page="details"]) .upd-alert-icon {font-size:16px;color:#f59f00;flex-shrink:0;margin-top:1px;}
:where([data-page="details"]) .upd-steps {list-style:none;padding:0;margin:0 0 1rem;counter-reset:upd-step;}
:where([data-page="details"]) .upd-steps li {counter-increment:upd-step;display:flex;align-items:flex-start;gap:12px;padding:.625rem 0;border-bottom:1px solid #f1f3f5;font-size:13px;color:#343a40;}
:where([data-page="details"]) .upd-steps li:last-child {border-bottom:none;}
:where([data-page="details"]) .upd-steps li::before {content:counter(upd-step);width:22px;height:22px;background:#4263eb;color:#fff;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
:where([data-page="details"]) .upd-steps a {color:#4263eb;text-decoration:none;}
:where([data-page="details"]) .upd-steps a:hover {text-decoration:underline;}
:where([data-page="details"]) .upd-note {font-size:12px;color:#6c757d;background:#f8f9fa;border-radius:8px;padding:.625rem .875rem;margin-bottom:1.25rem;}
:where([data-page="details"]) .upd-table-wrap {border:1px solid #e9ecef;border-radius:10px;overflow:hidden;}
:where([data-page="details"]) .upd-table {width:100%;border-collapse:collapse;font-size:13px;margin:0;}
:where([data-page="details"]) .upd-table thead th {background:#f8f9fa;padding:.625rem 1rem;font-weight:600;font-size:12px;color:#495057;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e9ecef;white-space:nowrap;}
:where([data-page="details"]) .upd-table tbody tr {border-bottom:1px solid #f1f3f5;transition:background .12s;}
:where([data-page="details"]) .upd-table tbody tr:last-child {border-bottom:none;}
:where([data-page="details"]) .upd-table tbody tr:hover {background:#f8f9fa;}
:where([data-page="details"]) .upd-table td {padding:.75rem 1rem;vertical-align:top;color:#343a40;}
:where([data-page="details"]) .upd-badge-primary {background:#e7f0ff;color:#2f54d6;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;}
:where([data-page="details"]) .upd-badge-secondary {background:#f1f3f5;color:#495057;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;}
:where([data-page="details"]) .upd-badge-success {background:#ebfbee;color:#2f9e44;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;}
:where([data-page="details"]) .upd-user-link {color:#4263eb;text-decoration:none;font-size:13px;}
:where([data-page="details"]) .upd-user-link:hover {text-decoration:underline;}
:where([data-page="details"]) .upd-hash-link {color:#6c757d;text-decoration:none;font-size:11px;word-break:break-all;display:flex;align-items:center;}
:where([data-page="details"]) .upd-hash-link:hover {color:#4263eb;}

/* ── details.php (строка 5681) ── */
/* ========== COMMENT FORM ========== */
:where([data-page="details"]) .comment-form-wrapper {
    background: #fff;
    border-radius: 12px;
    padding: 0;
    margin-bottom: 28px;
    border: 1px solid #e4e6ef;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06);
    overflow: hidden;
}
:where([data-page="details"]) .comment-form-header {
    padding: 16px 20px 12px;
    border-bottom: 1px solid #f0f1f5;
    display: flex;
    align-items: center;
    gap: 10px;
}
:where([data-page="details"]) .comment-form-header h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1a1f36;
}
:where([data-page="details"]) .comment-form-header i {
    color: #4361ee;
}
:where([data-page="details"]) .comment-form-body {
    padding: 18px 20px 20px;
}
:where([data-page="details"]) .comment-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e4e6ef;
    flex-shrink: 0;
}
:where([data-page="details"]) .comment-avatar-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

:where([data-page="details"]) .comment-textarea-wrap {
    flex: 1;
    min-width: 0;
}
:where([data-page="details"]) .comment-textarea {
    width: 100%;
    border: 1.5px solid #e4e6ef;
    border-radius: 8px;
    font-size: 0.93rem;
    line-height: 1.6;
    color: #1a1f36;
    background: #fafbfc;
    transition: border-color 0.2s, box-shadow 0.2s, min-height 0.25s;
    resize: vertical;
    min-height: 46px;
    padding: 10px 14px;
    outline: none;
    display: block;
}
:where([data-page="details"]) .comment-textarea:focus,
:where([data-page="details"]) .comment-textarea.is-active {
    border-color: #4361ee;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(67,97,238,0.09);
    min-height: 120px;
}
:where([data-page="details"]) .comment-textarea::placeholder {
    color: #b0b7c3;
}

/* Toolbar — скрыта по умолчанию */
:where([data-page="details"]) .comment-actions-panel {
    display: none;
    margin-top: 12px;
    flex-direction: column;
    gap: 10px;
    animation: fadeInDown 0.18s ease;
}
:where([data-page="details"]) .comment-actions-panel.visible {
    display: flex;
}
@keyframes fadeInDown {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}
:where([data-page="details"]) .comment-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
:where([data-page="details"]) .comment-toolbar .btn {
    border-radius: 7px;
    font-size: 0.85rem;
    padding: 7px 16px;
    font-weight: 500;
    border: 1.5px solid transparent;
    transition: all 0.18s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
:where([data-page="details"]) .btn-send {
    background: #4361ee;
    color: #fff;
    border-color: #4361ee;
}
:where([data-page="details"]) .btn-send:hover {
    background: #3451d1;
    border-color: #3451d1;
    color: #fff;
    box-shadow: 0 3px 10px rgba(67,97,238,0.18);
    transform: translateY(-1px);
}
:where([data-page="details"]) .btn-preview-c {
    background: #fff;
    color: #f9a825;
    border-color: #f9a825;
}
:where([data-page="details"]) .btn-preview-c:hover {
    background: #fff9e6;
    color: #e65100;
    border-color: #e65100;
    transform: translateY(-1px);
}
:where([data-page="details"]) .btn-reset-c {
    background: #fff;
    color: #e53935;
    border-color: #e8eaf0;
}
:where([data-page="details"]) .btn-reset-c:hover {
    background: #fff5f5;
    border-color: #e53935;
    transform: translateY(-1px);
}
:where([data-page="details"]) .btn-ai-c {
    background: #fff;
    color: #4361ee;
    border-color: #4361ee;
}
:where([data-page="details"]) .btn-ai-c:hover {
    background: #f0f3ff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(67,97,238,0.12);
}
:where([data-page="details"]) .btn-send-flex {
    flex: 1 1 120px;
    justify-content: center;
}

/* Sysop sender panel */
:where([data-page="details"]) .sysop-sender-panel {
    background: #f8f9fb;
    border: 1px solid #e4e6ef;
    border-radius: 8px;
    padding: 12px 16px;
}
:where([data-page="details"]) .sysop-sender-panel .panel-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}
:where([data-page="details"]) .sysop-sender-panel .form-check-inline {
    margin-right: 0;
}
:where([data-page="details"]) .sysop-sender-panel .form-check-input:checked {
    background-color: #4361ee;
    border-color: #4361ee;
}
:where([data-page="details"]) .sender-input-id {
    width: 80px !important;
    font-size: 0.85rem;
    border-radius: 6px;
    border: 1.5px solid #e4e6ef;
    padding: 4px 8px;
    margin-left: 6px;
}
:where([data-page="details"]) .sender-input-id:focus {
    border-color: #4361ee;
    outline: none;
    box-shadow: 0 0 0 2px rgba(67,97,238,0.1);
}

/* Rating required */
:where([data-page="details"]) .rating-required-panel {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 12px 16px;
    font-size: 0.9rem;
    color: #92400e;
}
/* Bonus notice */
:where([data-page="details"]) .bonus-notice-panel {
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 8px;
    padding: 12px 16px;
    color: #14532d;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.9rem;
}
:where([data-page="details"]) .bonus-notice-panel i { color: #16a34a; font-size: 1.3rem; }
:where([data-page="details"]) .bonus-notice-panel .badge { background: #16a34a !important; font-size: 0.82em; }

/* Alert info for mods */
:where([data-page="details"]) .mod-info-alert {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 11px 16px;
    color: #1e40af;
    font-size: 0.88rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Preview box */
:where([data-page="details"]) .comment-preview-box {
    background: #fff;
    border: 1.5px dashed #4361ee;
    border-radius: 8px;
    padding: 16px;
    margin-top: 12px;
    display: none;
    color: #1a1f36;
    font-size: 0.93rem;
    line-height: 1.7;
}

/* ========== FILTER / HEADER ========== */
:where([data-page="details"]) .comments-header-bar {
    background: #fff;
    border: 1px solid #e4e6ef;
    border-radius: 10px;
    padding: 14px 18px;
    margin-bottom: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
:where([data-page="details"]) .comments-header-bar h5 {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1a1f36;
}
:where([data-page="details"]) .comments-count-badge {
    background: #4361ee;
    color: #fff;
    border-radius: 20px;
    padding: 2px 10px;
    font-size: 0.82rem;
    font-weight: 600;
    margin-left: 8px;
}
:where([data-page="details"]) .lock-btn {
    font-size: 0.82rem;
    border-radius: 7px;
    padding: 5px 13px;
    border: 1.5px solid #e4e6ef;
    background: #fff;
    color: #4b5563;
    transition: all 0.17s;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    text-decoration: none;
}
:where([data-page="details"]) .lock-btn:hover {
    border-color: #4361ee;
    color: #4361ee;
    background: #f0f3ff;
}

/* Filter tabs */
:where([data-page="details"]) .filter-tabs-wrap {
    background: #fff;
    border: 1px solid #e4e6ef;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
:where([data-page="details"]) .filter-tab-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 16px;
    border-radius: 20px;
    background: #f3f4f6;
    border: 1.5px solid transparent;
    color: #4b5563;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.17s;
}
:where([data-page="details"]) .filter-tab-pill:hover {
    background: #e8eaf6;
    color: #4361ee;
    border-color: #c7d2fe;
    text-decoration: none;
}
:where([data-page="details"]) .filter-tab-pill.active {
    background: #4361ee;
    color: #fff;
    border-color: #4361ee;
}
:where([data-page="details"]) .filter-tab-pill .pill-badge {
    background: rgba(255,255,255,0.25);
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 0.75rem;
}
:where([data-page="details"]) .filter-tab-pill.active .pill-badge { background: rgba(255,255,255,0.3); }
:where([data-page="details"]) .filter-tab-pill:not(.active) .pill-badge { background: #e5e7eb; color: #374151; }

/* Reaction filter */
:where([data-page="details"]) .reaction-filter-wrap {
    background: #fff;
    border: 1px solid #e4e6ef;
    border-radius: 10px;
    padding: 14px 16px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
:where([data-page="details"]) .reaction-filter-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}
:where([data-page="details"]) .reaction-btn-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 20px;
    background: #f9fafb;
    border: 1.5px solid #e4e6ef;
    color: #374151;
    font-size: 0.875rem;
    text-decoration: none;
    transition: all 0.17s;
    cursor: pointer;
}
:where([data-page="details"]) .reaction-btn-pill:hover {
    border-color: #4361ee;
    background: #f0f3ff;
    color: #4361ee;
    text-decoration: none;
    transform: translateY(-1px);
}
:where([data-page="details"]) .reaction-btn-pill.active {
    background: #4361ee;
    border-color: #4361ee;
    color: #fff;
}
:where([data-page="details"]) .reaction-btn-pill .r-emoji { font-size: 1.15rem; line-height: 1; }
:where([data-page="details"]) .reaction-btn-pill .r-count {
    background: rgba(0,0,0,0.08);
    padding: 1px 7px;
    border-radius: 10px;
    font-size: 0.78rem;
    font-weight: 600;
}
:where([data-page="details"]) .reaction-btn-pill.active .r-count { background: rgba(255,255,255,0.25); }

/* Search */
:where([data-page="details"]) .comment-search-wrap {
    max-width: 280px;
}
:where([data-page="details"]) .comment-search-wrap .input-group-text {
    background: #fff;
    border-right: none;
    border-radius: 20px 0 0 20px;
    border-color: #e4e6ef;
    color: #9ca3af;
    font-size: 0.85rem;
}
:where([data-page="details"]) .comment-search-wrap .form-control {
    border-left: none;
    border-radius: 0 20px 20px 0;
    border-color: #e4e6ef;
    font-size: 0.875rem;
    padding: 6px 12px;
}
:where([data-page="details"]) .comment-search-wrap .form-control:focus {
    box-shadow: none;
    border-color: #4361ee;
}
:where([data-page="details"]) .comment-search-wrap .btn {
    border-radius: 0 20px 20px 0;
    font-size: 0.83rem;
    padding: 6px 13px;
    background: #4361ee;
    color: #fff;
    border: none;
}

/* Search results alert */
:where([data-page="details"]) .search-result-alert {
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 9px;
    padding: 12px 16px;
    margin-bottom: 16px;
    font-size: 0.88rem;
    color: #1e40af;
}

/* Alerts / warnings */
:where([data-page="details"]) .status-alert {
    border-radius: 9px;
    padding: 12px 16px;
    margin-bottom: 14px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 9px;
}
:where([data-page="details"]) .status-alert.warning { background: #fffbeb; border: 1px solid #fde68a; color: #92400e; }
:where([data-page="details"]) .status-alert.danger { background: #fff1f2; border: 1px solid #fecdd3; color: #9f1239; }
:where([data-page="details"]) .status-alert.info { background: #eff6ff; border: 1px solid #bfdbfe; color: #1e40af; }
:where([data-page="details"]) .status-alert a { color: inherit; font-weight: 600; }

/* No comments */
:where([data-page="details"]) .no-comments-box {
    text-align: center;
    padding: 48px 24px;
    background: #fff;
    border-radius: 10px;
    border: 2px dashed #e4e6ef;
    color: #9ca3af;
}
:where([data-page="details"]) .no-comments-box i { font-size: 2.5rem; margin-bottom: 12px; display: block; color: #d1d5db; }
:where([data-page="details"]) .no-comments-box h6 { color: #6b7280; font-weight: 600; margin-bottom: 4px; }
:where([data-page="details"]) .no-comments-box p { font-size: 0.88rem; margin: 0; }

/* Sysop actions card */
:where([data-page="details"]) .sysop-actions-card {
    border: 1.5px solid #4361ee;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    background: #fff;
}
:where([data-page="details"]) .sysop-actions-card .card-header {
    background: #4361ee;
    color: #fff;
    font-weight: 600;
    font-size: 0.9rem;
    padding: 11px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
}
:where([data-page="details"]) .sysop-actions-card .card-body { padding: 18px; }
:where([data-page="details"]) .sysop-actions-card .form-select {
    border-radius: 7px;
    border: 1.5px solid #e4e6ef;
    font-size: 0.88rem;
}
:where([data-page="details"]) .sysop-actions-card .form-select:focus {
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67,97,238,0.1);
}
:where([data-page="details"]) .sysop-actions-card .form-control {
    border-radius: 7px;
    border: 1.5px solid #e4e6ef;
    font-size: 0.88rem;
}
:where([data-page="details"]) .sysop-actions-card .form-control:focus {
    border-color: #4361ee;
    box-shadow: 0 0 0 3px rgba(67,97,238,0.1);
}
:where([data-page="details"]) .sysop-check-all {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.88rem;
    color: #4b5563;
}
:where([data-page="details"]) .sysop-check-all .form-check-input:checked {
    background-color: #4361ee;
    border-color: #4361ee;
}
:where([data-page="details"]) .btn-sysop-run {
    background: #4361ee;
    color: #fff;
    border: none;
    border-radius: 7px;
    font-size: 0.88rem;
    padding: 8px 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.17s;
}
:where([data-page="details"]) .btn-sysop-run:hover {
    background: #3451d1;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(67,97,238,0.18);
}

/* Pagination */
:where([data-page="details"]) .pagination-wrapper { margin: 18px 0; }

/* Comments wrapper */
:where([data-page="details"]) .commentwrapper { margin-top: 14px; }

@media (max-width: 768px) {
    :where([data-page="details"]) .comments-header-bar { flex-direction: column; align-items: flex-start; gap: 10px; }
    :where([data-page="details"]) .comment-toolbar { flex-direction: column; }
    :where([data-page="details"]) .comment-toolbar .btn { width: 100%; justify-content: center; }
    :where([data-page="details"]) .comment-avatar-row { flex-direction: column; }
    :where([data-page="details"]) .comment-search-wrap { max-width: 100%; width: 100%; }
}

/* ── userdetails.php (строка 458) ── */
/* ----- обёртка профиля ----- */

/* ----- COVER: фулл-оберт видео/фото ----- */
:where([data-page="userdetails"]) .profile-cover-area {
    position: relative;
    width: 100%;
    height: 150px;
    overflow: hidden;
    background: #0a0a0f;
    border-radius: 14px 14px 0 0;
}
:where([data-page="userdetails"]) .profile-cover-area > video,
:where([data-page="userdetails"]) .profile-cover-area > img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* YouTube iframe helper — растягивает плеер на весь блок */
:where([data-page="userdetails"]) #yt-bg-player {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}
:where([data-page="userdetails"]) #yt-bg-player iframe {
    position: absolute;
    width: 177.78%;
    height: 100%;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 177.78%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
/* полупрозрачный градиент поверх видео */
:where([data-page="userdetails"]) .cover-gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,.08) 0%,
        rgba(0,0,0,.55) 100%
    );
    z-index: 0;
    pointer-events: none;
}

/* ----- КНОПКИ УПРАВЛЕНИЯ ВИДЕО ----- */
:where([data-page="userdetails"]) .video-controls {
    position: absolute;
    bottom: 14px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 10;
}
:where([data-page="userdetails"]) .vc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(0,0,0,.42);
    border: 1.5px solid rgba(255,255,255,.6);
    color: #fff;
    cursor: pointer;
    transition: background .2s, transform .15s;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    padding: 0;
}
:where([data-page="userdetails"]) .vc-btn:hover { background: rgba(0,0,0,.68); transform: scale(1.07); }
:where([data-page="userdetails"]) .vc-btn svg { width: 16px; height: 16px; fill: #fff; flex-shrink: 0; }
:where([data-page="userdetails"]) .vc-vol-wrap { display: flex; align-items: center; gap: 6px; }
:where([data-page="userdetails"]) .vc-vol-slider {
    -webkit-appearance: none;
    width: 72px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255,255,255,.35);
    outline: none;
    cursor: pointer;
    accent-color: #fff;
}
:where([data-page="userdetails"]) .vc-vol-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
}

/* ----- ПРОФИЛЬ-КАРТОЧКА (под обложкой) ----- */
:where([data-page="userdetails"]) .profile-info-card {
    background: var(--bs-body-bg, #fff);
    border: 0.5px solid rgba(0,0,0,.08);
    border-top: none;
    border-radius: 0 0 14px 14px;
    padding: 0 24px 18px;
    position: relative;
}
/* аватар — вылезает из карточки вверх */
:where([data-page="userdetails"]) .profile-avatar-wrap {
    position: relative;
    margin-top: -120px;
    display: inline-block;
}
:where([data-page="userdetails"]) .profile-avatar-wrap img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
}
:where([data-page="userdetails"]) .profile-gift-badge {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 70px;
    height: 70px;
    border-radius: 5%;
    /*background: #fff;
    border: 2px solid #eee;*/
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1;
}
:where([data-page="userdetails"]) .profile-gift-badge img {max-width: 70px;max-height: 70px;border-radius: 5%; }

/* инфо рядом с аватаром */
:where([data-page="userdetails"]) .profile-user-meta h3 { font-size: 1.25rem; font-weight: 500; }
:where([data-page="userdetails"]) .profile-user-meta .status-online { color: #22c55e; font-size: 13px; font-weight: 400; }
:where([data-page="userdetails"]) .profile-user-meta .status-offline { color: #9ca3af; font-size: 13px; font-weight: 400; }

/* ----- СТАТИСТИКА (чипы) ----- */
:where([data-page="userdetails"]) .profile-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}
:where([data-page="userdetails"]) .stat-chip {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(0,0,0,.04);
    border: 0.5px solid rgba(0,0,0,.07);
    min-width: 72px;
    text-decoration: none;
    transition: background .15s;
}
:where([data-page="userdetails"]) .stat-chip:hover { background: rgba(0,0,0,.08); text-decoration: none; }
:where([data-page="userdetails"]) .stat-chip .sn { font-size: 16px; font-weight: 500; line-height: 1.2; }
:where([data-page="userdetails"]) .stat-chip .sl { font-size: 11px; color: #888; margin-top: 2px; }

/* ----- ВКЛАДКИ ----- */
:where([data-page="userdetails"]) .profile-tabs-bar {
    background: var(--bs-body-bg, #fff);
    border-radius: 12px;
    border: 0.5px solid rgba(0,0,0,.08);
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 10px;
}
:where([data-page="userdetails"]) .profile-tabs-bar .nav-tabs { border: none; }
:where([data-page="userdetails"]) .profile-tabs-bar .nav-link {
    color: #6c757d;
    border: none;
    padding: .9rem 1.2rem;
    font-weight: 500;
    font-size: 14px;
    transition: all .2s;
    border-bottom: 3px solid transparent !important;
    display: flex;
    align-items: center;
    gap: 6px;
}
:where([data-page="userdetails"]) .profile-tabs-bar .nav-link:hover { color: #4f46e5; background: rgba(79,70,229,.05); }
:where([data-page="userdetails"]) .profile-tabs-bar .nav-link.active {
    color: #4f46e5 !important;
    background: rgba(79,70,229,.08);
    border-bottom-color: #4f46e5 !important;
    font-weight: 600;
}

/* стаж справа */
:where([data-page="userdetails"]) .profile-tenure {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: rgba(79,70,229,.07);
    border-left: 3px solid #4f46e5;
    border-radius: 8px;
    margin: 8px 0;
}
:where([data-page="userdetails"]) .profile-tenure .tl { font-size: 11px; color: #888; line-height: 1; display: block; }
:where([data-page="userdetails"]) .profile-tenure .tv { font-size: 13px; font-weight: 500; }

/* мелкий размер span в .info-text */

/* адаптив */
@media (max-width: 768px) {
    :where([data-page="userdetails"]) .profile-cover-area { height: 220px; }

:where([data-page="userdetails"]) .profile-info-card { padding: 0 14px 14px; }
    :where([data-page="userdetails"]) .profile-avatar-wrap { margin-top: -44px; }
    :where([data-page="userdetails"]) .profile-avatar-wrap img { width: 88px; height: 88px; }
    :where([data-page="userdetails"]) .profile-tabs-bar { flex-direction: column; align-items: flex-start; }
    :where([data-page="userdetails"]) .profile-tenure { width: 100%; border-left: none; border-top: 3px solid #4f46e5; justify-content: center; }
    :where([data-page="userdetails"]) .video-controls { bottom: 10px; left: 10px; }
    :where([data-page="userdetails"]) .vc-vol-slider { width: 54px; }
}

/* ── userdetails.php (строка 1362) ── */
:where([data-page="userdetails"]) .ratio-card {
        background: #fff;
        border: 1px solid #e9ecef;
        border-radius: 14px;
        overflow: hidden;
        box-shadow: 0 2px 12px rgba(0,0,0,.06);
        transition: box-shadow .2s ease;
    }
    :where([data-page="userdetails"]) .ratio-card:hover {
        box-shadow: 0 6px 24px rgba(0,0,0,.10);
    }
    :where([data-page="userdetails"]) .ratio-header {
        padding: 18px 20px 10px 20px;
        text-align: center;
    }
    :where([data-page="userdetails"]) .page_counter {
        display: block;
    }
    :where([data-page="userdetails"]) .ratio-value {
        font-size: 1.45rem;
        font-weight: 700;
        letter-spacing: -.5px;
        line-height: 1.2;
        color: #212529;
    }
    :where([data-page="userdetails"]) .ratio-label {
        font-size: .72rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .08em;
        color: #adb5bd;
        margin-top: 3px;
    }
    :where([data-page="userdetails"]) .ratio-bar-wrap {
        padding: 0 20px 0 20px;
    }
    :where([data-page="userdetails"]) .ratio-bar-track {
        background: #f1f3f5;
        border-radius: 99px;
        height: 6px;
        overflow: hidden;
        margin: 6px 0 14px 0;
    }
    :where([data-page="userdetails"]) .ratio-bar-fill {
        height: 100%;
        border-radius: 99px;
        transition: width .5s cubic-bezier(.4,0,.2,1);
    }
    :where([data-page="userdetails"]) .ratio-stats {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-top: 1px solid #f1f3f5;
        padding: 10px 20px 13px 20px;
        gap: 6px;
    }
    :where([data-page="userdetails"]) .ratio-stat-item {
        display: flex;
        align-items: center;
        gap: 7px;
        font-size: .82rem;
        font-weight: 600;
        color: #495057;
        flex: 1;
    }
    :where([data-page="userdetails"]) .ratio-stat-item.up { color: #198754; }
    :where([data-page="userdetails"]) .ratio-stat-item.down { color: #dc3545; }
    :where([data-page="userdetails"]) .ratio-stat-icon {
        width: 28px;
        height: 28px;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .75rem;
        flex-shrink: 0;
    }
    :where([data-page="userdetails"]) .ratio-stat-icon.up-bg { background: #d1e7dd; color: #198754; }
    :where([data-page="userdetails"]) .ratio-stat-icon.down-bg { background: #f8d7da; color: #dc3545; }
    :where([data-page="userdetails"]) .ratio-divider {
        width: 1px;
        height: 28px;
        background: #e9ecef;
        flex-shrink: 0;
    }
    :where([data-page="userdetails"]) .ratio-stat-info { display: flex; flex-direction: column; line-height: 1.3; }
    :where([data-page="userdetails"]) .ratio-stat-size { font-size: .83rem; font-weight: 700; color: inherit; }
    :where([data-page="userdetails"]) .ratio-stat-day { font-size: .68rem; font-weight: 400; color: #adb5bd; white-space: nowrap; }

/* ── userdetails.php (строка 1817) ── */
/* ─── Root Variables ─────────────────────────── */
        :root:where([data-page="userdetails"]) {
            --tab-font:        'Manrope', sans-serif;
            --tab-bg:          #ffffff;
            --tab-border:      #e4e8ef;
            --tab-radius:      10px;
            --tab-wrap-bg:     #f5f7fa;
            --tab-wrap-border: #e4e8ef;
            --tab-text:        #64748b;
            --tab-text-hover:  #1e293b;
            --tab-active-bg:   #1e293b;
            --tab-active-text: #ffffff;
            --tab-shadow:      0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
            --tab-shadow-act:  0 4px 12px rgba(30,41,59,.18);
            --bubble-bg:       #cbd5e1;
            --bubble-text:     #1e293b;
            --bubble-act-bg:   rgba(255,255,255,.25);
            --bubble-act-text: #ffffff;
            --unread-bg:       #ef4444;
            --arrow-bg:        #ffffff;
            --arrow-hover-bg:  #f1f5f9;
            --arrow-text:      #94a3b8;
            --arrow-hover-text:#1e293b;
            --body-bg:         #ffffff;
            --body-border:     #e4e8ef;
        }

        /* ─── Wrapper ────────────────────────────────── */
        :where([data-page="userdetails"]) .tabs-wrapper {
            display: flex;
            align-items: center;
            gap: 6px;
            background: var(--tab-wrap-bg);
            border: 1px solid var(--tab-wrap-border);
            border-radius: var(--tab-radius);
            padding: 6px 8px;
            font-family: var(--tab-font);
        }

        /* ─── Scrollable strip ───────────────────────── */
        :where([data-page="userdetails"]) .tabs-container {
            display: flex;
            gap: 4px;
            overflow: hidden;
            flex-grow: 1;
            cursor: grab;
            scroll-behavior: smooth;
            padding: 2px 0;
        }
        :where([data-page="userdetails"]) .tabs-container:active { cursor: grabbing; }
        :where([data-page="userdetails"]) .tabs-container::-webkit-scrollbar { height: 0; }

        /* ─── Individual Tab ─────────────────────────── */
        :where([data-page="userdetails"]) .tab {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 14px;
            border-radius: 7px;
            border: 1px solid transparent;
            background: transparent;
            color: var(--tab-text);
            font-family: var(--tab-font);
            font-size: 12.5px;
            font-weight: 500;
            letter-spacing: .01em;
            white-space: nowrap;
            cursor: pointer;
            user-select: none;
            transition: background .15s, color .15s, border-color .15s, box-shadow .15s, transform .12s;
        }
        :where([data-page="userdetails"]) .tab:hover {
            background: #ffffff;
            color: var(--tab-text-hover);
            border-color: var(--tab-border);
            box-shadow: var(--tab-shadow);
            transform: translateY(-1px);
        }
        :where([data-page="userdetails"]) .tab.active {
            background: var(--tab-active-bg);
            color: var(--tab-active-text);
            border-color: var(--tab-active-bg);
            box-shadow: var(--tab-shadow-act);
            font-weight: 600;
            transform: translateY(-1px);
        }
        :where([data-page="userdetails"]) .tab.active:hover {
            background: #0f172a;
        }

        /* ─── Loading Spinner ────────────────────────── */
        :where([data-page="userdetails"]) .tab.is_loading {
            pointer-events: none;
            opacity: .75;
        }
        :where([data-page="userdetails"]) .tab.is_loading::after {
            content: '';
            display: inline-block;
            width: 11px;
            height: 11px;
            border: 2px solid rgba(0,0,0,.12);
            border-top-color: #94a3b8;
            border-radius: 50%;
            animation: tab-spin .55s linear infinite;
            flex-shrink: 0;
        }
        :where([data-page="userdetails"]) .tab.active.is_loading::after {
            border-color: rgba(255,255,255,.25);
            border-top-color: #ffffff;
        }
        @keyframes tab-spin {
            to { transform: rotate(360deg); }
        }

        /* ─── Count Bubble ───────────────────────────── */
        :where([data-page="userdetails"]) .count-bubble {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 19px;
            height: 19px;
            padding: 0 5px;
            background: var(--bubble-bg);
            color: var(--bubble-text);
            border-radius: 20px;
            font-size: 10.5px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0;
        }
        :where([data-page="userdetails"]) .tab.active .count-bubble {
            background: var(--bubble-act-bg);
            color: var(--bubble-act-text);
        }

        /* ─── Unread / Alert Bubble ──────────────────── */
        :where([data-page="userdetails"]) .unread_bubble {
            background: var(--unread-bg) !important;
            color: #fff !important;
            animation: bubble-pulse 2.2s ease-in-out infinite;
        }
        @keyframes bubble-pulse {
            0%,100% { transform: scale(1); }
            50%      { transform: scale(1.1); }
        }

        /* ─── Arrow Buttons ──────────────────────────── */
        :where([data-page="userdetails"]) .arrow {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 30px;
            height: 30px;
            border-radius: 7px;
            border: 1px solid var(--tab-border);
            background: var(--arrow-bg);
            color: var(--arrow-text);
            cursor: pointer;
            user-select: none;
            font-size: 1.2rem;
            transition: background .14s, color .14s, transform .12s, box-shadow .14s;
            box-shadow: var(--tab-shadow);
        }
        :where([data-page="userdetails"]) .arrow:hover {
            background: var(--arrow-hover-bg);
            color: var(--arrow-hover-text);
            transform: scale(1.06);
        }
        :where([data-page="userdetails"]) .arrow:active { transform: scale(.94); }
        :where([data-page="userdetails"]) .arrow.disabled {
            opacity: .35;
            cursor: not-allowed;
            pointer-events: none;
        }

        /* ─── Content Area ───────────────────────────── */
        :where([data-page="userdetails"]) .profile-card-outer {
            border: 1px solid var(--body-border) !important;
            border-radius: var(--tab-radius) !important;
            background: var(--body-bg) !important;
            box-shadow: 0 1px 4px rgba(0,0,0,.05) !important;
            overflow: hidden;
        }

        :where([data-page="userdetails"]) #body {
            animation: body-in .22s ease;
        }
        @keyframes body-in {
            from { opacity: 0; transform: translateY(6px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        /* ─── Empty-state Alert ──────────────────────── */
        :where([data-page="userdetails"]) .alert-empty-profile {
            background: #f8fafc;
            border: 1px solid #e4e8ef;
            border-radius: 8px;
            color: #64748b;
            font-family: var(--tab-font);
            font-size: 13.5px;
            margin: 12px;
            padding: 12px 16px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        :where([data-page="userdetails"]) .alert-empty-profile i {
            font-size: 1.2rem;
            color: #94a3b8;
            flex-shrink: 0;
        }

        /* ─── Responsive ─────────────────────────────── */
        @media (max-width: 768px) {
            :where([data-page="userdetails"]) .tab { padding: 6px 11px; font-size: 12px; }
            :where([data-page="userdetails"]) .arrow { width: 26px; height: 26px; font-size: 1rem; }
            :where([data-page="userdetails"]) .count-bubble { min-width: 17px; height: 17px; font-size: 10px; }
            :where([data-page="userdetails"]) .tabs-wrapper { padding: 5px 6px; }
        }

        :where([data-page="userdetails"]) * { -webkit-tap-highlight-color: transparent; }

/* ── userdetails.php (строка 2444) ── */
:where([data-page="userdetails"]) .gifts-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 18px;
    overflow: hidden;
    margin-bottom: 1.5rem;
    box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
:where([data-page="userdetails"]) .gifts-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 18px;
    border-bottom: 1px solid #f3f4f6;
    background: #fafafa;
}
:where([data-page="userdetails"]) .gifts-card__title-group {
    display: flex;
    align-items: center;
    gap: 10px;
}
:where([data-page="userdetails"]) .gifts-card__icon-wrap {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #f3f0ff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7c3aed;
    font-size: 15px;
    flex-shrink: 0;
}
:where([data-page="userdetails"]) .gifts-card__title {
    font-weight: 600;
    font-size: 15px;
    color: #111827;
    letter-spacing: -.01em;
}
:where([data-page="userdetails"]) .gifts-card__count-badge {
    background: #f3f0ff;
    color: #7c3aed;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 9px;
    border-radius: 20px;
    text-decoration: none;
    transition: background .2s;
}
:where([data-page="userdetails"]) .gifts-card__count-badge:hover { background: #ede9fe; color: #6d28d9; }
:where([data-page="userdetails"]) .gifts-card__actions { display: flex; align-items: center; gap: 8px; }
:where([data-page="userdetails"]) .gifts-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 13px;
    border-radius: 9px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background .2s, box-shadow .2s, color .2s;
    white-space: nowrap;
}
:where([data-page="userdetails"]) .gifts-btn--ghost {
    background: #fff;
    color: #6b7280;
    border: 1px solid #e5e7eb;
}
:where([data-page="userdetails"]) .gifts-btn--ghost:hover { background: #f9fafb; color: #374151; }
:where([data-page="userdetails"]) .gifts-btn--primary {
    background: #7c3aed;
    color: #fff;
    border: 1px solid transparent;
}
:where([data-page="userdetails"]) .gifts-btn--primary:hover {
    background: #6d28d9;
    color: #fff;
    box-shadow: 0 2px 8px rgba(124,58,237,.25);
}
:where([data-page="userdetails"]) .gifts-card__body { background: #fff; padding: 0; }
:where([data-page="userdetails"]) .gifts-slider-wrap {
    position: relative;
    padding: 18px 44px 18px 18px;
}
:where([data-page="userdetails"]) .gifts-slider-track {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    cursor: grab;
}
:where([data-page="userdetails"]) .gifts-slider-track:active { cursor: grabbing; }
:where([data-page="userdetails"]) .gifts-slider-track::-webkit-scrollbar { display: none; }
:where([data-page="userdetails"]) .gifts-slider-inner {
    display: flex;
    gap: 12px;
    width: max-content;
    padding-bottom: 2px;
}
:where([data-page="userdetails"]) .gifts-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e5e7eb;
    color: #6b7280;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .2s, color .2s, box-shadow .2s;
    z-index: 2;
    box-shadow: 0 1px 3px rgba(0,0,0,.08);
}
:where([data-page="userdetails"]) .gifts-nav:hover {
    background: #7c3aed;
    color: #fff;
    border-color: #7c3aed;
    box-shadow: 0 2px 8px rgba(124,58,237,.22);
}
:where([data-page="userdetails"]) .gifts-nav--prev { left: 6px; }
:where([data-page="userdetails"]) .gifts-nav--next { right: 6px; }
:where([data-page="userdetails"]) .gifts-nav:disabled { opacity: .35; pointer-events: none; }
:where([data-page="userdetails"]) .gift-cell {
    flex: 0 0 138px;
    width: 138px;
    cursor: pointer;
    transition: transform .22s ease;
    outline: none;
}
:where([data-page="userdetails"]) .gift-cell:hover { transform: translateY(-3px); }
:where([data-page="userdetails"]) .gift-cell:focus-visible .gift-cell__thumb { box-shadow: 0 0 0 3px #7c3aed55; }
:where([data-page="userdetails"]) .gift-cell__thumb {
    position: relative;
    width: 138px;
    height: 138px;
    border-radius: 13px;
    overflow: hidden;
    background: #faf7ff;
    border: 1px solid #ede9fe;
    transition: border-color .2s;
}
:where([data-page="userdetails"]) .gift-cell:hover .gift-cell__thumb { border-color: #c4b5fd; }
:where([data-page="userdetails"]) .gift-cell__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .3s ease;
    display: block;
}
:where([data-page="userdetails"]) .gift-cell:hover .gift-cell__img { transform: scale(1.06); }
:where([data-page="userdetails"]) .gift-cell__zoom-hint {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.6);
    color: #7c3aed;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s ease;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 2;
}
:where([data-page="userdetails"]) .gift-cell:hover .gift-cell__zoom-hint { opacity: 1; }
:where([data-page="userdetails"]) .gift-cell__wish-peek {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 7px 9px 8px;
    background: rgba(15,7,40,.62);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: flex-start;
    gap: 5px;
    transition: background .2s;
}
:where([data-page="userdetails"]) .gift-cell:hover .gift-cell__wish-peek { background: rgba(15,7,40,.78); }
:where([data-page="userdetails"]) .gift-cell__wish-icon {
    color: #c4b5fd;
    font-size: 10px;
    flex-shrink: 0;
    margin-top: 2px;
}
:where([data-page="userdetails"]) .gift-cell__wish-preview {
    font-size: 11px;
    line-height: 1.4;
    color: #f3f0ff;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-style: italic;
}
:where([data-page="userdetails"]) .gift-cell__label { margin-top: 7px; text-align: center; }
:where([data-page="userdetails"]) .gift-cell__username {
    font-size: 12.5px;
    font-weight: 500;
    color: #5b21b6;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: color .18s;
}
:where([data-page="userdetails"]) .gift-cell:hover .gift-cell__username { color: #7c3aed; }
:where([data-page="userdetails"]) .gifts-empty { text-align: center; padding: 44px 20px; color: #6b7280; }
:where([data-page="userdetails"]) .gifts-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    background: #f5f3ff;
    border-radius: 50%;
    color: #7c3aed;
    margin-bottom: 14px;
}
:where([data-page="userdetails"]) .gifts-empty__title { font-weight: 600; font-size: 15px; color: #1f2937; margin: 0 0 5px; }
:where([data-page="userdetails"]) .gifts-empty__sub { font-size: 13px; color: #9ca3af; margin: 0; }
:where([data-page="userdetails"]) .gmodal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: rgba(10,5,25,.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}
:where([data-page="userdetails"]) .gmodal-backdrop.gmodal--open { opacity: 1; pointer-events: all; }
:where([data-page="userdetails"]) .gmodal-dialog {
    background: #fff;
    border-radius: 20px;
    width: 100%;
    max-width: 380px;
    overflow: hidden;
    position: relative;
    transform: scale(.93) translateY(8px);
    transition: transform .26s cubic-bezier(.34,1.4,.64,1);
    box-shadow: 0 24px 60px rgba(0,0,0,.18);
}
:where([data-page="userdetails"]) .gmodal-backdrop.gmodal--open .gmodal-dialog { transform: scale(1) translateY(0); }
:where([data-page="userdetails"]) .gmodal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255,255,255,.85);
    border: 1px solid #e5e7eb;
    color: #6b7280;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background .18s, color .18s;
    backdrop-filter: blur(4px);
}
:where([data-page="userdetails"]) .gmodal-close:hover { background: #fff; color: #111827; }
:where([data-page="userdetails"]) .gmodal-img-wrap {
    position: relative;
    width: 100%;
    height: 240px;
    background: #faf7ff;
    overflow: hidden;
}
:where([data-page="userdetails"]) .gmodal-img { width: 100%; height: 100%; object-fit: cover; display: block; }
:where([data-page="userdetails"]) .gmodal-img-shine {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(255,255,255,.95) 100%);
    pointer-events: none;
}
:where([data-page="userdetails"]) .gmodal-body { padding: 16px 20px 20px; }
:where([data-page="userdetails"]) .gmodal-sender-row { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
:where([data-page="userdetails"]) .gmodal-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #f3f0ff;
    border: 2px solid #ede9fe;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #7c3aed;
    flex-shrink: 0;
    overflow: hidden;
}
:where([data-page="userdetails"]) .gmodal-sender-label { font-size: 11.5px; color: #9ca3af; margin: 0 0 2px; text-transform: uppercase; letter-spacing: .04em; font-weight: 500; }
:where([data-page="userdetails"]) .gmodal-sender-name { font-size: 15px; font-weight: 600; color: #5b21b6; text-decoration: none; display: block; transition: color .18s; }
:where([data-page="userdetails"]) .gmodal-sender-name:hover { color: #7c3aed; }
:where([data-page="userdetails"]) .gmodal-wish-wrap {
    display: flex;
    gap: 10px;
    background: #faf7ff;
    border: 1px solid #ede9fe;
    border-radius: 12px;
    padding: 12px 14px;
    margin-bottom: 16px;
}
:where([data-page="userdetails"]) .gmodal-wish-icon { color: #a78bfa; font-size: 16px; flex-shrink: 0; padding-top: 1px; }
:where([data-page="userdetails"]) .gmodal-wish-text { font-size: 13.5px; line-height: 1.55; color: #374151; margin: 0; font-style: italic; }
@media (max-width: 575.98px) {
    :where([data-page="userdetails"]) .gifts-slider-wrap { padding: 14px 38px 14px 14px; }
    :where([data-page="userdetails"]) .gift-cell { flex: 0 0 110px; width: 110px; }
    :where([data-page="userdetails"]) .gift-cell__thumb { width: 110px; height: 110px; }
    :where([data-page="userdetails"]) .gifts-nav { width: 26px; height: 26px; font-size: 11px; }
    :where([data-page="userdetails"]) .gmodal-img-wrap { height: 200px; }
    :where([data-page="userdetails"]) .gift-cell__wish-preview { font-size: 10px; }
    :where([data-page="userdetails"]) .gift-cell__zoom-hint { width: 22px; height: 22px; font-size: 10px; top: 6px; right: 6px; }
}

/* ── userdetails.php (строка 3537) ── */
:where([data-page="userdetails"]) .avatar-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

:where([data-page="userdetails"]) .card {
    transition: transform 0.2s, box-shadow 0.2s;
}

:where([data-page="userdetails"]) .card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0,0,0,0.1) !important;
}

:where([data-page="userdetails"]) .list-group-item:hover {
    background-color: #f8f9fa;
    transition: background-color 0.2s;
}

:where([data-page="userdetails"]) .badge {
    font-weight: 500;
}

:where([data-page="userdetails"]) .bg-gradient {
    position: relative;
    overflow: hidden;
}

:where([data-page="userdetails"]) .bg-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    transition: left 0.5s;
}

:where([data-page="userdetails"]) .bg-gradient:hover::before {
    left: 100%;
}

:where([data-page="userdetails"]) .signature-content {
    line-height: 1.6;
}

:where([data-page="userdetails"]) .text-purple {
    color: #6f42c1;
}

:where([data-page="userdetails"]) .bg-purple {
    background-color: #6f42c1;
}

:where([data-page="userdetails"]) code {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #f1f3f5;
    color: #e83e8c;
    font-size: 0.875em;
}

/* ── userdetails.php (строка 3657) ── */
:where([data-page="userdetails"]) .icon-circle {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
}

:where([data-page="userdetails"]) .hover-lift {
    transition: all 0.3s ease;
}

:where([data-page="userdetails"]) .hover-lift:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
}

:where([data-page="userdetails"]) .hover-lift .card-body {
    transition: background-color 0.3s ease;
}

:where([data-page="userdetails"]) .hover-lift:hover .card-body {
    background-color: #f8f9fa;
}

:where([data-page="userdetails"]) .text-purple {
    color: #6f42c1;
}

:where([data-page="userdetails"]) .bg-purple {
    background-color: #6f42c1 !important;
}

:where([data-page="userdetails"]) .card {
    overflow: hidden;
    border-radius: 12px;
}

:where([data-page="userdetails"]) .bg-gradient {
    position: relative;
    overflow: hidden;
}

:where([data-page="userdetails"]) .bg-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.1);
    transition: left 0.5s;
}

:where([data-page="userdetails"]) .bg-gradient:hover::before {
    left: 100%;
}

:where([data-page="userdetails"]) .badge {
    font-weight: 600;
    letter-spacing: 0.5px;
}

@media (max-width: 768px) {
    :where([data-page="userdetails"]) .icon-circle {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

/* ── userdetails.php (строка 3779) ── */
:where([data-page="userdetails"]) .mt-page-wrap {background:#f4f6f9;min-height:100vh;padding:24px 0 48px}
:where([data-page="userdetails"]) .mt-inner {margin:0 auto;padding:0 16px}

/* Filter bar */
:where([data-page="userdetails"]) .mt-filter-bar {background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 18px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
:where([data-page="userdetails"]) .mt-filter-bar .browse_filter_by {border:1px solid #cbd5e1;border-radius:7px;padding:6px 12px;font-size:13.5px;color:#374151;outline:none;transition:border .2s;flex:1;min-width:200px;max-width:420px}
:where([data-page="userdetails"]) .mt-filter-bar .browse_filter_by:focus {border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.12)}
:where([data-page="userdetails"]) #filter_result_count {background:#6366f1;color:#fff;border-radius:20px;padding:1px 9px;font-size:12px;font-weight:600;min-width:22px;text-align:center}

/* TWO-COLUMN GRID — each mt-col is a self-contained flex column */
:where([data-page="userdetails"]) .mt-grid {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start;margin-top:16px}
@media(max-width:960px){:where([data-page="userdetails"]) .mt-grid {grid-template-columns:1fr}}
:where([data-page="userdetails"]) .mt-col {display:flex;flex-direction:column;gap:14px;min-width:0}

/* Card */
:where([data-page="userdetails"]) .mt-card {background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;min-width:0;box-sizing:border-box}
:where([data-page="userdetails"]) .mt-card-header {display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid #f1f5f9;background:#fafbfc}
:where([data-page="userdetails"]) .mt-card-header .mt-icon {width:30px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}
:where([data-page="userdetails"]) .mt-card-header h6 {margin:0;font-size:13px;font-weight:700;color:#1e293b;letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:where([data-page="userdetails"]) .mt-card-header .mt-hbadge {margin-left:auto;flex-shrink:0;font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:600;background:#f1f5f9;color:#475569}
:where([data-page="userdetails"]) .mt-card-body {padding:14px 16px;min-width:0}

/* icon themes */
:where([data-page="userdetails"]) .ic-violet {background:#ede9fe;color:#7c3aed}
:where([data-page="userdetails"]) .ic-blue {background:#dbeafe;color:#2563eb}
:where([data-page="userdetails"]) .ic-emerald {background:#d1fae5;color:#059669}
:where([data-page="userdetails"]) .ic-rose {background:#ffe4e6;color:#e11d48}
:where([data-page="userdetails"]) .ic-amber {background:#fef3c7;color:#d97706}
:where([data-page="userdetails"]) .ic-slate {background:#f1f5f9;color:#475569}
:where([data-page="userdetails"]) .ic-indigo {background:#e0e7ff;color:#4338ca}
:where([data-page="userdetails"]) .ic-cyan {background:#cffafe;color:#0891b2}
:where([data-page="userdetails"]) .ic-fuchsia {background:#fae8ff;color:#a21caf}
:where([data-page="userdetails"]) .ic-teal {background:#ccfbf1;color:#0f766e}
:where([data-page="userdetails"]) .ic-orange {background:#ffedd5;color:#ea580c}
:where([data-page="userdetails"]) .ic-red {background:#fee2e2;color:#dc2626}

/* Row */
:where([data-page="userdetails"]) .mt-row {display:flex;flex-direction:column;gap:5px;padding:9px 0;border-bottom:1px solid #f1f5f9;min-width:0}
:where([data-page="userdetails"]) .mt-row:last-child {border-bottom:none;padding-bottom:0}
:where([data-page="userdetails"]) .mt-label {font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:5px;margin-bottom:1px}
:where([data-page="userdetails"]) .mt-label i {font-size:11px;flex-shrink:0}
:where([data-page="userdetails"]) .mt-control {font-size:13px;color:#1e293b}

/* Inputs */
:where([data-page="userdetails"]) .mt-input {border:1px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-size:13px;color:#1e293b;width:100%;transition:border .2s,box-shadow .2s;background:#fff;box-sizing:border-box;max-width:100%}
:where([data-page="userdetails"]) .mt-input:focus {border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}
:where([data-page="userdetails"]) textarea.mt-input {resize:vertical;min-height:80px}

/* Radio/check */
:where([data-page="userdetails"]) .mt-radio-group,
:where([data-page="userdetails"]) .mt-check-group {display:flex;flex-wrap:wrap;gap:5px 8px;min-width:0}
:where([data-page="userdetails"]) .mt-radio-group label,
:where([data-page="userdetails"]) .mt-check-group label {display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#374151;cursor:pointer;padding:4px 9px;border:1px solid #e2e8f0;border-radius:6px;transition:all .15s;user-select:none;white-space:nowrap}
:where([data-page="userdetails"]) .mt-radio-group label:has(input:checked),
:where([data-page="userdetails"]) .mt-check-group label:has(input:checked) {border-color:#6366f1;background:#ede9fe;color:#4338ca}
:where([data-page="userdetails"]) .mt-radio-group input,
:where([data-page="userdetails"]) .mt-check-group input {accent-color:#6366f1;flex-shrink:0}

/* Select */
:where([data-page="userdetails"]) .mt-select {border:1px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-size:13px;color:#374151;background:#fff;transition:border .2s}
:where([data-page="userdetails"]) .mt-select:focus {border-color:#6366f1;outline:none}

/* Notes */
:where([data-page="userdetails"]) .mt-note {border-radius:7px;padding:7px 11px;font-size:12.5px;margin-top:6px;display:flex;align-items:flex-start;gap:7px}
:where([data-page="userdetails"]) .mt-note i {margin-top:1px;flex-shrink:0}
:where([data-page="userdetails"]) .mt-note-info {background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe}
:where([data-page="userdetails"]) .mt-note-warn {background:#fffbeb;color:#92400e;border:1px solid #fde68a}
:where([data-page="userdetails"]) .mt-note-danger {background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
:where([data-page="userdetails"]) .mt-note-success {background:#f0fdf4;color:#14532d;border:1px solid #bbf7d0}

/* Chips */
:where([data-page="userdetails"]) .mt-chip {display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:20px;font-size:11.5px;font-weight:600}
:where([data-page="userdetails"]) .mt-chip-violet {background:#ede9fe;color:#6d28d9}
:where([data-page="userdetails"]) .mt-chip-slate {background:#f1f5f9;color:#475569}

/* setondate labels */
:where([data-page="userdetails"]) .prv_click label {display:inline-flex;align-items:center;padding:3px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;font-size:11.5px;color:#4338ca;cursor:pointer;margin:2px 3px;transition:background .15s}
:where([data-page="userdetails"]) .prv_click label:hover {background:#ede9fe}

/* Emoji picker */
:where([data-page="userdetails"]) .mt-emoji-ex {display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:6px 0}
:where([data-page="userdetails"]) .mt-emoji-ex .mt-emoji-item {font-size:20px;cursor:pointer;padding:3px 5px;border-radius:6px;border:1px solid transparent;transition:all .15s;line-height:1}
:where([data-page="userdetails"]) .mt-emoji-ex .mt-emoji-item:hover {background:#f1f5f9;border-color:#e2e8f0}

/* togglepic */
:where([data-page="userdetails"]) #uppic,
:where([data-page="userdetails"]) #downpic,
:where([data-page="userdetails"]) #invitepic,
:where([data-page="userdetails"]) #warnpic,
:where([data-page="userdetails"]) #bonuspic {cursor:pointer;vertical-align:middle}

/* Submit */
:where([data-page="userdetails"]) .mt-submit-bar {background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;margin-top:16px}
:where([data-page="userdetails"]) .mt-submit-bar .btn-primary-mt {background:#6366f1;color:#fff;border:none;border-radius:8px;padding:9px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}
:where([data-page="userdetails"]) .mt-submit-bar .btn-primary-mt:hover {background:#4f46e5}
:where([data-page="userdetails"]) .mt-submit-bar .btn-reset-mt {background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;cursor:pointer}

/* Donor notice */
:where([data-page="userdetails"]) .mt-donor-notice {background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:12px 16px;font-size:13px;color:#78350f;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start}
:where([data-page="userdetails"]) .mt-donor-notice i {font-size:16px;color:#d97706;margin-top:1px;flex-shrink:0}

/* Awards */
:where([data-page="userdetails"]) .mt-awards-wrap {padding:4px 0}

/* inline flex helpers */
:where([data-page="userdetails"]) .mt-flex {display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;max-width:100%}
:where([data-page="userdetails"]) .mt-divider {border:none;border-top:1px solid #f1f5f9;margin:8px 0}
/* prevent selects/inputs from blowing up card width */
:where([data-page="userdetails"]) .mt-select {max-width:100%;box-sizing:border-box}
:where([data-page="userdetails"]) .mt-card * {min-width:0}

/* ── blocks/block-user.php (строка 103) ── */
.sb-user-card {background: #fff; border-radius: 12px; overflow: hidden; font-size: 12px; }
.sb-user-header { background: #fff; border-bottom: 1px solid #f0f0f0; padding: 12px 10px 8px; }
:where(.sb-user-card) .user-avatar { width: 72px; height: 72px; object-fit: cover; border: 2px solid #e8e8e8; }
:where(.sb-user-card) .avatar-wrap { position: relative; display: inline-block; flex-shrink: 0; }
:where(.sb-user-card) .mood-badge { position: absolute; top: -4px; left: -4px; }
:where(.sb-user-card) .mood-icon { width: 18px; height: 18px; }
.sb-username { font-size: 13px; font-weight: 600; color: #1a1a1a; line-height: 1.2; }
.sb-username a { color: inherit; text-decoration: none; }
.sb-username a:hover { color: #0d6efd; }
.sb-bonus a { color: #888; text-decoration: none; font-size: 11px; }
.sb-bonus a:hover { color: #f5a623; }
.sb-actions { display: flex; flex-direction: column; gap: 4px; margin-left: auto; }
.sb-actions a { color: #bbb; font-size: 16px; line-height: 1; display: block; }
.sb-actions a:hover { color: #0d6efd; }
.sb-stats { display: flex; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.sb-stat-col { flex: 1; text-align: center; padding: 7px 4px; }
.sb-stat-val { font-size: 12px; font-weight: 700; }
.sb-stat-lbl { font-size: 10px; color: #aaa; margin-top: 1px; }
.sb-ratio-wrap { padding: 6px 10px; }
:where(.sb-user-card) .ratio-progress { border-radius: 20px; background: #f3f3f3; height: 22px !important; overflow: hidden; }
:where(.sb-user-card) .ratio-progress .progress-bar { border-radius: 20px; font-size: 11px; font-weight: 600; }
:where(.sb-user-card) .ratio-text { font-size: 11px; font-weight: 600; color: #fff; }
:where(.sb-user-card) .ratio-perfect { background: linear-gradient(90deg,#a78bfa,#818cf8) !important; }
:where(.sb-user-card) .ratio-good { background: #22c55e !important; }
:where(.sb-user-card) .ratio-warning { background: #f59e0b !important; }
:where(.sb-user-card) .ratio-danger { background: #ef4444 !important; }
.sb-msg-alert { margin: 0 10px 6px; border-radius: 8px; font-size: 11px; padding: 5px 8px; background: #f0fdf4; border: 1px solid #bbf7d0; color: #15803d; }
.sb-msg-alert a { color: #15803d; font-weight: 600; text-decoration: none; }
.sb-info-row { display: flex; align-items: center; gap: 5px; padding: 2px 0; color: #555; }
.sb-info-row a { color: #555; text-decoration: none; }
.sb-info-row a:hover { color: #0d6efd; }
.sb-activity { display: flex; border-top: 1px solid #f4f4f4; margin-top: 4px; padding-top: 6px; }
.sb-act-col { flex: 1; text-align: center; }
.sb-act-val { font-size: 13px; font-weight: 700; }
.sb-act-val a { color: inherit; text-decoration: none; }
.sb-act-lbl { font-size: 10px; color: #aaa; }
.sb-style-select { padding: 6px 10px 2px; }
.sb-style-select select { font-size: 11px; border: 1px solid #e5e7eb; border-radius: 8px; padding: 3px 6px; background: #fafafa; color: #555; width: 100%; }
.sb-style-select select:focus { outline: none; border-color: #93c5fd; }
.sb-logout { text-align: center; padding: 6px 10px 8px; border-top: 1px solid #f4f4f4; margin-top: 4px; }
.sb-logout a { font-size: 11px; color: #aaa; text-decoration: none; }
.sb-logout a:hover { color: #ef4444; }
.sb-warned { text-align: center; padding: 3px 10px; font-size: 10px; color: #ef4444; }
:where(.sb-user-card) .is_warned { box-shadow: 0 0 0 2px #fca5a5; }

/* баннер профиля как фон шапки */
.sb-user-header { position: relative; }
/* полоса баннера сверху (64px), аватар наполовину заходит на неё, ник — уже на белом */
.sb-user-header.has-banner,
.sb-user-header.has-color { isolation: isolate; border-bottom: 0; padding: 32px 10px 10px; }
.sb-banner-cover { position: absolute; top: 0; left: 0; right: 0; height: 64px; z-index: -1; overflow: hidden; }
.sb-banner-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.sb-user-card:hover .sb-banner-bg { transform: scale(1.06); }
:where(.sb-user-card) .has-color .sb-banner-bg { background-image: radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.4px), radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.38) 0%, transparent 55%), radial-gradient(100% 130% at 0% 100%, rgba(0,0,0,.25) 0%, transparent 60%); background-size: 11px 11px, 100% 100%, 100% 100%; }
:where(.sb-user-card) .has-color .sb-banner-bg.is-default { background-color: #6366f1; background-image: radial-gradient(rgba(255,255,255,.16) 1px, transparent 1.4px), radial-gradient(120% 140% at 100% 0%, rgba(255,255,255,.30) 0%, transparent 55%), linear-gradient(120deg, #4f46e5 0%, #8b5cf6 50%, #ec4899 100%); background-size: 11px 11px, 100% 100%, 100% 100%; }
.sb-banner-shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.30) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,.10) 100%); }
:where(.sb-user-card) .has-banner .sb-header-row,
:where(.sb-user-card) .has-color .sb-header-row { align-items: flex-end !important; }
:where(.sb-user-card) .has-banner .user-avatar,
:where(.sb-user-card) .has-color .user-avatar { border: 4px solid #fff; box-shadow: 0 4px 12px rgba(0,0,0,.18); background: #fff; }
:where(.sb-user-card) .has-banner .sb-nameplate,
:where(.sb-user-card) .has-color .sb-nameplate { padding-bottom: 1px; }
:where(.sb-user-card) .has-banner .sb-username,
:where(.sb-user-card) .has-color .sb-username { font-size: 14px; font-weight: 700; }
:where(.sb-user-card) .has-banner .sb-bonus,
:where(.sb-user-card) .has-color .sb-bonus { margin-top: 2px !important; }
:where(.sb-user-card) .has-banner .sb-actions,
:where(.sb-user-card) .has-color .sb-actions { position: absolute; top: 7px; right: 7px; flex-direction: row; gap: 5px; margin: 0; }
:where(.sb-user-card) .has-banner .sb-actions a,
:where(.sb-user-card) .has-color .sb-actions a { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #fff; background: rgba(0,0,0,.32); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border: 1px solid rgba(255,255,255,.28); transition: background .15s, color .15s, transform .15s; }
:where(.sb-user-card) .has-banner .sb-actions a:hover,
:where(.sb-user-card) .has-color .sb-actions a:hover { background: #fff; color: #0d6efd; transform: scale(1.08); }
@media (prefers-reduced-motion: reduce) { .sb-banner-bg { transition: none; } .sb-user-card:hover .sb-banner-bg { transform: none; } }

/* ── blocks/block-user.php (строка 369) ── */
.sb-login-card { max-width:210px; background:#fff; border-radius:12px; padding:14px 12px; font-size:12px; }
.sb-login-card .form-control { font-size:12px; border-radius:8px; border:1px solid #e5e7eb; height:34px; }
.sb-login-card .form-control:focus { border-color:#93c5fd; box-shadow:none; }
.sb-login-card .btn-login { width:100%; border-radius:8px; font-size:12px; height:32px; background:#0d6efd; border:none; color:#fff; font-weight:600; }
.sb-login-card .btn-login:hover { background:#0b5ed7; }
.sb-login-title { font-size:13px; font-weight:700; text-align:center; color:#1a1a1a; margin-bottom:10px; }
.sb-login-links { display:flex; justify-content:space-between; margin-top:8px; }
.sb-login-links a { font-size:11px; color:#aaa; text-decoration:none; }
.sb-login-links a:hover { color:#0d6efd; }

/* ── blocks/block-3view.php (строка 25) ── */
/* Обёртка */
:where(.viewn_c_in) .search-wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Контейнер поиска */
:where(.viewn_c_in) .search-container {
    display: flex;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 50px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    width: 350px; /* Начальная ширина */
    max-width: 100%;
}

/* Иконка поиска */
:where(.viewn_c_in) .search-icon {
    color: #aaa;
    font-size: 18px;
    margin-left: 15px;
    transition: color 0.3s ease;
}

:where(.viewn_c_in) .search-container:focus-within .search-icon {
    color: #007BFF;
}

/* Поле ввода */
:where(.viewn_c_in) .search-input {
    flex: 1;
    border: none;
    padding: 5px 15px;
    font-size: 16px;
    outline: none;
    transition: padding 0.3s ease, width 0.4s ease-in-out;
}

:where(.viewn_c_in) .search-input::placeholder {
    color: #aaa;
    transition: color 0.3s ease;
}

:where(.viewn_c_in) .search-container:focus-within .search-input::placeholder {
    color: #007BFF;
}

/* Кнопка поиска */
:where(.viewn_c_in) .search-button {
    background-color: #333;
    border: none;
    color: white;
    padding: 8px 15px;
    cursor: pointer;
    font-size: 16px;
    outline: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

:where(.viewn_c_in) .search-button:hover {
    background-color: #0056b3;
    transform: scale(1.05);
}

:where(.viewn_c_in) .search-button i {
    font-size: 18px;
}

/* ── blocks/block-last_files.php (строка 15) ── */
.slider-modern { position: relative; overflow: hidden; } :where(.slider-modern) .slider-categories { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } :where(.slider-modern) .category-title { display: flex; align-items: center; gap: 8px; font-weight: 600; color: #333; } :where(.slider-modern) .category-icon { font-size: 1.1em; color: #007bff; } :where(.slider-modern) .category-btn { background: none; border: 2px solid transparent; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; color: #6c757d; } :where(.slider-modern) .category-btn:hover { color: #007bff; border-color: #007bff; transform: translateY(-2px); } :where(.slider-modern) .category-btn.activeCat { color: #007bff; border-color: #007bff; background-color: rgba(0, 123, 255, 0.1); } :where(.slider-modern) .slider-wrapper { position: relative; margin-top: 15px; } :where(.slider-modern) .slider-container { position: relative; } :where(.slider-modern) .slider-track { display: flex; transition: transform 0.5s ease; gap: 15px; } :where(.slider-modern) .slider-item { flex: 0 0 auto; width: 173px; background: white; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } :where(.slider-modern) .slider-item:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); } :where(.slider-modern) .slider-image { position: relative; width: 100%; height: 240px; overflow: hidden; } :where(.slider-modern) .slider-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; } :where(.slider-modern) .slider-item:hover .slider-image img { transform: scale(1.05); } :where(.slider-modern) .rating-badge { position: absolute; top: 8px; right: 8px; background: linear-gradient(135deg, #ffd700, #ff9800); color: white; padding: 4px 8px; border-radius: 12px; font-size: 0.7em; font-weight: bold; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } :where(.slider-modern) .free-torrent-badge { position: absolute; top: 8px; left: 8px; padding: 4px 8px; border-radius: 12px; } :where(.slider-modern) .slider-content { padding: 12px; } :where(.slider-modern) .torrent-title { font-weight: 600;font-size: .78rem; line-height: 1.3; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2.6em; } :where(.slider-modern) .torrent-info {font-size: .68rem; color: #6c757d; line-height: 1.4; } :where(.slider-modern) .torrent-stats { display: flex; align-items: center; gap: 8px; margin-top: 8px; font-size: 0.8em; } :where(.slider-modern) .stat-item { display: flex; align-items: center; gap: 4px; } :where(.slider-modern) .slider-nav { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } :where(.slider-modern) .slider-nav.prev { left: 0; } :where(.slider-modern) .slider-nav.next { right: 0; } :where(.slider-modern) .nav-btn { background: #007bff; color: white; border: none; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } :where(.slider-modern) .nav-btn:hover:not(:disabled) { background: #0056b3; transform: scale(1.1); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); } :where(.slider-modern) .nav-btn:disabled { background: #6c757d; cursor: not-allowed; opacity: 0.6; transform: none; } :where(.slider-modern) .loading-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: 12px; } :where(.slider-modern) .spinner-border { width: 2rem; height: 2rem; } :where(.slider-modern) .slider-load-more { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 60px; } :where(.slider-modern) .slider-load-spinner { width: 28px; height: 28px; border: 3px solid #e9ecef; border-top-color: #007bff; border-radius: 50%; animation: spin-slider .7s linear infinite; } @keyframes spin-slider { to { transform: rotate(360deg); } } @media (max-width: 768px) { :where(.slider-modern) .nav-btn { width: 35px; height: 35px; } :where(.slider-modern) .slider-item { width: 160px; } :where(.slider-modern) .slider-image { height: 200px; } } @media (max-width: 576px) { :where(.slider-modern) .nav-btn { width: 30px; height: 30px; } :where(.slider-modern) .slider-item { width: 140px; } :where(.slider-modern) .slider-image { height: 180px; } }

/* ── blocks/block-last_files.php (строка 18) ── */
/* ===== КАТЕГОРИИ — TAB UNDERLINE ===== */
.tt-cat-wrap {
    position: relative;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 14px;
    margin-bottom: 16px;
    overflow: hidden;
}
.tt-cat-inner {
    overflow: hidden;
}
.tt-cat-track {
    display: flex;
    align-items: stretch;
    gap: 0;
    transition: transform .35s cubic-bezier(.4,0,.2,1);
    border-bottom: 2px solid #f0f2f5;
}
.tt-cat-btn {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 10px 18px 8px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    cursor: pointer;
    color: #6c757d;
    font-size: .72em;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color .22s ease, border-color .22s ease, background .22s ease;
    position: relative;
}
.tt-cat-btn i {
    font-size: 1.25em;
    transition: transform .22s ease, color .22s ease;
    color: #adb5bd;
}
.tt-cat-btn:hover {
    color: #007bff;
    background: #f5f9ff;
}
.tt-cat-btn:hover i {
    color: #007bff;
    transform: translateY(-2px);
}
.tt-cat-btn.activeCat {
    color: #007bff;
    border-bottom-color: #007bff;
    background: #f0f7ff;
}
.tt-cat-btn.activeCat i {
    color: #007bff;
}
.tt-cat-btn.activeCat::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 20%;
    right: 20%;
    height: 2px;
    background: #007bff;
    border-radius: 2px 2px 0 0;
    animation: tt-line-in .25s ease forwards;
}
@keyframes tt-line-in {
    from { left: 50%; right: 50%; opacity: 0; }
    to   { left: 20%; right: 20%; opacity: 1; }
}
.tt-cat-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 36px;
    display: none;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to right, #fff 60%, transparent);
    border: none;
    cursor: pointer;
    color: #007bff;
    z-index: 5;
    font-size: .9em;
    transition: color .2s;
}
.tt-cat-arrow.arr-next {
    right: 0;
    background: linear-gradient(to left, #fff 60%, transparent);
}
.tt-cat-arrow.arr-prev { left: 0; }
.tt-cat-arrow:hover { color: #0056b3; }
.tt-cat-arrow.visible { display: flex; }
:where(.slider-modern) .slider-track { cursor: grab; }
:where(.slider-modern) .slider-track:active { cursor: grabbing; }

/* ── block-online_jquery.php (строка 1185) ── */
.custom-online-block {
    max-width: 225px !important;
    width: 100% !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    overflow: hidden;
}
.custom-block-header {
    background: #ffffff !important;
    padding: 12px 14px 8px !important;
    font-weight: 600;
    font-size: 13px;
}
.custom-block-header a {
    color: #212529 !important;
    text-decoration: none !important;
}
.custom-block-header .header-count {
    color: #adb5bd !important;
    font-weight: 500;
    margin-left: 2px;
}
.online-bubbles-wrap {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start;
    gap: 8px !important;
    padding: 4px 12px 12px !important;
    justify-content: flex-start;
}
.online-extra-row {
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px 12px;
    margin-top: -4px;
    border-top: 1px solid #f1f3f5;
}
.online-bubble {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    text-decoration: none !important;
}
.bubble-avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1.5px solid #dee2e6;
    overflow: hidden;
    background: #fff;
}
.user-avatar-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: none !important;
}
.bubble-avatar.avatar-fallback {
    background: #eef0f2 !important;
}
.bubble-avatar.avatar-fallback::after {
    content: "\f007";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #adb5bd;
    font-size: 10px;
    line-height: 1;
}
.bubble-badge {
    position: absolute;
    top: -4px;
    right: -5px;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.18);
    z-index: 2;
    font-size: 7px;
    line-height: 11px;
    white-space: nowrap;
}
.online-bubble-more {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    border-radius: 50%;
    background: #f1f3f5 !important;
    border: 1.5px solid #e9ecef !important;
    color: #495057 !important;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none !important;
    user-select: none;
}
.online-bubble-more:hover {
    background: #e9ecef !important;
}
.spoiler-modern-btn {
    background: #ffffff !important;
    border: none !important;
    color: #475569 !important;
    padding: 10px 14px !important;
    width: 100% !important;
    text-align: left !important;
    font-weight: 600 !important;
    font-size: 12px !important;
}
.spoiler-modern-btn:hover {
    background: #f8f9fa !important;
}
.stats-rows-container {
    padding: 4px 0 !important;
}
.stats-row-item {
    display: flex !important;
    align-items: center !important;
    padding: 7px 14px !important;
    font-size: 12px !important;
    border-bottom: 1px solid #f8f9fa !important;
}
.stats-row-item:last-child {
    border-bottom: none !important;
}
.stats-row-item span {
    font-weight: 500;
}

/* ==========================================================================
   Инлайн-стили style="" из details.php, userdetails.php и блоков, перенесённые в классы.
   !important повторяет приоритет инлайн-стиля. Свойства, которые меняет JS (display, width,
   height, opacity, transform, позиционирование) и которые задают утилиты Bootstrap на том же
   элементе, остались инлайн. Имя класса — хэш набора свойств, одинаковые стили делят класс.
   ========================================================================== */
.ist-e55926 { float: right !important; }
.ist-77c76c { color: red !important; font-weight: bold !important; text-decoration: underline !important; }
.ist-01bf9f { padding: 0 !important; }
.ist-6e275d { font-family: var(--sb-font-mono) !important; font-size: 12px !important; color: var(--sb-accent) !important; font-weight: 600 !important; }
.ist-2e8e92 { padding-right: 5px !important; clear: right !important; float: left !important; }
.ist-310dde { vertical-align: middle !important; }
.ist-bb9488 { margin: 0 !important; border: none !important; }
.ist-75af9b { font-size: 8px !important; }
.ist-9dd291 { max-width: 300px !important; }
.ist-2959c3 { overflow: hidden !important; }
.ist-ee6187 { background: linear-gradient(90deg,#f6d365,#fda085) !important; }
.ist-8f4640 { border-radius: 10px !important; background: #fff8e1 !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.ist-4a03a4 { color: #f59e0b !important; font-size: 16px !important; }
.ist-852394 { font-size: 13px !important; color: #1a1a2e !important; letter-spacing: .01em !important; }
.ist-8259f2 { background: #fffbeb !important; border-radius: 10px !important; padding: 10px 12px !important; margin-bottom: 12px !important; border: 1px solid #fef3c7 !important; }
.ist-4fb0ac { font-size: 11px !important; color: #92400e !important; margin-bottom: 3px !important; text-transform: uppercase !important; letter-spacing: .06em !important; font-weight: 600 !important; }
.ist-47aaf4 { color: #f59e0b !important; }
.ist-fdba92 { font-size: 20px !important; font-weight: 800 !important; color: #1a1a2e !important; line-height: 1.1 !important; }
.ist-3da6ed { font-size: 12px !important; font-weight: 500 !important; color: #6b7280 !important; }
.ist-26ebfb { color: #6b7280 !important; }
.ist-672f3b { color: #f59e0b !important; font-size: 15px !important; }
.ist-18d096 { background: #fff8e1 !important; color: #92400e !important; font-size: 10px !important; font-weight: 700 !important; border-radius: 6px !important; padding: 3px 8px !important; border: 1px solid #fde68a !important; }
.ist-b311e3 { background: #fffbeb !important; border-radius: 10px !important; padding: 10px 12px !important; border: 1px solid #fef3c7 !important; }
.ist-8f9650 { border-radius: 4px !important; }
.ist-f06a86 { font-size: 11px !important; color: #92400e !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .05em !important; }
.ist-24a424 { font-size: 12px !important; color: #374151 !important; line-height: 1.5 !important; }
.ist-fcd955 { color: #d97706 !important; }
.ist-10b818 { padding: 0 0px 0 320px !important; }
.ist-15b680 { font-size: 11px !important; }
.ist-403c4d { text-decoration: none !important; color: inherit !important; }
.ist-1ab1cd { font-size: 10px !important; }
.ist-ebf670 { font-size: 7px !important; }
.ist-828dae { font-size: 9px !important; }
.ist-bd572b { font-size: .9rem !important; }
.ist-30ccb5 { font-size: .9rem !important; letter-spacing: .01em !important; }
.ist-6a9eb8 { font-size: .72rem !important; }
.ist-0ef8df { padding: 0 !important; border-radius: 50% !important; line-height: 1 !important; }
.ist-75bcfe { font-size: .65rem !important; }
.ist-4f91ab { max-width: 240px !important; font-size: .82rem !important; }
.ist-70e9b3 { color: #4263eb !important; }
.ist-ce5995 { border-bottom: 1px solid #f0f0f0 !important; }
.ist-f61566 { border-radius: 10px !important; background: #f5f5f5 !important; border: 1px solid #ebebeb !important; }
.ist-328ca3 { font-size: 18px !important; color: #6c63ff !important; }
.ist-610607 { font-size: 15px !important; color: #1a1a1a !important; letter-spacing: -0.01em !important; }
.ist-df9845 { font-size: 12px !important; color: #888 !important; margin-top: 1px !important; }
.ist-04d872 { font-size: 11px !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: #6c63ff !important; background: #f0efff !important; padding: 4px 10px !important; border-radius: 20px !important; }
.ist-28c165 { overflow: hidden !important; position: relative !important; font-size: 14px !important; line-height: 1.75 !important; color: #2c2c2c !important; }
.ist-77982c { position: absolute !important; background: linear-gradient(transparent, #fff) !important; pointer-events: none !important; }
.ist-e8965f { border-top: 1px solid #f0f0f0 !important; }
.ist-9de46d { font-size: 12px !important; color: #aaa !important; }
.ist-4cedaf { color: inherit !important; }
.ist-269d5e { color: #4361ee !important; }
.ist-d8089f { object-fit: cover !important; position: absolute !important; }
.ist-9db8f1 { pointer-events: auto !important; align-items: center !important; gap: 7px !important; }
.ist-f53f83 { border-radius: 50% !important; background: #d78f00 !important; box-shadow: 0 0 0 3px #ffd278 !important; margin-right: .25rem !important; }
.ist-996e94 { color: #e4a11b !important; font-size: 0.92rem !important; font-weight: 600 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; }
.ist-a35ef7 { color: purple !important; font-size: 13px !important; }
.ist-273e41 { margin-bottom: 10px !important; }
.ist-104989 { border-top: 1px solid #e7e8ec !important; padding: 5px !important; text-align: left !important; }
.ist-96338d { color: #249991 !important; }
.ist-45ed01 { border-color: var(--body-border) !important; }
.ist-74c88f { margin-bottom: 0px !important; }
.ist-ef4080 { overflow-y: auto !important; }
.ist-9587f7 { color: #6366f1 !important; font-size: 14px !important; }
.ist-ae155d { font-size: 13px !important; font-weight: 600 !important; color: #374151 !important; }
.ist-1f04c4 { font-size: 13px !important; color: #64748b !important; }
.ist-da5418 { align-items: center !important; gap: 12px !important; margin-bottom: 18px !important; }
.ist-1334f3 { font-size: 16px !important; font-weight: 700 !important; color: #1e293b !important; }
.ist-a8ad91 { color: #6366f1 !important; }
.ist-dd15c5 { font-size: 12px !important; color: #64748b !important; margin-right: 4px !important; }
.ist-42dd0e { font-size: 11.5px !important; }
.ist-63a573 { font-size: 12px !important; color: #64748b !important; }
.ist-c3a1da { flex: 1 !important; min-width: 160px !important; }
.ist-4ae3e7 { margin: 0 !important; padding-left: 16px !important; }
.ist-d2dc0a { flex: 1 !important; }
.ist-120528 { font-size: 12.5px !important; white-space: nowrap !important; }
.ist-4d8b32 { font-size: 12.5px !important; color: #64748b !important; }
.ist-e8d504 { flex-wrap: wrap !important; gap: 6px !important; }
.ist-40f46f { flex: 1 !important; min-width: 150px !important; }
.ist-6a416b { list-style-type: none !important; }
.ist-05b189 { font-size: 12.5px !important; }
.ist-a33c2a { padding: 4px 8px !important; vertical-align: top !important; }
.ist-67ff96 { font-size: 13px !important; font-weight: 600 !important; }
.ist-b257cd { font-size: 13px !important; color: #374151 !important; }
.ist-76f662 { margin-right: 6px !important; }
.ist-715eeb { color: #f5a623 !important; font-size: 10px !important; }
.ist-827453 { color: #ef4444 !important; }
.ist-9c313b { background: #f0abfc !important; }
.ist-0a7d25 { border-right: 1px solid #f4f4f4 !important; }
.ist-3fbde0 { color: #5E8306 !important; }
.ist-3208b2 { color: #FF552A !important; }
.ist-7d30e2 { color: #bf06d6 !important; }
.ist-728275 { color: #bf06d6 !important; font-weight: 600 !important; }
.ist-79129e { border: none !important; }
.ist-fcba5d { border-top: 1px dashed #f0f0f0 !important; padding-top: 4px !important; margin-top: 2px !important; }
.ist-831318 { color: #93c5fd !important; font-size: 11px !important; }
.ist-77a004 { color: #aaa !important; }
.ist-2d1bcc { color: #86efac !important; }
.ist-fa0dff { color: #7E0C29 !important; }
.ist-120572 { font-size: 11px !important; color: #aaa !important; }
.ist-a08315 { max-width: 16px !important; }
.ist-eb30b1 { color: #dcaf35 !important; }
.ist-cea31e { font-size: 12px !important; }
.ist-da08d5 { font-size: 22px !important; }

/* ==========================================================================
   Пакет 2: стили страниц my, message, friends, members, shop, browse (через data-page),
   блоков (block-forum_menu, block-comment, block_3view_jquery, block-radio_dj_jquery)
   и функции torrenttable() из include/functions_torrents.php.
   ========================================================================== */

/* ── my.php (строка 296) ── */
/* ===== my.php: белая компактная тема (без градиентов, без псевдокласса root) ===== */
:where([data-page="my"]) .my-hello,
:where([data-page="my"]) #edit_userprofile {background:#fff;border:1px solid #e6e9ee;border-radius:10px}
:where([data-page="my"]) .my-hello {display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;padding:7px 12px;margin:0 0 8px;font-size:.88rem;color:#343a40}
:where([data-page="my"]) .my-hello-msg {display:flex;align-items:center;min-width:0}
:where([data-page="my"]) .my-hello-msg>i {color:#1266f1;font-size:1.05rem;margin-right:.5rem}
:where([data-page="my"]) .my-filter {position:relative;display:flex;align-items:center;gap:6px;margin-left:auto}
:where([data-page="my"]) .my-filter>i {position:absolute;left:9px;color:#9aa4b2;font-size:.78rem;pointer-events:none}
:where([data-page="my"]) .my-filter .browse_filter_by {width:300px;max-width:100%;padding-left:27px}
:where([data-page="my"]) .my-count {min-width:24px;padding:2px 7px;border-radius:10px;background:#f1f3f5;color:#495057;font-size:.72rem;font-weight:600;text-align:center}

:where([data-page="my"]) #edit_userprofile {display:flex;align-items:flex-start;gap:10px;padding:10px;margin:0 0 8px;font-size:.85rem}
:where([data-page="my"]) #edit_userprofile #edit_myprofile {flex:0 0 220px;width:220px;max-width:220px;padding:0}
:where([data-page="my"]) #edit_userprofile #info2 {flex:1 1 0;min-width:0}
:where([data-page="my"]) #info2>.settings-main {width:100%!important;max-width:100%;padding:0;margin:0}
:where([data-page="my"]) #info2 c {display:block}
:where([data-page="my"]) #info2 .settings-main-items {list-style:none;margin:0;padding:0}
:where([data-page="my"]) #info2 .settings-main-items>li {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin:0;padding:0}
:where([data-page="my"]) #info2 .row.g-2,
:where([data-page="my"]) #info2 .row.g-3 {--bs-gutter-x:.75rem;--bs-gutter-y:.35rem}

:where([data-page="my"]) .my-card {margin:0 0 10px;border:1px solid #e9ecef!important;border-radius:8px;background:#fff;box-shadow:none!important;min-width:0}
:where([data-page="my"]) #info2 .my-card {margin:0}
:where([data-page="my"]) .my-wide {grid-column:1/-1}
:where([data-page="my"]) .my-card>.my-head {display:flex;align-items:center;gap:6px;padding:.42rem .75rem;background:#fff;color:#212529;border-bottom:1px solid #eef0f3;border-radius:8px 8px 0 0}
:where([data-page="my"]) .my-card>.my-head h5,
:where([data-page="my"]) .my-card>.my-head h6 {margin:0;font-size:.84rem;font-weight:600;color:#212529;line-height:1.3}
:where([data-page="my"]) .my-card>.my-head i {color:#1266f1}
:where([data-page="my"]) .my-card>.my-head-warn i {color:#f59f00}
:where([data-page="my"]) .my-card>.my-head small,
:where([data-page="my"]) .my-card>.my-head .badge {margin-left:auto;font-size:.7rem}
:where([data-page="my"]) .my-card>.card-body {padding:.6rem .75rem}
:where([data-page="my"]) .my-card .card-body .mb-3,
:where([data-page="my"]) .my-card .card-body .mb-4 {margin-bottom:.55rem!important}

:where([data-page="my"]) .my-card .alert,
:where([data-page="my"]) #info2>.settings-main .alert {padding:.4rem .65rem;margin:0 0 .55rem;font-size:.78rem;line-height:1.35;border-radius:6px}
:where([data-page="my"]) .my-card .alert>ul {margin:.25rem 0 0;padding-left:1.1rem}
:where([data-page="my"]) .my-card .card-body>.alert:last-child {margin-bottom:0}

:where([data-page="my"]) .my-card .form-label {margin-bottom:.15rem;font-size:.78rem}
:where([data-page="my"]) .my-card .form-text {margin-top:.2rem;font-size:.72rem}
:where([data-page="my"]) .my-card small.text-muted {font-size:.72rem}
:where([data-page="my"]) .my-card .form-control,
:where([data-page="my"]) .my-card .form-select {padding:.3rem .6rem;font-size:.82rem;line-height:1.4;min-height:0;border-radius:6px}
:where([data-page="my"]) .my-card>.card-body>select,
:where([data-page="my"]) .my-geo select {display:block;width:100%;padding:.3rem 1.5rem .3rem .6rem;font-size:.82rem;line-height:1.4;color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:6px}
:where([data-page="my"]) .my-card .input-group-text {padding:.3rem .55rem;font-size:.8rem;background:#f8f9fa;border-radius:6px 0 0 6px}
:where([data-page="my"]) .my-card .form-check {min-height:0;margin-bottom:.3rem}
:where([data-page="my"]) .my-card .form-check-label {font-size:.82rem}
:where([data-page="my"]) .my-card .btn,
:where([data-page="my"]) .my-save .btn,
:where([data-page="my"]) .my-logout .btn {padding:.3rem .8rem;font-size:.78rem;line-height:1.4;text-transform:none;letter-spacing:0;border-radius:6px;box-shadow:none!important}
:where([data-page="my"]) .my-card .btn-group>.btn {flex:1 1 0}
:where([data-page="my"]) .my-card .btn-link {padding:0}
:where([data-page="my"]) .my-birth,
:where([data-page="my"]) .my-geo {display:flex;align-items:center;gap:6px}
:where([data-page="my"]) .my-birth select,
:where([data-page="my"]) .my-geo select {flex:1 1 0;min-width:0}

:where([data-page="my"]) .my-save {grid-column:2;justify-self:end}
:where([data-page="my"]) .my-logout {grid-column:1;justify-self:start}
:where([data-page="my"]) .my-save .btn {padding-left:1.4rem;padding-right:1.4rem}

:where([data-page="my"]) .my-side {overflow:hidden}
:where([data-page="my"]) #info-nav2 {margin:0;padding:4px}
:where([data-page="my"]) #info-nav2 .list-group-item {padding:0;margin:1px 0;background:transparent;border:0;border-radius:6px;cursor:pointer}
:where([data-page="my"]) #info-nav2 .list-group-item a {display:flex;align-items:center;padding:.4rem .6rem;color:#495057;font-size:.82rem;border-radius:6px}
:where([data-page="my"]) #info-nav2 .list-group-item a i {width:18px;margin-right:.5rem!important;text-align:center;color:#8a94a6}
:where([data-page="my"]) #info-nav2 .list-group-item:hover {background:#f4f6f9}
:where([data-page="my"]) #info-nav2 .list-group-item.current1 {background:#eaf2ff}
:where([data-page="my"]) #info-nav2 .list-group-item.current1 a,
:where([data-page="my"]) #info-nav2 .list-group-item.current1 a i {color:#1266f1;font-weight:600}
:where([data-page="my"]) .my-foot {padding:4px!important;background:#fafbfc;border-top:1px solid #eef0f3}
:where([data-page="my"]) .my-foot .list-group-item {padding:.3rem .6rem;background:transparent;font-size:.78rem;border-radius:6px}
:where([data-page="my"]) .my-foot .list-group-item i {width:16px;text-align:center}
:where([data-page="my"]) .my-side .badge {background:#eef1f5!important;color:#495057!important;font-size:.68rem;font-weight:600;padding:.2rem .45rem}

:where([data-page="my"]) #tabs.tab_rounded {display:flex;flex-wrap:wrap;gap:4px;margin:0 0 8px;padding:0;background:transparent;border:0;text-align:left}
:where([data-page="my"]) #tabs.tab_rounded>.tab {display:inline-block;margin:0!important;padding:.25rem .65rem!important;background:#fff!important;background-image:none!important;border:1px solid #e1e5ea!important;border-radius:14px!important;color:#495057!important;font-size:.76rem;line-height:1.4;cursor:pointer;box-shadow:none!important}
:where([data-page="my"]) #tabs.tab_rounded>.tab:hover {border-color:#1266f1!important;color:#1266f1!important}
:where([data-page="my"]) #tabs.tab_rounded>.tab.active {background:#1266f1!important;border-color:#1266f1!important;color:#fff!important}
:where([data-page="my"]) #tabs.tab_rounded>#body {flex:0 0 100%;width:100%}

:where([data-page="my"]) #info2 .table {margin:0;font-size:.8rem}
:where([data-page="my"]) #info2 .table>:not(caption)>*>* {padding:.35rem .6rem}

:where([data-page="my"]) .my-emoji {display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px}
:where([data-page="my"]) .emoji-selector {display:block;margin:0;cursor:pointer}
:where([data-page="my"]) .my-emoji .emoji-card {border:1px solid #e5e8ec;background:#fff;box-shadow:none!important;transition:border-color .15s,background .15s}
:where([data-page="my"]) .my-emoji .emoji-card:hover {border-color:#1266f1}
:where([data-page="my"]) .my-emoji .emoji-radio:checked+.emoji-card {border-color:#1266f1;background:#eaf2ff}
:where([data-page="my"]) .my-emoji-t {font-size:.62rem;line-height:1.1;text-align:center}

:where([data-page="my"]) .my-card .card.bg-light {margin:0;border:1px solid #eceef1;box-shadow:none!important;background:#f8f9fa!important}
:where([data-page="my"]) .my-card .card.bg-light>.card-header {padding:.35rem .6rem;background:transparent;border-bottom:1px solid #eceef1}
:where([data-page="my"]) .my-card .card.bg-light>.card-body {padding:.5rem .6rem}
:where([data-page="my"]) .my_socials {margin:0}
:where([data-page="my"]) .my_socials .list-group-item {padding:.3rem .6rem;font-size:.8rem}

:where([data-page="my"]) .my-card .form-check-label .badge {font-size:.68rem;font-weight:500}
:where([data-page="my"]) .my-card .badge.bg-primary {background:#e7f0ff!important;color:#1266f1!important}
:where([data-page="my"]) .my-card .badge.bg-primary a {color:#1266f1!important}
:where([data-page="my"]) .my-card a.badge.bg-secondary {background:#f1f3f5!important;color:#495057!important}

:where([data-page="my"]) .my-krow,
:where([data-page="my"]) .my-thead {margin:0;padding:.4rem 0;font-size:.8rem}
:where([data-page="my"]) .my-krow {border-bottom:1px solid #f0f2f5}
:where([data-page="my"]) .my-thead {font-size:.7rem;font-weight:600;color:#6c757d;text-transform:uppercase;border-bottom:1px solid #e9ecef}
:where([data-page="my"]) .my-krow .col-auto,
:where([data-page="my"]) .my-thead .col-auto {flex:0 0 46px;width:46px}
:where([data-page="my"]) .my-sub {margin:.8rem 0 .4rem;padding-top:.6rem;border-top:1px solid #eef0f3;font-size:.84rem;font-weight:600}
:where([data-page="my"]) .my-narrow {max-width:760px;margin-left:auto;margin-right:auto}

@media (max-width:991.98px){
:where([data-page="my"]) #info2 .settings-main-items>li {grid-template-columns:minmax(0,1fr)}
:where([data-page="my"]) .my-save,
:where([data-page="my"]) .my-logout {grid-column:1}
:where([data-page="my"]) .my-save {justify-self:end}
}
@media (max-width:767.98px){
:where([data-page="my"]) #edit_userprofile {flex-direction:column;align-items:stretch}
:where([data-page="my"]) #edit_userprofile #edit_myprofile {width:100%;max-width:none;flex:none}
:where([data-page="my"]) #edit_userprofile #info2 {flex:none;width:100%}
:where([data-page="my"]) .my-side {position:static!important}
:where([data-page="my"]) #info-nav2 {display:flex;overflow-x:auto;gap:2px}
:where([data-page="my"]) #info-nav2 .list-group-item {flex:0 0 auto}
:where([data-page="my"]) .my-filter,
:where([data-page="my"]) .my-filter .browse_filter_by {width:100%}
}

/* ── message.php (строка 17) ── */
/* === GMAIL-STYLE MESSAGING DESIGN === */
:where([data-page="message"]) .gm-wrapper { background: #fff; font-family: "Roboto", Arial, sans-serif; }

/* --- NAV TABS --- */
:where([data-page="message"]) .gm-nav {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    padding: 0 8px;
    min-height: 48px;
    flex-wrap: wrap;
    gap: 0;
}
:where([data-page="message"]) .gm-nav-tab {
    padding: 12px 18px;
    cursor: pointer;
    font-size: 14px;
    color: #5f6368;
    border-bottom: 3px solid transparent;
    font-weight: 500;
    transition: background .15s, color .15s;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}
:where([data-page="message"]) .gm-nav-tab:hover { color: #202124; background: #f1f3f4; }
:where([data-page="message"]) .gm-nav-tab.active { color: #1a73e8; border-bottom-color: #1a73e8; }
:where([data-page="message"]) .gm-nav-right { margin-left: auto; display: flex; align-items: center; gap: 8px; padding: 4px 8px; flex-wrap: wrap; }

/* --- SEARCH --- */
:where([data-page="message"]) .gm-search-form { display: inline-flex; align-items: center; background: #eaf1fb; border-radius: 24px; padding: 2px 4px 2px 16px; gap: 4px; transition: background .2s; }
:where([data-page="message"]) .gm-search-form:focus-within { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
:where([data-page="message"]) .gm-search-input { border: none; background: transparent; outline: none; font-size: 14px; color: #202124; width: 220px; padding: 5px 0; }
:where([data-page="message"]) .gm-search-btn { border: none; background: transparent; color: #5f6368; cursor: pointer; padding: 5px 8px; border-radius: 50%; line-height: 1; }
:where([data-page="message"]) .gm-search-btn:hover { background: #d2e3fc; color: #1a73e8; }

/* --- QUICK-SEND SELECT --- */
:where([data-page="message"]) .gm-quick-send { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #5f6368; }
:where([data-page="message"]) .gm-quick-select { border: 1px solid #dadce0; border-radius: 4px; padding: 4px 8px; font-size: 13px; color: #202124; background: #fff; }

/* --- CATEGORY CHIPS --- */
:where([data-page="message"]) .gm-category-tabs {
    display: flex;
    gap: 4px;
    padding: 8px 16px;
    border-bottom: 1px solid #e0e0e0;
    background: #fff;
    flex-wrap: wrap;
    align-items: center;
}
:where([data-page="message"]) .gm-category-chip {
    padding: 4px 14px;
    border-radius: 16px;
    font-size: 13px;
    border: 1px solid #dadce0;
    background: #fff;
    color: #5f6368;
    cursor: pointer;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all .15s;
    line-height: 1.4;
}
:where([data-page="message"]) .gm-category-chip:hover { background: #f1f3f4; color: #202124; }
:where([data-page="message"]) .gm-category-chip.active { background: #e8f0fe; color: #1a73e8; border-color: #c5d9f8; font-weight: 600; }
:where([data-page="message"]) .gm-category-chip.disabled { opacity: .45; cursor: default; pointer-events: none; }
:where([data-page="message"]) .gm-chip-count { background: #1a73e8; color: #fff; border-radius: 10px; padding: 0 6px; font-size: 11px; font-weight: 700; line-height: 1.6; }
:where([data-page="message"]) .gm-chip-count.unread { background: #d93025; }

/* --- REACTION ROW --- */
:where([data-page="message"]) .gm-reaction-row {
    padding: 8px 16px;
    background: #fafafa;
    border-bottom: 1px solid #e0e0e0;
    font-size: 13px;
    color: #5f6368;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
:where([data-page="message"]) .gm-reaction-row i { color: #fbbc04; }

/* --- TABLE HEADER --- */
:where([data-page="message"]) .gm-colhead-row th {
    background: #fff;
    color: #5f6368;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 10px;
    border-bottom: 1px solid #e0e0e0;
    text-transform: uppercase;
    letter-spacing: .4px;
    white-space: nowrap;
}
:where([data-page="message"]) .gm-colhead-row th a { color: #5f6368; text-decoration: none; }
:where([data-page="message"]) .gm-colhead-row th a:hover { color: #1a73e8; text-decoration: underline; }

/* --- MESSAGE ROWS --- */
:where([data-page="message"]) .gm-msg-table { width: 100%; border-collapse: collapse; }
:where([data-page="message"]) .gm-msg-row { border-bottom: 1px solid #f0f0f0; transition: background .1s; }
:where([data-page="message"]) .gm-msg-row:hover { box-shadow: 0 1px 2px rgba(0,0,0,.15); background: #f5f5f5 !important; z-index: 1; position: relative; }
:where([data-page="message"]) .gm-msg-row.unread { background: #fff; }
:where([data-page="message"]) .gm-msg-row.unread .gm-col-sender,
:where([data-page="message"]) .gm-msg-row.unread .gm-col-subject-text { font-weight: 700; color: #202124; }
:where([data-page="message"]) .gm-msg-row.read { background: #f6f6f6; }
:where([data-page="message"]) .gm-col-check { width: 40px; padding: 8px 4px 8px 12px; }
:where([data-page="message"]) .gm-col-icon { width: 28px; padding: 8px 2px; color: #5f6368; text-align: center; }
:where([data-page="message"]) .gm-col-icon .unread-icon { color: #1a73e8; }
:where([data-page="message"]) .gm-col-icon .read-icon { color: #bdbdbd; }
:where([data-page="message"]) .gm-col-sender { width: 170px; padding: 8px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 170px; font-size: 14px; color: #202124; }
:where([data-page="message"]) .gm-col-subject { padding: 8px 8px; font-size: 14px; overflow: hidden; }
:where([data-page="message"]) .gm-col-subject-text { color: #202124; font-size: 14px; }
:where([data-page="message"]) .gm-col-subject-text a { color: #202124; text-decoration: none; }
:where([data-page="message"]) .gm-col-subject-text a:hover { color: #1a73e8; text-decoration: underline; }

:where([data-page="message"]) .gm-col-meta { display: inline-flex; align-items: center; gap: 6px; float: right; }
:where([data-page="message"]) .gm-col-reaction { width: 60px; padding: 8px; text-align: center; }
:where([data-page="message"]) .gm-col-time { width: 90px; padding: 8px 12px; text-align: right; font-size: 12px; color: #5f6368; white-space: nowrap; }
:where([data-page="message"]) .gm-badge-new { background: #d93025; color: #fff; border-radius: 3px; padding: 1px 5px; font-size: 11px; font-weight: 700; }
:where([data-page="message"]) .gm-badge-conv { background: #e8f0fe; color: #1a73e8; border-radius: 10px; padding: 1px 6px; font-size: 11px; font-weight: 600; }

/* --- PREVIEW CLICK LINK --- */
:where([data-page="message"]) .prv_click { color: #1a73e8 !important; font-size: 12px; cursor: pointer; }
:where([data-page="message"]) .prv_click:hover { text-decoration: underline; }

/* --- BULK ACTIONS BAR --- */
:where([data-page="message"]) .gm-bulk-bar {
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
:where([data-page="message"]) .gm-btn-bulk {
    border: 1px solid #dadce0;
    background: #fff;
    color: #202124;
    padding: 5px 14px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all .15s;
}
:where([data-page="message"]) .gm-btn-bulk:hover { background: #f1f3f4; }
:where([data-page="message"]) .gm-btn-bulk.danger { color: #d93025; border-color: #d93025; }
:where([data-page="message"]) .gm-btn-bulk.danger:hover { background: #fce8e6; }
:where([data-page="message"]) .gm-btn-bulk.primary { color: #fff; background: #1a73e8; border-color: #1a73e8; }
:where([data-page="message"]) .gm-btn-bulk.primary:hover { background: #1557b0; }

/* --- LEGEND / STATUS --- */
:where([data-page="message"]) .gm-legend-bar {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-size: 13px;
    color: #5f6368;
}

/* --- PAGER --- */
:where([data-page="message"]) .gm-pager { padding: 8px 16px; text-align: center; font-size: 13px; color: #5f6368; border-top: 1px solid #f0f0f0; }

/* --- EMPTY STATE --- */
:where([data-page="message"]) .gm-empty { text-align: center; padding: 64px 16px; color: #5f6368; font-size: 15px; }
:where([data-page="message"]) .gm-empty i { font-size: 48px; color: #dadce0; margin-bottom: 16px; display: block; }

/* --- ERROR BANNER --- */
:where([data-page="message"]) .gm-alert-warning { background: #fef7e0; border: 1px solid #fbbc04; border-radius: 6px; padding: 10px 16px; font-size: 14px; color: #5f4f00; display: flex; align-items: center; gap: 8px; margin: 8px 16px; }

/* --- MESSAGE VIEW --- */
:where([data-page="message"]) .gm-view-wrapper { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; margin: 8px; }
:where([data-page="message"]) .gm-view-title { font-size: 22px; font-weight: 400; color: #202124; padding: 16px 20px 8px; }
:where([data-page="message"]) .gm-view-meta-bar { padding: 10px 20px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 14px; }
:where([data-page="message"]) .gm-view-from-label { font-weight: 600; color: #5f6368; font-size: 13px; min-width: 54px; }
:where([data-page="message"]) .gm-view-from-val { color: #202124; font-size: 14px; }
:where([data-page="message"]) .gm-view-date { color: #5f6368; font-size: 13px; }
:where([data-page="message"]) .gm-view-body { padding: 16px 20px; font-size: 14px; line-height: 1.65; color: #202124; min-height: 120px; }
:where([data-page="message"]) .gm-view-actions { padding: 10px 20px; border-top: 1px solid #f0f0f0; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }

:where([data-page="message"]) .gm-btn {
    border: 1px solid #dadce0;
    background: #fff;
    color: #202124;
    padding: 6px 16px;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: all .15s;
    text-decoration: none !important;
    line-height: 1.5;
}
:where([data-page="message"]) .gm-btn:hover { background: #f1f3f4; color: #202124; }
:where([data-page="message"]) .gm-btn.primary { background: #1a73e8; color: #fff; border-color: #1a73e8; font-weight: 500; }
:where([data-page="message"]) .gm-btn.primary:hover { background: #1557b0; color: #fff; }
:where([data-page="message"]) .gm-btn.danger { color: #d93025; border-color: #d93025; }
:where([data-page="message"]) .gm-btn.danger:hover { background: #fce8e6; }
:where([data-page="message"]) .gm-btn.sm { padding: 4px 10px; font-size: 12px; }

/* --- UNREAD BADGE --- */
:where([data-page="message"]) .gm-unread-tag { color: #d93025; font-weight: 700; font-size: 12px; border: 1px solid #d93025; border-radius: 3px; padding: 1px 5px; }

/* --- SEND FORM --- */
:where([data-page="message"]) .gm-compose-card { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; margin: 8px; }
:where([data-page="message"]) .gm-compose-header { background: #404040; color: #fff; padding: 12px 20px; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
:where([data-page="message"]) .gm-compose-header a { color: #80cbc4 !important; }
:where([data-page="message"]) .gm-compose-field { border-bottom: 1px solid #e0e0e0; padding: 10px 20px; display: flex; align-items: center; gap: 8px; font-size: 14px; }
:where([data-page="message"]) .gm-compose-field label { color: #5f6368; font-weight: 500; min-width: 64px; font-size: 13px; }
:where([data-page="message"]) .gm-compose-field input[type="text"],
:where([data-page="message"]) .gm-compose-field select { border: none; outline: none; flex: 1; font-size: 14px; color: #202124; background: transparent; }
:where([data-page="message"]) .gm-compose-body-area { padding: 16px 20px; min-height: 180px; }
:where([data-page="message"]) .gm-compose-footer { padding: 12px 20px; border-top: 1px solid #e0e0e0; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where([data-page="message"]) .gm-compose-quote { border: 1px solid #e0e0e0; border-radius: 6px; overflow: hidden; margin: 0 20px 16px; }
:where([data-page="message"]) .gm-compose-quote-header { background: #f8f9fa; padding: 8px 14px; font-size: 13px; color: #5f6368; border-bottom: 1px solid #e0e0e0; }
:where([data-page="message"]) .gm-compose-quote-body { padding: 12px 14px; max-height: 300px; overflow: auto; font-size: 13px; color: #202124; }
:where([data-page="message"]) .gm-checkbox-label { font-size: 14px; color: #5f6368; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
:where([data-page="message"]) .gm-checkbox-label input { width: 15px; height: 15px; cursor: pointer; }

/* --- ARCHIVE / HISTORY --- */
:where([data-page="message"]) .gm-archive-wrapper { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; margin: 8px; }
:where([data-page="message"]) .gm-archive-header { padding: 10px 20px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; font-size: 14px; color: #5f6368; font-weight: 500; display: flex; align-items: center; gap: 6px; }
:where([data-page="message"]) .gm-archive-msg { border-bottom: 1px solid #f0f0f0; }
:where([data-page="message"]) .gm-archive-msg:last-child { border-bottom: none; }
:where([data-page="message"]) .gm-archive-msg-header { padding: 8px 20px; background: #fafafa; font-size: 13px; color: #5f6368; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #f0f0f0; }
:where([data-page="message"]) .gm-archive-msg-body { padding: 12px 20px; font-size: 14px; color: #202124; }

/* --- SEARCH RESULTS --- */
:where([data-page="message"]) .gm-search-info { padding: 8px 16px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; font-size: 13px; color: #5f6368; }

/* --- CONV HISTORY (viewmsg) --- */
:where([data-page="message"]) .gm-conv-msg { border: 1px solid #e0e0e0; border-radius: 8px; margin: 8px 8px 6px; overflow: hidden; }
:where([data-page="message"]) .gm-conv-msg-head { padding: 10px 16px; background: #f8f9fa; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #5f6368; }
:where([data-page="message"]) .gm-conv-msg-body { padding: 14px 16px; font-size: 14px; color: #202124; }
:where([data-page="message"]) .gm-conv-msg-attach { padding: 8px 16px; border-top: 1px solid #f0f0f0; }

/* --- ABUSE PROCESSING --- */
:where([data-page="message"]) .gm-abuse-item { border: 1px solid #e0e0e0; border-radius: 8px; margin: 8px; overflow: hidden; }
:where([data-page="message"]) .gm-abuse-header { background: #fef7e0; border-bottom: 1px solid #e0e0e0; padding: 10px 16px; font-size: 14px; font-weight: 500; color: #5f4f00; display: flex; align-items: center; gap: 6px; }

/* --- EMAIL FORM --- */
:where([data-page="message"]) .gm-email-form { background: #fff; border: 1px solid #e0e0e0; border-radius: 8px; margin: 8px; overflow: hidden; }
:where([data-page="message"]) .gm-email-form-header { background: #404040; color: #fff; padding: 12px 20px; font-size: 15px; font-weight: 500; }
:where([data-page="message"]) .gm-email-form-field { border-bottom: 1px solid #e0e0e0; padding: 10px 20px; display: flex; align-items: center; gap: 8px; font-size: 14px; }
:where([data-page="message"]) .gm-email-form-field label { color: #5f6368; font-weight: 500; min-width: 80px; font-size: 13px; }
:where([data-page="message"]) .gm-email-form-field input[type="text"] { border: none; outline: none; flex: 1; font-size: 14px; color: #202124; background: transparent; }

/* --- MASS PM --- */
:where([data-page="message"]) .gm-mass-header { background: #e8f5e9; border-bottom: 1px solid #c8e6c9; padding: 12px 20px; font-size: 15px; font-weight: 500; color: #1b5e20; display: flex; align-items: center; gap: 8px; }
:where([data-page="message"]) .gm-mass-field { padding: 10px 20px; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 8px; font-size: 14px; }
:where([data-page="message"]) .gm-mass-field label { color: #5f6368; font-weight: 500; min-width: 80px; font-size: 13px; }
:where([data-page="message"]) .gm-mass-field input[type="text"] { border: none; outline: none; flex: 1; font-size: 14px; background: transparent; }

/* --- GENERAL OVERRIDES --- */
:where([data-page="message"]) .alink { color: #1a73e8; text-decoration: none; }
:where([data-page="message"]) .alink:hover { color: #1557b0; text-decoration: underline; }
:where([data-page="message"]) .error { color: #d93025; font-size: 14px; font-weight: 500; }
:where([data-page="message"]) .count-bubble { background: #1a73e8; color: #fff; border-radius: 10px; padding: 0 6px; font-size: 11px; display: inline-flex; align-items: center; }
:where([data-page="message"]) .right_is_btn { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
:where([data-page="message"]) .right_is_btn .alink { border: 1px solid #dadce0; padding: 5px 12px; border-radius: 4px; font-size: 13px; display: inline-flex; align-items: center; gap: 4px; transition: background .15s; }
:where([data-page="message"]) .right_is_btn .alink:hover { background: #f1f3f4; text-decoration: none; }

/* --- PAGE SECTION WRAPPER --- */

/* shake animation for unread envelope */
@keyframes shake {
  0%,100%{transform:rotate(0)}
  20%{transform:rotate(-8deg)}
  40%{transform:rotate(8deg)}
  60%{transform:rotate(-5deg)}
  80%{transform:rotate(5deg)}
}
:where([data-page="message"]) .shake_is { animation: shake 1.5s ease-in-out infinite; }

/* ── friends.php (строка 80) ── */
/* ── PAGE ── */
:where([data-page="friends"]) .pg { padding: 20px 16px; }

/* ── PAGE HEADER ── */
:where([data-page="friends"]) .page-header {
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding-bottom: 18px;
    border-bottom: 2px solid #111827;
    margin-bottom: 24px;
}
:where([data-page="friends"]) .page-header h1 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -.4px;
    margin: 0;
    color: #111827;
}
:where([data-page="friends"]) .page-header .build-tag {
    font-size: 11px;
    color: #9ca3af;
    letter-spacing: .02em;
}

/* ── NAV TABS ── */
:where([data-page="friends"]) .nav-panel {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 28px;
    padding: 8px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
}
:where([data-page="friends"]) .nav-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 13px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 500;
    color: #6b7280;
    text-decoration: none;
    border: 1px solid transparent;
    transition: all .15s;
    white-space: nowrap;
    background: transparent;
    letter-spacing: -.01em;
}
:where([data-page="friends"]) .nav-tab:hover {
    background: #fff;
    border-color: #e5e7eb;
    color: #111827;
    text-decoration: none;
}
:where([data-page="friends"]) .nav-tab.active {
    background: #fff;
    border-color: #d1d5db;
    color: #111827;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
:where([data-page="friends"]) .nav-tab i { font-size: 13px; }
:where([data-page="friends"]) .badge-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    background: #111827;
    color: #fff;
    border-radius: 20px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0;
}
:where([data-page="friends"]) .badge-count.unread { background: #dc2626; }

/* ── SECTION ── */
:where([data-page="friends"]) .section { margin-bottom: 28px; }
:where([data-page="friends"]) .section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-bottom: 11px;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: 14px;
}
:where([data-page="friends"]) .section-stripe {
    display: inline-block;
    width: 14px;
    height: 3px;
    border-radius: 2px;
    flex-shrink: 0;
}
:where([data-page="friends"]) .section-stripe.friends { background: #111827; }
:where([data-page="friends"]) .section-stripe.blocks { background: #7c3aed; }
:where([data-page="friends"]) .section-stripe.kin { background: #0891b2; }
:where([data-page="friends"]) .section-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #6b7280;
}
:where([data-page="friends"]) .section-count {
    font-size: 11px;
    color: #6b7280;
    background: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 1px 8px;
    font-weight: 600;
}

/* ── GRID ── */
:where([data-page="friends"]) .user-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 10px;
}

/* ── CARD ── */
:where([data-page="friends"]) .user-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    padding: 14px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    transition: border-color .15s, box-shadow .15s, transform .15s;
    position: relative;
    overflow: visible;
}
:where([data-page="friends"]) .user-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 2px;
    border-radius: 10px 10px 0 0;
    background: var(--stripe, #e5e7eb);
    opacity: 0;
    transition: opacity .15s;
}
:where([data-page="friends"]) .user-card:hover {
    border-color: #d1d5db;
    box-shadow: 0 4px 14px rgba(0,0,0,.07);
    transform: translateY(-1px);
}
:where([data-page="friends"]) .user-card:hover::before { opacity: 1; }
:where([data-page="friends"]) .user-card[data-section="friends"] { --stripe: #111827; }
:where([data-page="friends"]) .user-card[data-section="blocks"] { --stripe: #7c3aed; }
:where([data-page="friends"]) .user-card[data-section="kin"] { --stripe: #0891b2; }

/* Card top row */
:where([data-page="friends"]) .card-top {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-right: 28px;
}
:where([data-page="friends"]) .card-av {
    position: relative;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
:where([data-page="friends"]) .card-av img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid #f3f4f6;
    display: block;
}
:where([data-page="friends"]) .card-dot {
    position: absolute;
    bottom: 0; right: 0;
    width: 10px; height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
}
:where([data-page="friends"]) .dot-on { background: #22c55e; }
:where([data-page="friends"]) .dot-off { background: #d1d5db; }

:where([data-page="friends"]) .card-name-wrap { flex: 1; min-width: 0; }
:where([data-page="friends"]) .card-name {
    font-weight: 700;
    font-size: 13px;
    color: #111827;
    text-decoration: none;
    letter-spacing: -.02em;
    line-height: 1.3;
    word-break: break-word;
    display: block;
}
:where([data-page="friends"]) .card-name:hover { color: #6366f1; text-decoration: none; }
:where([data-page="friends"]) .card-class {
    font-size: 11px;
    color: #9ca3af;
    margin-top: 1px;
    display: block;
}

/* Card info row */
:where([data-page="friends"]) .card-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    color: #9ca3af;
}
:where([data-page="friends"]) .card-info i { font-size: 10px; }
:where([data-page="friends"]) .card-info .ci-item {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}
:where([data-page="friends"]) .ci-ratio-hi { color: #16a34a; font-weight: 700; }
:where([data-page="friends"]) .ci-ratio-ok { color: #2563eb; font-weight: 700; }
:where([data-page="friends"]) .ci-ratio-lo { color: #dc2626; font-weight: 700; }
:where([data-page="friends"]) .ci-ratio-inf { color: #6366f1; font-weight: 700; }
:where([data-page="friends"]) .ci-ratio-no { color: #d1d5db; }
:where([data-page="friends"]) .card-flag img {
    width: 20px; height: 13px;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    vertical-align: middle;
}

/* Badges */
:where([data-page="friends"]) .card-bdg {
    font-size: 9px; font-weight: 700;
    border-radius: 3px; padding: 1px 4px;
    display: inline-flex; align-items: center; gap: 2px;
}

/* ── DROPDOWN MENU ── */
:where([data-page="friends"]) .card-menu-wrap {
    position: absolute;
    top: 10px; right: 10px;
    z-index: 2;
}
:where([data-page="friends"]) .card-menu-btn {
    width: 28px; height: 28px;
    border-radius: 7px;
    border: 1px solid transparent;
    background: transparent;
    color: #9ca3af;
    font-size: 18px;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all .14s;
    line-height: 1;
    padding: 0;
    user-select: none;
}
:where([data-page="friends"]) .card-menu-btn:hover,
:where([data-page="friends"]) .user-card:hover .card-menu-btn {
    background: #f3f4f6;
    border-color: #e5e7eb;
    color: #374151;
}
:where([data-page="friends"]) .card-menu-btn.open {
    background: #f3f4f6;
    border-color: #d1d5db;
    color: #111827;
}

/* Dropdown рендерится в <body> — вне stacking context карточки */
:where([data-page="friends"]) #friends-dd-portal .card-dropdown {
    position: fixed;
    min-width: 185px;
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(0,0,0,.12), 0 2px 6px rgba(0,0,0,.06);
    padding: 5px;
    display: none;
    z-index: 99999;
    top: 0;
    left: 0;
}
@keyframes ddFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
:where([data-page="friends"]) #friends-dd-portal .card-dropdown.show {
    display: block;
    animation: ddFade .12s ease;
}
/* Скрытые оригинальные dropdown в карточках */
:where([data-page="friends"]) .card-menu-wrap .card-dropdown { display: none !important; }
:where([data-page="friends"]) .dd-item {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 7px;
    font-size: 12.5px;
    font-weight: 500;
    color: #374151;
    text-decoration: none;
    transition: background .12s, color .12s;
    white-space: nowrap;
    cursor: pointer;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}
:where([data-page="friends"]) .dd-item i { font-size: 11px; width: 14px; text-align: center; color: #9ca3af; flex-shrink: 0; }
:where([data-page="friends"]) .dd-item:hover { background: #f3f4f6; color: #111827; text-decoration: none; }
:where([data-page="friends"]) .dd-item:hover i { color: #374151; }
:where([data-page="friends"]) .dd-item.danger { color: #dc2626; }
:where([data-page="friends"]) .dd-item.danger i { color: #fca5a5; }
:where([data-page="friends"]) .dd-item.danger:hover { background: #fef2f2; }
:where([data-page="friends"]) .dd-item.notify { color: #0891b2; }
:where([data-page="friends"]) .dd-item.notify i { color: #67e8f9; }
:where([data-page="friends"]) .dd-item.notify:hover { background: #ecfeff; }
:where([data-page="friends"]) .dd-item.add { color: #16a34a; }
:where([data-page="friends"]) .dd-item.add i { color: #86efac; }
:where([data-page="friends"]) .dd-item.add:hover { background: #f0fdf4; }
:where([data-page="friends"]) .dd-divider {
    height: 1px;
    background: #f3f4f6;
    margin: 4px 0;
}

/* Empty state */
:where([data-page="friends"]) .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 36px 20px;
    background: #f9fafb;
    border: 1px dashed #d1d5db;
    border-radius: 10px;
    color: #9ca3af;
    gap: 8px;
}
:where([data-page="friends"]) .empty-state i { font-size: 26px; opacity: .35; }
:where([data-page="friends"]) .empty-state p { font-size: 13px; margin: 0; }

/* Animate cards */
@keyframes fadeUp {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}
:where([data-page="friends"]) .user-card { animation: fadeUp .2s ease both; }

:where([data-page="friends"]) .user-card:nth-child(1) { animation-delay: 0s; }
:where([data-page="friends"]) .user-card:nth-child(2) { animation-delay: 0.03s; }
:where([data-page="friends"]) .user-card:nth-child(3) { animation-delay: 0.06s; }
:where([data-page="friends"]) .user-card:nth-child(4) { animation-delay: 0.09s; }
:where([data-page="friends"]) .user-card:nth-child(5) { animation-delay: 0.12s; }
:where([data-page="friends"]) .user-card:nth-child(6) { animation-delay: 0.15s; }
:where([data-page="friends"]) .user-card:nth-child(7) { animation-delay: 0.18s; }
:where([data-page="friends"]) .user-card:nth-child(8) { animation-delay: 0.21s; }
:where([data-page="friends"]) .user-card:nth-child(9) { animation-delay: 0.24s; }
:where([data-page="friends"]) .user-card:nth-child(10) { animation-delay: 0.27s; }
:where([data-page="friends"]) .user-card:nth-child(11) { animation-delay: 0.3s; }
:where([data-page="friends"]) .user-card:nth-child(12) { animation-delay: 0.33s; }
:where([data-page="friends"]) .user-card:nth-child(13) { animation-delay: 0.36s; }
:where([data-page="friends"]) .user-card:nth-child(14) { animation-delay: 0.39s; }
:where([data-page="friends"]) .user-card:nth-child(15) { animation-delay: 0.42s; }
:where([data-page="friends"]) .user-card:nth-child(16) { animation-delay: 0.45s; }
:where([data-page="friends"]) .user-card:nth-child(17) { animation-delay: 0.48s; }
:where([data-page="friends"]) .user-card:nth-child(18) { animation-delay: 0.51s; }
:where([data-page="friends"]) .user-card:nth-child(19) { animation-delay: 0.54s; }
:where([data-page="friends"]) .user-card:nth-child(20) { animation-delay: 0.57s; }
:where([data-page="friends"]) .user-card:nth-child(21) { animation-delay: 0.6s; }
:where([data-page="friends"]) .user-card:nth-child(22) { animation-delay: 0.63s; }
:where([data-page="friends"]) .user-card:nth-child(23) { animation-delay: 0.66s; }
:where([data-page="friends"]) .user-card:nth-child(24) { animation-delay: 0.69s; }
:where([data-page="friends"]) .user-card:nth-child(25) { animation-delay: 0.72s; }
:where([data-page="friends"]) .user-card:nth-child(26) { animation-delay: 0.75s; }
:where([data-page="friends"]) .user-card:nth-child(27) { animation-delay: 0.78s; }
:where([data-page="friends"]) .user-card:nth-child(28) { animation-delay: 0.81s; }
:where([data-page="friends"]) .user-card:nth-child(29) { animation-delay: 0.84s; }
:where([data-page="friends"]) .user-card:nth-child(30) { animation-delay: 0.87s; }
:where([data-page="friends"]) .user-card:nth-child(31) { animation-delay: 0.9s; }
:where([data-page="friends"]) .user-card:nth-child(32) { animation-delay: 0.93s; }
:where([data-page="friends"]) .user-card:nth-child(33) { animation-delay: 0.96s; }
:where([data-page="friends"]) .user-card:nth-child(34) { animation-delay: 0.99s; }
:where([data-page="friends"]) .user-card:nth-child(35) { animation-delay: 1.02s; }
:where([data-page="friends"]) .user-card:nth-child(36) { animation-delay: 1.05s; }
:where([data-page="friends"]) .user-card:nth-child(37) { animation-delay: 1.08s; }
:where([data-page="friends"]) .user-card:nth-child(38) { animation-delay: 1.11s; }
:where([data-page="friends"]) .user-card:nth-child(39) { animation-delay: 1.14s; }
:where([data-page="friends"]) .user-card:nth-child(40) { animation-delay: 1.17s; }

@media(max-width:640px) {
    :where([data-page="friends"]) .user-grid { grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); gap: 8px; }
    :where([data-page="friends"]) .page-header h1 { font-size: 17px; }
    :where([data-page="friends"]) .nav-panel { padding: 6px; gap: 4px; }
    :where([data-page="friends"]) .nav-tab { font-size: 12px; padding: 5px 9px; }
}

/* ── members.php (строка 96) ── */
:where([data-page="members"]) .pg {padding:20px 16px}

/* STATS */
:where([data-page="members"]) .st-row {display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}
:where([data-page="members"]) .st-card {background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:box-shadow .15s}
:where([data-page="members"]) .st-card:hover {box-shadow:0 4px 14px rgba(0,0,0,.07)}
:where([data-page="members"]) .st-ic {width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}
:where([data-page="members"]) .ic-bl {background:#eff6ff;color:#2563eb}
:where([data-page="members"]) .ic-gr {background:#f0fdf4;color:#16a34a}
:where([data-page="members"]) .ic-re {background:#fef2f2;color:#dc2626}
:where([data-page="members"]) .ic-ye {background:#fefce8;color:#ca8a04}
:where([data-page="members"]) .st-lbl {font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.06em;font-weight:600}
:where([data-page="members"]) .st-val {font-size:1.4rem;font-weight:700;color:#111827;line-height:1.1}

/* BIRTHDAY */
:where([data-page="members"]) .sec-hd {display:flex;align-items:center;gap:9px;margin-bottom:12px}
:where([data-page="members"]) .sec-hd-ic {width:32px;height:32px;border-radius:8px;background:#fef3c7;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
:where([data-page="members"]) .sec-hd h2 {font-size:.92rem;font-weight:700;color:#111827;margin:0}
:where([data-page="members"]) .sec-pill {margin-left:auto;background:#f3f4f6;color:#6b7280;font-size:.65rem;font-weight:700;border-radius:20px;padding:3px 10px;border:1px solid #e5e7eb}

:where([data-page="members"]) .bd-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin-bottom:22px}
:where([data-page="members"]) .bd-card {background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s;position:relative}
:where([data-page="members"]) .bd-card:hover {border-color:#fbbf24;box-shadow:0 4px 16px rgba(251,191,36,.12)}
:where([data-page="members"]) .bd-card-link {position:absolute;inset:0;border-radius:12px;z-index:1}
:where([data-page="members"]) .bd-av-wrap {position:relative;width:58px;height:58px}
:where([data-page="members"]) .bd-av-wrap img {width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 1px 6px rgba(0,0,0,.08)}
:where([data-page="members"]) .bd-av-dot {position:absolute;bottom:1px;right:1px;width:20px;height:20px;background:#f97316;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.44rem}
:where([data-page="members"]) .bd-name {font-size:.76rem;font-weight:700;color:#111827;text-align:center;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:where([data-page="members"]) .bd-age {font-size:.66rem;color:#9ca3af;margin-top:-4px}
:where([data-page="members"]) .bd-gift {position:relative;z-index:2;font-size:.67rem;font-weight:600;background:#fff7ed;color:#d97706;border:1px solid #fed7aa;border-radius:7px;padding:4px 10px;display:inline-flex;align-items:center;gap:4px;text-decoration:none;transition:background .12s;margin-top:2px}
:where([data-page="members"]) .bd-gift:hover {background:#fef3c7;color:#b45309;text-decoration:none}
:where([data-page="members"]) .bd-empty {background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px 20px;text-align:center;color:#9ca3af;font-size:.84rem;margin-bottom:20px}
:where([data-page="members"]) .bd-empty i {display:block;font-size:1.6rem;margin-bottom:8px;color:#e5e7eb}

/* SEARCH PANEL */
:where([data-page="members"]) .srch-panel {background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin-bottom:14px}
:where([data-page="members"]) .srch-row {display:flex;gap:8px;flex-wrap:wrap;align-items:center}
:where([data-page="members"]) .srch-field {flex:1;min-width:160px;position:relative}
:where([data-page="members"]) .srch-field i {position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.8rem;pointer-events:none}
:where([data-page="members"]) .srch-field input {width:100%;padding:8px 10px 8px 32px;border:1px solid #e5e7eb;border-radius:8px;font-size:.82rem;background:#f9fafb;color:#111827;outline:none;transition:border-color .15s}
:where([data-page="members"]) .srch-field input:focus {border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.07)}
:where([data-page="members"]) .srch-sel {padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.82rem;background:#f9fafb;color:#374151;outline:none;min-width:145px;transition:border-color .15s}
:where([data-page="members"]) .srch-sel:focus {border-color:#6366f1}
:where([data-page="members"]) .srch-btn {padding:8px 18px;border-radius:8px;background:#111827;color:#fff;border:none;font-size:.82rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s}
:where([data-page="members"]) .srch-btn:hover {background:#1f2937}

/* QUICK CLASS FILTERS */
:where([data-page="members"]) .qf-row {display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6;align-items:center}
:where([data-page="members"]) .qf-lbl {font-size:.67rem;color:#9ca3af;font-weight:600;margin-right:2px}
:where([data-page="members"]) .qf-tag {font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;color:#374151;text-decoration:none;display:inline-block;transition:all .12s}
:where([data-page="members"]) .qf-tag:hover,
:where([data-page="members"]) .qf-tag.on {border-color:#6366f1;background:#eef2ff;color:#6366f1;text-decoration:none}

/* ALPHABET — буквы через iconv как в users.php */
:where([data-page="members"]) .alpha-bar {display:flex;flex-wrap:wrap;gap:3px;margin-top:10px;padding-top:10px;border-top:1px solid #f3f4f6}
:where([data-page="members"]) .alpha-lbl {font-size:.67rem;color:#9ca3af;font-weight:600;width:100%;margin-bottom:4px}
:where([data-page="members"]) .al {font-size:.7rem;font-weight:600;padding:3px 6px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#374151;text-decoration:none;transition:all .12s;min-width:22px;text-align:center;display:inline-block}
:where([data-page="members"]) .al:hover,
:where([data-page="members"]) .al.on {border-color:#6366f1;background:#eef2ff;color:#6366f1;text-decoration:none}
:where([data-page="members"]) .al-reset {color:#ef4444;border-color:#fecaca}
:where([data-page="members"]) .al-reset:hover {background:#fef2f2;border-color:#ef4444;color:#dc2626}

/* MEMBERS PANEL */
:where([data-page="members"]) .mb-panel {background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
:where([data-page="members"]) .mb-hd {display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #f3f4f6;gap:8px;flex-wrap:wrap}
:where([data-page="members"]) .mb-hd-title {font-size:.88rem;font-weight:700;color:#111827;margin:0}
:where([data-page="members"]) .mb-hd-right {display:flex;align-items:center;gap:7px;flex-wrap:wrap}
:where([data-page="members"]) .lv-wrap {position:relative}
:where([data-page="members"]) .lv-wrap i {position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:.74rem;pointer-events:none}
:where([data-page="members"]) #lv-inp {padding:6px 9px 6px 28px;border:1px solid #e5e7eb;border-radius:8px;font-size:.78rem;background:#f9fafb;color:#111827;outline:none;width:150px;transition:all .15s}
:where([data-page="members"]) #lv-inp:focus {border-color:#6366f1;background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.07)}
:where([data-page="members"]) .srt-grp {display:flex;gap:4px}
:where([data-page="members"]) .srt-btn {padding:4px 10px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.7rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;transition:all .12s}
:where([data-page="members"]) .srt-btn.on,
:where([data-page="members"]) .srt-btn:hover {border-color:#6366f1;background:#eef2ff;color:#6366f1}

/* COL HEADERS */
:where([data-page="members"]) .mb-col-hd {display:flex;align-items:center;padding:7px 16px;gap:11px;background:#fafafa;border-bottom:1px solid #f3f4f6}
:where([data-page="members"]) .mb-col-hd span {font-size:.64rem;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}
:where([data-page="members"]) .c-num {width:24px;flex-shrink:0;text-align:right}
:where([data-page="members"]) .c-av {width:38px;flex-shrink:0}
:where([data-page="members"]) .c-body {flex:1;min-width:0}
:where([data-page="members"]) .c-ratio {width:58px;flex-shrink:0;text-align:center}
:where([data-page="members"]) .c-gender {width:28px;flex-shrink:0;text-align:center}
:where([data-page="members"]) .c-flag {width:32px;flex-shrink:0;text-align:center}
:where([data-page="members"]) .c-acts {width:108px;flex-shrink:0;text-align:right}

/* ROWS */
:where([data-page="members"]) .mb-row {display:flex;align-items:center;padding:9px 16px;gap:11px;border-bottom:1px solid #f9fafb;transition:background .1s}
:where([data-page="members"]) .mb-row:last-child {border-bottom:none}
:where([data-page="members"]) .mb-row:hover {background:#fafafa}

:where([data-page="members"]) .mb-num {width:24px;font-size:.66rem;color:#d1d5db;font-weight:700;text-align:right;flex-shrink:0}
:where([data-page="members"]) .mb-av {position:relative;flex-shrink:0;width:38px}
:where([data-page="members"]) .mb-av img {width:38px;height:38px;border-radius:50%;object-fit:cover;border:1.5px solid #f3f4f6;display:block}
:where([data-page="members"]) .mb-dot {position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid #fff}
:where([data-page="members"]) .dot-on {background:#22c55e}
:where([data-page="members"]) .dot-off {background:#d1d5db}

:where([data-page="members"]) .mb-body {flex:1;min-width:0}
:where([data-page="members"]) .mb-uname {font-size:.84rem;font-weight:700;color:#111827;text-decoration:none;display:inline-flex;align-items:center;gap:4px}
:where([data-page="members"]) .mb-uname:hover {color:#6366f1}
:where([data-page="members"]) .mb-meta {display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:2px;font-size:.67rem;color:#9ca3af}
:where([data-page="members"]) .mb-meta i {font-size:.6rem}
:where([data-page="members"]) .mb-sep {color:#e9ecef}

/* RATIO — цвет через get_ratio_color() */
:where([data-page="members"]) .mb-ratio {width:58px;flex-shrink:0;text-align:center;font-size:.78rem;font-weight:700}

/* GENDER */
:where([data-page="members"]) .mb-gender {width:28px;flex-shrink:0;text-align:center}
:where([data-page="members"]) .mb-gender img {width:14px;height:14px;vertical-align:middle}

/* FLAG */
:where([data-page="members"]) .mb-flag {width:32px;flex-shrink:0;text-align:center}
:where([data-page="members"]) .mb-flag img {width:22px;height:15px;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.1);vertical-align:middle}

/* ACTIONS */
:where([data-page="members"]) .mb-acts {width:108px;flex-shrink:0;display:flex;gap:4px;justify-content:flex-end}
:where([data-page="members"]) .mb-act {width:28px;height:28px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;color:#6b7280;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:all .12s}
:where([data-page="members"]) .mb-act:hover {border-color:#6366f1;color:#6366f1;background:#eef2ff;text-decoration:none}
:where([data-page="members"]) .mb-act.fr:hover {border-color:#22c55e;color:#16a34a;background:#f0fdf4}
:where([data-page="members"]) .mb-act.rm:hover {border-color:#ef4444;color:#ef4444;background:#fef2f2}
:where([data-page="members"]) .mb-act.bl:hover {border-color:#f59e0b;color:#d97706;background:#fffbeb}

/* BADGES */
:where([data-page="members"]) .mb-bdg {font-size:.58rem;font-weight:700;border-radius:4px;padding:1px 5px;display:inline-flex;align-items:center;gap:2px}

/* EMPTY */
:where([data-page="members"]) .mb-empty {padding:48px 16px;text-align:center;color:#9ca3af}
:where([data-page="members"]) .mb-empty i {font-size:2rem;display:block;margin-bottom:12px;color:#e5e7eb}
:where([data-page="members"]) .mb-empty strong {display:block;color:#374151;font-size:.88rem;margin-bottom:4px}
:where([data-page="members"]) .mb-empty p {font-size:.78rem}

@media(max-width:900px){
  :where([data-page="members"]) .st-row {grid-template-columns:repeat(2,1fr)}
  :where([data-page="members"]) .c-ratio,
:where([data-page="members"]) .mb-ratio,
:where([data-page="members"]) .c-flag,
:where([data-page="members"]) .mb-flag,
:where([data-page="members"]) .c-gender,
:where([data-page="members"]) .mb-gender,
:where([data-page="members"]) .c-acts,
:where([data-page="members"]) .mb-acts,
:where([data-page="members"]) .mb-num,
:where([data-page="members"]) .c-num {display:none}
  :where([data-page="members"]) .srt-grp {display:none}
  :where([data-page="members"]) #lv-inp {width:120px}
}
@media(max-width:560px){
  :where([data-page="members"]) .st-row {grid-template-columns:1fr}
  :where([data-page="members"]) .bd-grid {grid-template-columns:repeat(2,1fr)}
}

/* ── shop.php (строка 13) ── */
:where([data-page="shop"]) .shop-bar {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: .6rem .9rem;
        margin-bottom: 1rem;
    }
    :where([data-page="shop"]) .shop-title {
        display: flex;
        align-items: center;
        gap: .5rem;
        margin: 0;
        font-size: 1rem;
        font-weight: 600;
        color: #111827;
    }
    :where([data-page="shop"]) .shop-title i { color: #6b7280; }
    :where([data-page="shop"]) .shop-nav { display: flex; flex-wrap: wrap; gap: .35rem; }
    :where([data-page="shop"]) .shop-link {
        display: inline-flex;
        align-items: center;
        gap: .35rem;
        padding: .3rem .65rem;
        border-radius: 8px;
        font-size: .8rem;
        line-height: 1.3;
        color: #4b5563;
        background: #f3f4f6;
        text-decoration: none;
        transition: background-color .15s, color .15s;
    }
    :where([data-page="shop"]) .shop-link:hover { background: #e5e7eb; color: #111827; }
    :where([data-page="shop"]) .shop-link.is-main { background: #111827; color: #fff; }
    :where([data-page="shop"]) .shop-link.is-main:hover { background: #1f2937; color: #fff; }

    :where([data-page="shop"]) .shop-card {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: .8rem;
        transition: border-color .15s, box-shadow .15s;
    }
    :where([data-page="shop"]) .shop-card:hover { border-color: #cbd5e1; box-shadow: 0 2px 8px rgba(15, 23, 42, .06); }
    :where([data-page="shop"]) .shop-card.is-active { border-color: #86efac; background: #f7fef9; }

    :where([data-page="shop"]) .shop-head { display: flex; align-items: center; gap: .85rem; }
    :where([data-page="shop"]) .shop-preview { position: relative; flex: 0 0 84px; width: 84px; height: 84px; }
    :where([data-page="shop"]) .shop-avatar {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }
    :where([data-page="shop"]) .shop-fx {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: scale(1.18);
        pointer-events: none;
    }

    :where([data-page="shop"]) .shop-info { flex: 1; min-width: 0; }
    :where([data-page="shop"]) .shop-name {
        margin: 0 0 .3rem;
        font-size: .95rem;
        font-weight: 600;
        color: #111827;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    :where([data-page="shop"]) .shop-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .3rem; margin-bottom: .4rem; }
    :where([data-page="shop"]) .shop-tag {
        display: inline-flex;
        align-items: center;
        gap: .25rem;
        padding: .1rem .45rem;
        border-radius: 6px;
        font-size: .7rem;
        line-height: 1.4;
        color: #475569;
        background: #f1f5f9;
    }
    :where([data-page="shop"]) .shop-tag.is-active { color: #15803d; background: #dcfce7; }
    :where([data-page="shop"]) .shop-price {
        display: inline-flex;
        align-items: center;
        gap: .3rem;
        padding: .1rem .5rem;
        border: 1px solid #fde68a;
        border-radius: 6px;
        font-size: .82rem;
        font-weight: 600;
        line-height: 1.5;
        color: #b45309;
        background: #fffbeb;
    }

    :where([data-page="shop"]) .shop-desc {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.6em;
        margin: .7rem 0;
        font-size: .8rem;
        line-height: 1.3;
        color: #6b7280;
    }
    :where([data-page="shop"]) .shop-action { margin-top: auto; }
    :where([data-page="shop"]) .shop-card .shop-btn {
        width: 100%;
        padding: .45rem .75rem;
        border-radius: 8px;
        font-size: .8rem;
        font-weight: 500;
        letter-spacing: 0;
        text-transform: none;
        box-shadow: none;
    }
    :where([data-page="shop"]) .shop-card .shop-btn i { margin-right: .35rem; }
    :where([data-page="shop"]) .shop-pager { margin-top: 1rem; }

/* ── browse.php (строка 1262) ── */
/* ── Обёртка меню: тонкая, липкая сверху, почти невесомая ─── */
    :where([data-page="browse"]) .horizontal-category-menu {
        background:    #ffffff;
        border:        1px solid #edeef1;
        border-radius: 12px;
        box-shadow:    0 1px 2px rgba(15,23,42,.04);
        padding:       8px;
        margin-bottom: 16px;
        position:      sticky;
        top:           8px;
        z-index:       1020;
        transition:    box-shadow 200ms ease;
    }
    :where([data-page="browse"]) .horizontal-category-menu.is-scrolled {
        box-shadow: 0 6px 20px rgba(15,23,42,.09);
    }

    /* ── Лента кнопок ───────────────────────────────────────── */
    :where([data-page="browse"]) .menu-scroll-wrapper {
        display:     flex;
        gap:         4px;
        flex-wrap:   wrap;
        align-items: stretch;
    }

    /* ── Одна кнопка категории — компактный чип ─────────────── */
    :where([data-page="browse"]) .cat-menu-link {
        display:         flex;
        flex-direction:  row;
        align-items:     center;
        justify-content: center;
        gap:             6px;
        padding:         8px 12px;
        min-width:       auto;
        background:      transparent;
        color:           #4b5563;
        text-decoration: none;
        border:          1px solid transparent;
        border-radius:   999px;
        font-size:       .8rem;
        font-weight:     500;
        letter-spacing:  .01em;
        line-height:     1.2;
        text-align:      center;
        transition:      background 150ms ease, color 150ms ease, transform 100ms ease;
        position:        relative;
        cursor:          pointer;
        white-space:     nowrap;
    }
    :where([data-page="browse"]) .cat-menu-link.dropdown-toggle::after { display: none; }

    :where([data-page="browse"]) .cat-menu-link:hover {
        background:      #f3f4f6;
        color:           #111827;
        text-decoration: none;
    }
    :where([data-page="browse"]) .cat-menu-link:active { transform: scale(.96); }

    /* Активное состояние — мягкий акцентный фон, без заливки, компактнее */
    :where([data-page="browse"]) .cat-menu-link.active,
:where([data-page="browse"]) .cat-menu-item.active > .cat-menu-link,
:where([data-page="browse"]) .cat-menu-item.active > .dropdown > .cat-menu-link {
        background: #eef2ff;
        color:      #2563eb !important;
    }
    :where([data-page="browse"]) .cat-menu-link.active:hover { background: #e0e7ff; }

    /* ── Иконка ─────────────────────────────────────────────── */
    :where([data-page="browse"]) .cat-icon {
        font-size:   .92rem;
        transition:  color 150ms ease;
        display:     flex;
        line-height: 1;
        color:       #9ca3af;
    }
    :where([data-page="browse"]) .cat-icon i { margin: 0 !important; }

    :where([data-page="browse"]) .cat-menu-link:hover .cat-icon { color: #4b5563; }
    :where([data-page="browse"]) .cat-menu-link.active .cat-icon { color: #2563eb !important; }

    /* Цвет иконки при активной категории наследует акцент —
       единый, спокойный набор без пестроты для компактного вида */

    /* ── Название ───────────────────────────────────────────── */
    :where([data-page="browse"]) .cat-name {
        display:       block;
        font-size:     .8rem;
        font-weight:   500;
        max-width:     120px;
        overflow:      hidden;
        text-overflow: ellipsis;
        white-space:   nowrap;
    }

    /* ── Счётчик раздач ─────────────────────────────────────── */
    :where([data-page="browse"]) .cat-count {
        display:        inline-block;
        font-size:      .68rem;
        font-weight:    600;
        letter-spacing: .01em;
        background:     rgba(0,0,0,.04);
        color:          #9ca3af;
        padding:        1px 6px;
        border-radius:  20px;
        transition:     background 150ms ease, color 150ms ease;
    }
    :where([data-page="browse"]) .cat-menu-link:hover .cat-count {
        background: rgba(0,0,0,.06);
        color:      #4b5563;
    }
    :where([data-page="browse"]) .cat-menu-link.active .cat-count {
        background: rgba(37,99,235,.12);
        color:      #2563eb;
    }

    /* ── Выпадающее подменю ─────────────────────────────────── */
    :where([data-page="browse"]) .dropdown-menu {
        min-width:     210px;
        max-height:    320px;
        overflow-y:    auto;
        border:        1px solid #edeef1;
        border-radius: 12px;
        box-shadow:    0 8px 24px rgba(15,23,42,.12);
        padding:       6px;
        background:    #ffffff;
        animation:     cmenuFadeIn .16s ease;
    }

    :where([data-page="browse"]) .dropdown-menu::-webkit-scrollbar { width: 4px; }
    :where([data-page="browse"]) .dropdown-menu::-webkit-scrollbar-track { background: transparent; }
    :where([data-page="browse"]) .dropdown-menu::-webkit-scrollbar-thumb {
        background:    #dee2e6;
        border-radius: 4px;
    }

    :where([data-page="browse"]) .dropdown-item {
        display:       flex;
        align-items:   center;
        gap:           8px;
        padding:       7px 10px;
        font-size:     .82rem;
        font-weight:   500;
        color:         #374151;
        border-radius: 8px;
        transition:    background 150ms ease;
        white-space:   nowrap;
    }
    :where([data-page="browse"]) .dropdown-item i {
        width:       14px;
        text-align:  center;
        color:       #9ca3af;
        transition:  color 150ms ease;
        flex-shrink: 0;
    }
    :where([data-page="browse"]) .dropdown-item:hover {
        background: #f3f4f6;
        color:      #111827;
    }
    :where([data-page="browse"]) .dropdown-item:hover i { color: #6b7280; }

    :where([data-page="browse"]) .dropdown-item.active {
        background: #eef2ff;
        color:      #2563eb;
    }
    :where([data-page="browse"]) .dropdown-item.active i { color: #2563eb; }
    :where([data-page="browse"]) .dropdown-item.active .badge {
        background: rgba(37,99,235,.12) !important;
        color:      #2563eb !important;
    }

    :where([data-page="browse"]) .dropdown-item .badge {
        margin-left:   auto;
        font-size:     .68rem;
        font-weight:   600;
        padding:       2px 7px;
        border-radius: 20px;
        background:    rgba(0,0,0,.04) !important;
        color:         #9ca3af !important;
        border:        none;
    }

    :where([data-page="browse"]) .dropdown-menu .dropdown-divider {
        margin:       4px 6px;
        border-color: #edeef1;
    }

    /* ── Анимации ───────────────────────────────────────────── */
    @keyframes cmenuFadeIn {
        from { opacity: 0; transform: translateY(-4px) scale(.98); }
        to   { opacity: 1; transform: translateY(0)   scale(1);    }
    }

    :where([data-page="browse"]) .cat-menu-item {
        opacity:   0;
        transform: translateY(4px);
        animation: cmenuItemIn .22s ease forwards;
    }
    @keyframes cmenuItemIn {
        to { opacity: 1; transform: translateY(0); }
    }

    /* ── Адаптив ────────────────────────────────────────────── */
    @media (max-width: 768px) {
        :where([data-page="browse"]) .horizontal-category-menu { position: static; }
        :where([data-page="browse"]) .cat-menu-link { padding: 7px 10px; }
        :where([data-page="browse"]) .cat-name { max-width: 90px; font-size: .76rem; }
    }

    @media (max-width: 576px) {
        :where([data-page="browse"]) .horizontal-category-menu { padding: 6px; }
        :where([data-page="browse"]) .menu-scroll-wrapper { gap: 3px; flex-wrap: nowrap; overflow-x: auto; }
        :where([data-page="browse"]) .cat-menu-link { padding: 6px 9px; }
        :where([data-page="browse"]) .cat-name { max-width: 74px; font-size: .72rem; }
        :where([data-page="browse"]) .cat-count { font-size: .62rem; padding: 1px 5px; }
    }

/* ── browse.php (строка 1706) ── */

/* ── browse.php (строка 2021) ── */
/* ── Поиск наверху: единая "капсула" вместо тяжёлой панели ── */
    :where([data-page="browse"]) .search-top-compact {
        background:    #ffffff !important;
        border-bottom: 1px solid #edeef1 !important;
        box-shadow:    none;
        padding-top:    .75rem !important;
        padding-bottom: .75rem !important;
    }

    :where([data-page="browse"]) .search-form-compact .input-group {
        border:        1px solid #e5e7eb;
        border-radius: 999px;
        overflow:      hidden;
        background:    #ffffff;
        transition:    border-color 150ms ease, box-shadow 150ms ease;
    }
    :where([data-page="browse"]) .search-form-compact .input-group:focus-within {
        border-color: #2563eb;
        box-shadow:   0 0 0 3px rgba(37,99,235,.12);
    }
    :where([data-page="browse"]) .search-form-compact .input-group-text {
        background: transparent !important;
        border:     none !important;
    }
    :where([data-page="browse"]) .search-form-compact .form-control {
        border:      none !important;
        box-shadow:  none !important;
        font-size:   .85rem;
        background:  transparent;
    }
    :where([data-page="browse"]) .search-form-compact .form-control:focus { box-shadow: none; }

    :where([data-page="browse"]) .search-form-compact .btn {
        font-size:     .85rem;
        font-weight:   500;
        border-radius: 999px;
    }
    :where([data-page="browse"]) .search-form-compact .btn-sm.py-1 { padding: .5rem 1rem !important; }
    :where([data-page="browse"]) .search-form-compact .btn-outline-secondary {
        border-color: #e5e7eb;
        color:        #6b7280;
    }
    :where([data-page="browse"]) .search-form-compact .btn-outline-secondary:hover {
        background:   #f3f4f6;
        border-color: #e5e7eb;
        color:        #111827;
    }

    /* ── Рейтинги — компактный сегментированный ряд чипов ──────── */
    :where([data-page="browse"]) .rating-dot {
        display:         inline-flex;
        align-items:     center;
        justify-content: center;
        width:           24px;
        height:          24px;
        border-radius:   6px;
        background:      transparent;
        color:           #9ca3af;
        text-decoration: none;
        margin:          0;
        font-size:       .74rem;
        font-weight:     600;
        border:          none;
        transition:      background 150ms ease, color 150ms ease, transform 100ms ease;
    }
    :where([data-page="browse"]) .rating-dot:hover {
        transform: none;
        background: rgba(0,0,0,.05);
        color:      var(--dot-color);
    }
    :where([data-page="browse"]) .rating-dot:active { transform: scale(.92); }

    :where([data-page="browse"]) .rating-dot.active-rating {
        background: var(--dot-color);
        color:      #ffffff;
    }

    /* ── Прочие унаследованные классы, аккуратно причёсаны ─────── */
    :where([data-page="browse"]) .brws {
        border-collapse: separate;
        border-spacing:  0;
    }

    :where([data-page="browse"]) .brws.tr_alf td {
        padding:    .6rem .75rem;
        background: transparent;
    }

    :where([data-page="browse"]) .brws.tr_searchcloud td {
        padding:    .6rem .75rem;
        background: transparent;
        border-top: 1px solid #edeef1;
    }

    :where([data-page="browse"]) .brws.tr_browse td {
        padding: 0;
    }

    :where([data-page="browse"]) .no_border {
        margin:  0;
        padding: 0;
    }

    :where([data-page="browse"]) .fieldset {
        border:  none;
        padding: 0;
        margin:  0;
    }

    :where([data-page="browse"]) .br_cat {
        width:         100%;
        border:        1px solid #e5e7eb;
        border-radius: 8px;
    }

    :where([data-page="browse"]) .br_cat option {
        padding:       .3rem .5rem;
        border-bottom: 1px solid #f3f4f6;
    }

    :where([data-page="browse"]) .br_cat option:hover {
        background-color: #f3f4f6;
    }

    :where([data-page="browse"]) .br_cat option.cat_ismain {
        font-weight:      600;
        background-color: #fafafa;
    }

    :where([data-page="browse"]) .br_cat option.cat_parents {
        font-size:    .9em;
        padding-left: 1.5rem;
    }

    :where([data-page="browse"]) .alink { text-decoration: none; }
    :where([data-page="browse"]) .alink:hover { text-decoration: underline; }

    :where([data-page="browse"]) .catlink {
        text-decoration: none;
        transition:      background-color 150ms ease, color 150ms ease;
    }
    :where([data-page="browse"]) .catlink:hover {
        background-color: #2563eb !important;
        color:             #ffffff !important;
    }

    :where([data-page="browse"]) .tglink {
        text-decoration: none;
        transition:      background-color 150ms ease, color 150ms ease;
    }
    :where([data-page="browse"]) .tglink:hover {
        background-color: #16a34a !important;
        color:             #ffffff !important;
    }

    /* ── Карточки — тонкие, компактные, без тяжёлых теней ──────── */
    :where([data-page="browse"]) .card {
        border-color:  #edeef1 !important;
        border-radius: 10px;
        box-shadow:    none;
    }
    :where([data-page="browse"]) .card.shadow-sm { box-shadow: 0 1px 2px rgba(15,23,42,.04) !important; }

    :where([data-page="browse"]) .card-header {
        border-bottom: 1px solid #edeef1;
        background:    #fafafa;
        border-radius: 10px 10px 0 0 !important;
    }

    :where([data-page="browse"]) .collapse { transition: all .25s ease; }

    /* ── Адаптивность ───────────────────────────────────────────── */
    @media (max-width: 768px) {
        :where([data-page="browse"]) .search-top-compact .col-md-8,
:where([data-page="browse"]) .search-top-compact .col-md-4 {
            width: 100%;
        }
        :where([data-page="browse"]) .search-form-compact .input-group { flex-wrap: nowrap; }
        :where([data-page="browse"]) .search-top-compact input[name="tag"] { min-width: 110px; }
        :where([data-page="browse"]) .rating-dot { width: 22px; height: 22px; font-size: .7rem; }
        :where([data-page="browse"]) .br_cat { font-size: .85rem; }
    }

    /* ── Скроллбар для селектов ─────────────────────────────────── */
    :where([data-page="browse"]) select {
        scrollbar-width: thin;
        scrollbar-color: #d1d5db #fafafa;
    }
    :where([data-page="browse"]) select::-webkit-scrollbar { width: 6px; }
    :where([data-page="browse"]) select::-webkit-scrollbar-track { background: #fafafa; border-radius: 3px; }
    :where([data-page="browse"]) select::-webkit-scrollbar-thumb { background-color: #d1d5db; border-radius: 3px; }

    html:where([data-page="browse"]) { scroll-behavior: smooth; }

    :where([data-page="browse"]) .b { font-weight: normal; }

/* ── blocks/block-forum_menu.php (строка 45) ── */
.fb-wrap{background:#fff;border:1px solid #e9ecef;border-radius:10px;overflow:hidden;font-family:inherit}
.fb-head{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #e9ecef}
.fb-head-ic{width:30px;height:30px;background:#f0f4ff;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#4361ee;font-size:13px;flex-shrink:0}
.fb-head-title{font-size:11px;font-weight:700;color:#212529;text-transform:uppercase;letter-spacing:.06em;margin:0}
.fb-body{padding:4px 0}
.forum-thread-link{display:flex;align-items:center;gap:9px;padding:8px 16px;text-decoration:none;color:#343a40;font-size:13px;border-bottom:1px solid #f4f5f6;transition:background .15s}
.forum-thread-link:last-child{border-bottom:none}
.forum-thread-link:hover{background:#f6f8ff;text-decoration:none}
.forum-thread-link:hover .fbl-icon,.forum-thread-link:hover .fbl-count,.forum-thread-link:hover .fbl-title{color:#4361ee}
.forum-thread-link:hover .fbl-arrow{opacity:1;color:#4361ee}
.fbl-icon{color:#ced4da;font-size:12px;width:14px;text-align:center;flex-shrink:0;transition:color .15s}
.fbl-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s}
.fbl-count{display:flex;align-items:center;gap:3px;font-size:11px;color:#adb5bd;flex-shrink:0;min-width:32px;justify-content:flex-end;transition:color .15s}
.fbl-arrow{color:#dee2e6;font-size:10px;flex-shrink:0;opacity:0;transition:opacity .15s,color .15s}
.fb-foot{padding:9px 16px;border-top:1px solid #e9ecef;background:#fafbfc}
.fb-foot a{display:flex;align-items:center;gap:6px;font-size:12px;color:#6c757d;text-decoration:none;transition:color .15s}
.fb-foot a:hover{color:#4361ee;text-decoration:none}
.fb-foot-arr{margin-left:auto;font-size:10px}

/* ── blocks/block-comment.php (строка 18) ── */
/* ═══════════════════════════════════════════════
           COMMENT BLOCK — White Modern UI (no :root)
           Bootstrap 5 + MDB 5 free + FA5 Pro
           ═══════════════════════════════════════════════ */

        /* ── Wrapper ── */
        .cb-outer {
            background: #ffffff;
            border: 1px solid #e4e8ee;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 1px 8px rgba(0,0,0,.06), 0 4px 24px rgba(0,0,0,.04);
        }

        /* ── TAB BAR ── */
        .cb-tabbar {
            display: flex;
            align-items: flex-end;
            gap: 2px;
            padding: 0 16px;
            background: #f7f9fc;
            border-bottom: 2px solid #e4e8ee;
            flex-wrap: wrap;
            min-height: 46px;
        }

        .cb-tabbar .tab {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 10px 15px 11px;
            font-size: 12.5px;
            font-weight: 600;
            color: #7b8899;
            cursor: pointer;
            border: 2px solid transparent;
            border-bottom: none;
            border-radius: 10px 10px 0 0;
            background: transparent;
            transition: color .17s, background .17s, border-color .17s;
            position: relative;
            bottom: -2px;
            white-space: nowrap;
            user-select: none;
            letter-spacing: .01em;
        }

        .cb-tabbar .tab:hover {
            color: #3d5a80;
            background: #edf1f7;
        }

        .cb-tabbar .tab.active {
            color: #1a73e8;
            background: #ffffff;
            border-color: #e4e8ee;
            border-bottom-color: #ffffff;
            box-shadow: 0 -2px 8px rgba(26,115,232,.07);
        }

        /* Tab FA icons */
        .cb-tabbar #vtors::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f1c5"; margin-right:5px; font-size:11px; }
        .cb-tabbar #myvtors::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f007"; margin-right:5px; font-size:11px; }
        .cb-tabbar #vactors::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f53d"; margin-right:5px; font-size:11px; }
        .cb-tabbar #vcoms::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f46c"; margin-right:5px; font-size:11px; }
        .cb-tabbar #vpols::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f080"; margin-right:5px; font-size:11px; }
        .cb-tabbar #vnews::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f1ea"; margin-right:5px; font-size:11px; }
        .cb-tabbar #vgroups::before { font-family:"Font Awesome 5 Pro"; font-weight:600; content:"\f0c0"; margin-right:5px; font-size:11px; }

        /* Loading spinner on tab */
        .cb-tabbar .tab.is_loading { pointer-events:none; opacity:.7; }
        .cb-tabbar .tab.is_loading::after {
            content:'';
            display: inline-block;
            width: 11px; height: 11px;
            border: 2px solid #1a73e8;
            border-top-color: transparent;
            border-radius: 50%;
            animation: cb-spin .6s linear infinite;
            margin-left: 4px;
        }
        @keyframes cb-spin { to { transform:rotate(360deg); } }

        /* Count bubble */
        :where(.cb-outer) .count-bubble {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 19px;
            height: 19px;
            padding: 0 5px;
            border-radius: 30px;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            background: #e8eef8;
            color: #1a73e8;
            transition: background .17s, color .17s;
        }
        .cb-tabbar .tab.active .count-bubble {
            background: #1a73e8;
            color: #fff;
        }

        /* Spinner slot in tab bar */
        #loading_comment {
            margin-left: auto;
            display: flex;
            align-items: center;
            padding-bottom: 8px;
            color: #adb5bd;
            font-size: 12px;
        }

        /* ── BODY ── */
        :where(.cb-outer) #body_com {
            min-height: 60px;
            position: relative;
        }

        /* ── TABLE ── */
        :where(.cb-outer) .block_bots {
            width: 100%;
            border-collapse: collapse;
            table-layout: auto;
        }

        /* Header row */
        :where(.cb-outer) .block_bots .colhead {
            padding: 9px 16px;
            font-size: 10.5px;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .7px;
            color: #8d9bac;
            background: #f7f9fc;
            border-bottom: 2px solid #e4e8ee;
            white-space: nowrap;
        }

        /* Data rows */
        .block_bots tr.cb-row {
            border-bottom: 1px solid #f0f3f8;
            transition: background .13s;
        }
        .block_bots tr.cb-row:last-of-type { border-bottom: none; }
        .block_bots tr.cb-row:hover { background: #f7f9fc; }

        /* Name cell */
        :where(.cb-outer) .block_bots td.preview_desc {
            padding: 11px 16px;
            vertical-align: middle;
            font-size: 13.5px;
            line-height: 1.45;
        }

        /* Generic td */
        :where(.cb-outer) .block_bots td {
            padding: 10px 14px;
            font-size: 13px;
            vertical-align: middle;
            color: #3a4455;
        }

        /* Title link */
        :where(.cb-outer) .block_bots a.alink {
            color: #1c2a3a;
            font-weight: 600;
            text-decoration: none;
            transition: color .15s;
        }
        :where(.cb-outer) .block_bots a.alink:hover { color: #1a73e8; }

        /* User link */
        .block_bots td.cb-td-user a {
            font-weight: 600;
            color: #3a4455;
            text-decoration: none;
            transition: color .14s;
        }
        .block_bots td.cb-td-user a:hover { color: #1a73e8; }

        /* Time cell */
        .block_bots td.cb-td-time {
            color: #7b8899;
            font-size: 12px;
            white-space: nowrap;
            text-align: center;
        }
        .block_bots td.cb-td-time .cb-date-full {
            display: block;
            font-size: 10.5px;
            color: #b0bac6;
            margin-top: 2px;
        }

        /* Float-actions row under title */
        :where(.cb-outer) .float-actions {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 5px;
            flex-wrap: wrap;
        }
        :where(.cb-outer) .float-actions var { font-style: normal; }
        :where(.cb-outer) .float-actions var a.alink {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 11.5px;
            font-weight: 600;
            color: #7b8899;
            padding: 2px 9px;
            border-radius: 20px;
            background: #f0f3f8;
            border: 1px solid #e4e8ee;
            text-decoration: none;
            transition: background .14s, color .14s;
        }
        :where(.cb-outer) .float-actions var a.alink:hover {
            background: #e4e8ee;
            color: #1a73e8;
        }
        :where(.cb-outer) .float-actions var a.alink::before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 600;
            content: "\f075";
            font-size: 10px;
        }

        /* Update reason badge */
        :where(.cb-outer) .update_reason {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            font-size: 11px;
            padding: 3px 9px;
            border-radius: 20px;
            background: #edf7ed;
            color: #2e7d32;
            border: 1px solid #c8e6c9;
            cursor: pointer;
            transition: background .14s;
            font-weight: 500;
        }
        :where(.cb-outer) .update_reason:hover { background: #d7edd7; }
        :where(.cb-outer) .update_reason span { color: #43a047; }

        /* Preview click */
        :where(.cb-outer) .prv_click {
            display: inline-block;
            margin-top: 4px;
            font-size: 11px;
            color: #b0bac6;
            cursor: pointer;
            transition: color .14s;
        }
        :where(.cb-outer) .prv_click:hover { color: #1a73e8; text-decoration: underline; }

        /* Pre_overflow (time alt class) */
        :where(.cb-outer) .pre_overflow {
            overflow: hidden;
        }

        /* VIP badge */
        :where(.cb-outer) img[src*="vipbig"] {
            width: 14px;
            vertical-align: middle;
            margin-left: 3px;
            filter: drop-shadow(0 1px 2px rgba(0,0,0,.15));
        }

        /* Donor star */
        :where(.cb-outer) img[src="/pic/star.gif"] {
            width: 13px;
            vertical-align: middle;
            margin-left: 3px;
        }

        /* Rating */
        :where(.cb-outer) .rateyo_upside {
            font-size: 11px;
            color: #7b8899;
            margin-top: 3px;
        }

        /* Reactions */
        :where(.cb-outer) .block_bots td.hidden-cell {
            text-align: center;
            min-width: 55px;
        }

        /* Pager / divider row */
        :where(.cb-outer) .block_bots .divcolhead td,
.block_bots tr.cb-pager td {
            padding: 9px 16px;
            background: #f7f9fc;
            border-top: 1px solid #e4e8ee;
            text-align: center;
            font-size: 12px;
        }
        :where(.cb-outer) .block_bots .divcolhead a,
.block_bots tr.cb-pager a { color: #1a73e8; text-decoration: none; }

        /* Footer link row */

/* Empty / error */
        .cb-empty {
            padding: 32px 16px;
            text-align: center;
            color: #b0bac6;
            font-size: 13.5px;
        }
        .cb-empty::before {
            font-family: "Font Awesome 5 Pro";
            font-weight: 300;
            content: "\f4b6";
            display: block;
            font-size: 32px;
            margin-bottom: 10px;
            color: #d8dde6;
        }
        :where(.cb-outer) .error { /* fallback compat */ }

        /* Profiler debug */
        :where(.cb-outer) .profiler {
            font-size: 11px;
            color: #7b8899;
            padding: 2px 16px;
            border-top: 1px solid #f0f3f8;
        }

        /* Responsive */
        @media (max-width: 640px) {
            .cb-tabbar .tab { font-size: 11.5px; padding: 8px 10px 9px; }
            :where(.cb-outer) .block_bots .colhead,
:where(.cb-outer) .block_bots td { padding: 8px 10px; }
            :where(.cb-outer) .block_bots td.preview_desc { font-size: 12.5px; }
            :where(.cb-outer) .block_bots td.hidden-cell { display: none; }
        }

/* ── block_3view_jquery.php (строка 179) ── */
:where(.viewn_c_in) .layer {
    opacity: 0.8;
    overflow: hidden;
    max-height: 195px;
    text-align: justify;
    text-overflow: ellipsis;
   
}

/*.hidden{
opacity:0;
}
.visible{
opacity:1;
}*/

:where(.viewn_c_in) .caption {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #757575;
}
.user__nick {
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    color: #4d4d4d;
    font-variant-ligatures: no-common-ligatures;
}

:where(.viewn_c_in) .user .avatar img {
    vertical-align: baseline;
    object-fit: cover;
}
:where(.viewn_c_in) .avatar:hover img {
    transform: scale3d(1.1,1.1,1);
}

:where(.viewn_c_in) .user .avatar {
    vertical-align: middle;
}

:where(.viewn_c_in) .avatar {
    display: inline-block;
    width: 46px;
    height: 46px;
    position: relative;
    z-index: 1;
    border-radius: 100%;
    overflow: hidden;
}

:where(.viewn_c_in) .user .avatar img {
    vertical-align: baseline;
}
:where(.viewn_c_in) .avatar img {
    transition: transform 1000ms ease-out;
    border: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    background-color: #f9f9fb;
    display: inline-block;
    border-radius: 100%;
}
:where(.viewn_c_in) .avatar:hover img {
    transform: scale3d(1.1,1.1,1);
}

a.tegssa {color: #777;}a.tegssa:hover {color: #0e4ead;}

:where(.viewn_c_in) .img_s {width: 200px;height: 250px;}

/* ── block_3view_jquery.php (строка 464) ── */
.xc-card {
                background: #ffffff;
                border-radius: 10px;
                border: 1px solid #e9eaec;
                overflow: hidden;
                height: 100%;
                display: flex;
                flex-direction: column;
                transition: box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease;
            }

            .xc-card:hover {
                transform: translateY(-3px);
                box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09);
                border-color: #d0d3da;
            }

            .xc-img-wrap {
                position: relative;
                height: 155px;
                overflow: hidden;
                background: #f4f5f7;
                flex-shrink: 0;
            }

            .xc-img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                display: block;
                transition: transform 0.4s ease;
            }

            .xc-card:hover .xc-img {
                transform: scale(1.05);
            }

            .xc-overlay {
                position: absolute;
                inset: 0;
                background: rgba(15, 17, 24, 0.52);
                display: flex;
                align-items: center;
                justify-content: center;
                opacity: 0;
                transition: opacity 0.2s ease;
            }

            .xc-card:hover .xc-overlay {
                opacity: 1;
            }

            .xc-play-btn {
                background: #ffffff;
                color: #1a1d23;
                border-radius: 7px;
                padding: 8px 18px;
                font-size: 12px;
                font-weight: 700;
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 7px;
                letter-spacing: 0.02em;
                transition: background 0.15s ease;
            }

            .xc-play-btn:hover {
                background: #f0f1f4;
                color: #000000;
                text-decoration: none;
            }

            .xc-play-btn .fas {
                font-size: 10px;
            }

            .xc-free {
                position: absolute;
                top: 8px;
                left: 8px;
                background: #fff8e1;
                color: #7a5a00;
                border: 1px solid #f0d060;
                border-radius: 5px;
                font-size: 10px;
                font-weight: 700;
                padding: 3px 8px;
                display: inline-flex;
                align-items: center;
                gap: 4px;
                letter-spacing: 0.04em;
                z-index: 2;
            }

            .xc-free .fas {
                font-size: 9px;
            }

            .xc-body {
                padding: 12px 14px 14px;
                display: flex;
                flex-direction: column;
                flex: 1;
            }

            .xc-title {
                margin: 0 0 10px;
                font-size: 13px;
                font-weight: 700;
                line-height: 1.4;
                color: #111318;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .xc-title a {
                color: inherit;
                text-decoration: none;
                transition: color 0.15s ease;
            }

            .xc-title a:hover {
                color: #3563e9;
            }

            .xc-pills {
                display: flex;
                gap: 5px;
                margin-bottom: 10px;
                flex-wrap: wrap;
            }

            .xc-pill {
                display: inline-flex;
                align-items: center;
                gap: 4px;
                font-size: 11px;
                font-weight: 600;
                padding: 3px 8px;
                border-radius: 5px;
            }

            .xc-pill .fas {
                font-size: 9px;
            }

            .xc-pill--up {
                background: #ebfaf2;
                color: #156b3a;
            }

            .xc-pill--dn {
                background: #fff0f0;
                color: #a82222;
            }

            .xc-pill--cm {
                background: #eef2fd;
                color: #2445a8;
            }

            .xc-meta {
                margin-top: auto;
                border-top: 1px solid #f0f1f4;
                padding-top: 10px;
                display: flex;
                flex-direction: column;
                gap: 5px;
            }

            .xc-row {
                display: flex;
                align-items: center;
                gap: 7px;
                font-size: 11.5px;
                color: #6b7280;
            }

            .xc-row .fas {
                color: #b0b5be;
                width: 13px;
                text-align: center;
                font-size: 12px;
            }

            .xc-size {
                font-weight: 700;
                color: #374151;
                margin-left: auto;
            }

            @keyframes fadeInUp {
                from { opacity: 0; transform: translateY(20px); }
                to   { opacity: 1; transform: translateY(0); }
            }

            .wow.fadeInUp {
                animation: fadeInUp 0.45s ease both;
            }

            @media (max-width: 992px) {
                .xc-img-wrap { height: 140px; }
            }

            @media (max-width: 768px) {
                .xc-img-wrap { height: 130px; }
                .xc-body { padding: 10px 12px 12px; }
            }

            @media (max-width: 576px) {
                .xc-img-wrap { height: 120px; }
                .xc-body { padding: 9px 11px 11px; }
                .xc-title { font-size: 12.5px; }
            }

/* ── block_3view_jquery.php (строка 810) ── */
.modern-torrent-item {
        background: #ffffff;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        border: 1px solid #e3e6f0;
        margin: 8px 0;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        overflow: hidden;
    }

    .modern-torrent-item:hover {
        box-shadow: 0 6px 20px rgba(0,0,0,0.12);
        border-color: #007bff;
        transform: translateY(-2px);
    }

    .torrent-item-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px 20px;
        gap: 24px;
        min-height: 80px;
    }

    :where(.viewn_c_in) .torrent-info {
        flex: 1;
        min-width: 0;
    }

    .torrent-name {
        font-size: 16px;
        font-weight: 700;
        color: #2c3e50;
        text-decoration: none;
        line-height: 1.4;
        margin-bottom: 8px;
        display: block;
        transition: color 0.3s ease;
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    }

    .torrent-name:hover {
        color: #007bff;
    }

    .torrent-details {
        font-size: 13px;
        color: #6c757d;
    }

    .details-row {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-wrap: wrap;
        margin-bottom: 6px;
    }

    :where(.viewn_c_in) .rating {
        display: flex;
        align-items: center;
        gap: 4px;
        background: #f8f9fa;
        padding: 4px 8px;
        border-radius: 6px;
        border: 1px solid #e9ecef;
    }

    .rating-label {
        font-weight: 600;
        color: #495057;
        font-size: 11px;
    }

    .rating-value {
        font-weight: 700;
        font-size: 12px;
        min-width: 30px;
        text-align: center;
    }

    .free-tag {
        background: linear-gradient(135deg, #ffd700, #ffcc00);
        color: #8b6914;
        padding: 4px 10px;
        border-radius: 10px;
        font-size: 11px;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        border: 1px solid rgba(255, 215, 0, 0.3);
    }

    .free-tag::before {
        content: "👑";
        font-size: 10px;
    }

    :where(.viewn_c_in) .size {
        background: #e7f3ff;
        color: #0066cc;
        padding: 4px 8px;
        border-radius: 6px;
        font-weight: 600;
        font-size: 12px;
        border: 1px solid #cce5ff;
    }

    :where(.viewn_c_in) .owner {
        color: #495057;
        font-weight: 500;
        font-size: 12px;
    }

    :where(.viewn_c_in) .category {
        background: linear-gradient(135deg, #6c757d, #495057);
        color: white;
        padding: 4px 10px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 11px;
        font-weight: 600;
        transition: all 0.3s ease;
        border: 1px solid #5a6268;
    }

    :where(.viewn_c_in) .category:hover {
        background: linear-gradient(135deg, #5a6268, #3d4348);
        color: white;
        transform: translateY(-1px);
    }

    .tags-row {
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        font-size: 12px;
    }

    :where(.viewn_c_in) .torrent-stats {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-shrink: 0;
        background: #f8f9fa;
        padding: 12px 16px;
        border-radius: 10px;
        border: 1px solid #e9ecef;
    }

    :where(.viewn_c_in) .stat {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 4px;
        min-width: 55px;
    }

    :where(.viewn_c_in) .stat-number {
        font-size: 18px;
        font-weight: 800;
        line-height: 1;
        font-family: 'Courier New', monospace;
    }

    :where(.viewn_c_in) .stat-label {
        font-size: 11px;
        color: #6c757d;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .stat-divider {
        color: #dee2e6;
        font-weight: 300;
        font-size: 16px;
        margin: 0 4px;
    }

    .seeders-count {
        color: #28a745;
    }

    .leechers-count {
        color: #dc3545;
    }

    /* Адаптивность */
    @media (max-width: 1024px) {
        .torrent-item-content {
            gap: 20px;
            padding: 14px 16px;
        }

        .details-row {
            gap: 12px;
        }
    }

    @media (max-width: 768px) {
        .torrent-item-content {
            flex-direction: column;
            align-items: flex-start;
            gap: 16px;
            padding: 16px;
        }

        :where(.viewn_c_in) .torrent-stats {
            width: 100%;
            justify-content: center;
            gap: 24px;
        }

        .details-row {
            gap: 10px;
        }

        .torrent-name {
            font-size: 15px;
        }
    }

    @media (max-width: 576px) {
        .torrent-item-content {
            padding: 12px;
            gap: 12px;
        }

        :where(.viewn_c_in) .torrent-stats {
            padding: 10px 12px;
            gap: 20px;
        }

        .details-row {
            gap: 8px;
        }

        :where(.viewn_c_in) .rating,
:where(.viewn_c_in) .size,
:where(.viewn_c_in) .owner {
            font-size: 11px;
        }

        :where(.viewn_c_in) .stat {
            min-width: 50px;
        }

        :where(.viewn_c_in) .stat-number {
            font-size: 16px;
        }

        :where(.viewn_c_in) .stat-label {
            font-size: 10px;
        }

        .torrent-name {
            font-size: 14px;
        }
    }

    /* Анимации */
    @keyframes slideInUp {
        from {
            opacity: 0;
            transform: translateY(10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .modern-torrent-item {
        animation: slideInUp 0.4s ease;
    }

    /* Улучшенные hover эффекты */
    .modern-torrent-item {
        position: relative;
    }

    .modern-torrent-item::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 12px;

        opacity: 0;
        transition: opacity 0.3s ease;
        pointer-events: none;
    }

    .modern-torrent-item:hover::before {
        opacity: 1;
    }

    /* Эффект границы при hover */
    .modern-torrent-item::after {
        content: '';
        position: absolute;
        top: -1px;
        left: -1px;
        right: -1px;
        bottom: -1px;
        border-radius: 13px;
        
        opacity: 0;
        transition: opacity 0.3s ease;
        z-index: -1;
    }

    .modern-torrent-item:hover::after {
        opacity: 1;
    }

    /* Улучшенная читаемость для длинных названий */
    .torrent-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Плавное появление элементов */
    :where(.viewn_c_in) .rating,
.free-tag,
:where(.viewn_c_in) .size,
:where(.viewn_c_in) .category {
        transition: transform 0.2s ease;
    }

    :where(.viewn_c_in) .rating:hover,
.free-tag:hover,
:where(.viewn_c_in) .size:hover,
:where(.viewn_c_in) .category:hover {
        transform: translateY(-1px);
    }

/* ── block-radio_dj_jquery.php (строка 94) ── */
/* ===== DJ LIVE v5: ведущий крупно (логотип 150 + подарки эфиру в углу), эфир и поддержка справа ===== */
                    .djl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, 300px); /* приоритет у ведущего, "Сейчас играет" — узкая колонка */
                        grid-template-areas: "hero now" "support support"; gap: 10px; font-size: 12.5px; color: #1f2937; }
                    .djl-card {
                        position: relative;
                        min-width: 0;
                        padding: 12px;
                        background: #fff;
                        border: 1px solid #edf0f3;
                        border-radius: 16px;
                        display: flex;
                        flex-direction: column;
                        gap: 9px;
                    }
                    .djl-card.is-hero { grid-area: hero; }
                    .djl-card.is-now { grid-area: now; }
                    .djl-card.is-support { grid-area: support; }

                    .djl-label {
                        display: flex; align-items: center; gap: 6px;
                        font-size: 9.5px; font-weight: 800;
                        letter-spacing: .12em; text-transform: uppercase;
                        color: var(--dj);
                    }
                    
                    @keyframes blink-live { 50% { opacity: .2; } }

                    /* ================= ВЕДУЩИЙ (hero) ================= */
                    .djl-card.is-hero {
                        display: grid;
                        grid-template-columns: auto minmax(0, 1fr);
                        grid-template-areas: "logo info" "logo bottom";
                        align-items: start;
                        column-gap: 18px;
                        row-gap: 9px;
                        padding: 14px 16px 14px 14px;
                        overflow: hidden;
                        isolation: isolate;
                        border-color: rgba(var(--dj-rgb), .22);
                        background:
                            radial-gradient(120% 140% at 0% 0%, rgba(var(--dj-rgb), .16) 0%, rgba(var(--dj-rgb), .05) 45%, rgba(255,255,255,0) 70%),
                            #fff;
                    }
                    /* мягкие декоративные круги цвета DJ */
                    .djl-card.is-hero::before,
.djl-card.is-hero::after {
                        content: '';
                        position: absolute;
                        z-index: -1;
                        border-radius: 50%;
                        background: rgba(var(--dj-rgb), .08);
                    }
                    .djl-card.is-hero::before { width: 220px; height: 220px; right: -70px; top: -90px; }
                    .djl-card.is-hero::after { width: 120px; height: 120px; right: 60px; bottom: -70px; background: rgba(var(--dj-rgb), .05); }

                    .djl-logo {
                        grid-area: logo;
                        position: relative;
                        flex: 0 0 auto;
                        width: 230px;
                        height: 230px;
                        margin: 14px 10px 16px 14px; /* место под Steam-рамку (120%) */
                        align-self: center;
                    }
                    .djl-hero-bottom { grid-area: bottom; min-width: 0; display: flex; flex-direction: column; gap: 8px; align-self: end; }
                    .djl-logo-img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 10px;
                        display: block;
                        background: #f3f4f6;
                        box-shadow: 0 10px 28px rgba(var(--dj-rgb), .35), 0 2px 6px rgba(0,0,0,.12);
                    }
                    .djl-frame { position: absolute; left: -10%; top: -10%; width: 120%; height: 120%; max-width: none; pointer-events: none; z-index: 2; }

                    .djl-onair {
                        position: absolute;
                        top: 8px; left: 8px;
                        z-index: 3;
                        display: inline-flex; align-items: center; gap: 5px;
                        padding: 3px 9px;
                        border-radius: 999px;
                        background: rgba(255,255,255,.94);
                        color: var(--dj);
                        font-size: 9.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase;
                        box-shadow: 0 2px 8px rgba(0,0,0,.15);
                    }
                    .djl-onair i { width: 7px; height: 7px; border-radius: 50%; background: #e53935; animation: blink-live 1.2s ease-in-out infinite; }

                    /* ---- Подарки эфиру: стопка в правом нижнем углу логотипа ---- */
                    .djl-giftcorner {
                        position: absolute;
                        right: -14px;
                        bottom: -14px;
                        z-index: 4;
                        display: flex;
                        align-items: flex-end;
                        flex-direction: row-reverse;
                        padding: 5px;
                        border-radius: 18px;
                        background: rgba(255,255,255,.96);
                        box-shadow: 0 6px 18px rgba(0,0,0,.18);
                        animation: djl-gift-in .45s cubic-bezier(.2,.9,.3,1.3);
                    }
                    .djl-giftcorner[hidden] { display: none; }
                    @keyframes djl-gift-in { from { opacity: 0; transform: scale(.6) translateY(8px); } to { opacity: 1; transform: none; } }
                    .djl-gc-item {
                        position: relative;
                        display: block;
                        width: 60px; height: 60px;
                        border-radius: 14px;
                        overflow: hidden;
                        background: #f3f4f6;
                        border: 2px solid #fff;
                        box-shadow: 0 3px 8px rgba(0,0,0,.2);
                        transition: transform .18s ease, z-index 0s;
                    }
                    .djl-gc-item + .djl-gc-item { margin-right: -22px; }
                    .djl-gc-item:nth-child(1) { z-index: 3; }
                    .djl-gc-item:nth-child(2) { z-index: 2; transform: rotate(-6deg); }
                    .djl-gc-item:nth-child(3) { z-index: 1; transform: rotate(-12deg); }
                    .djl-gc-item:hover { transform: translateY(-4px) scale(1.12); z-index: 5; }
                    .djl-gc-item img { width: 100%; height: 100%; object-fit: cover; display: block; }
                    .djl-gc-badge {
                        position: absolute;
                        top: -9px; right: -7px;
                        z-index: 6;
                        min-width: 24px;
                        padding: 2px 8px;
                        border-radius: 999px;
                        background: var(--dj);
                        color: #fff;
                        font-size: 11.5px; font-weight: 800; line-height: 1.5;
                        text-align: center;
                        box-shadow: 0 2px 6px rgba(var(--dj-rgb), .45);
                    }
                    .djl-gc-badge i { font-size: 9px; margin-right: 2px; }

                    /* ---- Информация о ведущем ---- */
                    .djl-hero-info { grid-area: info; min-width: 0; display: flex; flex-direction: column; gap: 8px; padding-top: 2px; }
                    .djl-name {
                        display: block;
                        font-size: 22px; font-weight: 900; line-height: 1.1; letter-spacing: -.01em;
                        color: var(--dj); text-decoration: none;
                        white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
                    }
                    .djl-name:hover { opacity: .85; color: var(--dj); }
                    .djl-site { display: flex; align-items: center; gap: 7px; font-size: 12px; min-width: 0; white-space: nowrap; overflow: hidden; }
                    .djl-site a { text-decoration: none; font-weight: 700; overflow: hidden; text-overflow: ellipsis; }
                    .dj-genres { display: flex; flex-wrap: wrap; gap: 4px; max-height: 44px; overflow: hidden; }

                    .djl-chips { display: flex; flex-wrap: wrap; gap: 5px; }
                    .djl-chip {
                        display: inline-flex; align-items: center; gap: 5px;
                        padding: 3px 9px;
                        border-radius: 999px;
                        background: rgba(255,255,255,.8);
                        border: 1px solid #eef0f3;
                        font-size: 11px; font-weight: 700; color: #4b5563;
                        white-space: nowrap;
                    }
                    .djl-chip i { color: var(--dj); font-size: 10px; }
                    .djl-chip.is-ok { background: #ecfdf3; border-color: #d1fadf; color: #15803d; }
                    .djl-chip.is-ok i { color: #16a34a; }
                    .djl-chip.is-no { color: #9ca3af; }
                    .djl-chip.is-no i { color: #c3c8cf; }

                    .djl-fraza {
                        position: relative;
                        padding: 7px 10px 7px 12px;
                        border-radius: 10px;
                        background: rgba(var(--dj-rgb), .06);
                        border-left: 3px solid var(--dj);
                        font-size: 12px; line-height: 1.45; color: #4b5563; font-style: italic;
                        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
                        cursor: pointer; overflow-wrap: anywhere;
                    }
                    .djl-fraza.is-open { -webkit-line-clamp: unset; display: block; }
                    .djl-fraza img { max-width: 100%; height: auto; }

                    .djl-actions { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; }
                    .djl-act {
                        flex: 1 1 120px;
                        display: inline-flex; align-items: center; justify-content: center; gap: 6px;
                        padding: 8px 10px;
                        border-radius: 11px;
                        border: 1.5px solid rgba(var(--dj-rgb), .35);
                        background: #fff;
                        color: var(--dj);
                        font-size: 12px; font-weight: 800;
                        white-space: nowrap;
                        cursor: pointer;
                        transition: background .15s, transform .15s, box-shadow .15s;
                    }
                    .djl-act:hover { background: rgba(var(--dj-rgb), .06); transform: translateY(-1px); }
                    .djl-act.is-main {
                        background: linear-gradient(135deg, var(--dj) 0%, rgba(var(--dj-rgb), .82) 100%);
                        border-color: transparent;
                        color: #fff;
                        box-shadow: 0 6px 16px rgba(var(--dj-rgb), .35);
                    }
                    .djl-act.is-main:hover { box-shadow: 0 8px 20px rgba(var(--dj-rgb), .45); }

                    /* ================= СЕЙЧАС ИГРАЕТ ================= */
                    .djl-head-row { display: flex; align-items: center; gap: 8px; }
                    .djl-head-row .djl-chip { margin-left: auto; }
                    .djl-eq { display: inline-flex; align-items: flex-end; gap: 2px; height: 11px; }
                    .djl-eq i { width: 2.5px; height: 3px; border-radius: 1px; background: var(--dj); }
                    .djr.is-playing .djl-eq i:nth-child(1) { animation: djl-eq .7s ease-in-out infinite alternate; }
                    .djr.is-playing .djl-eq i:nth-child(2) { animation: djl-eq .9s ease-in-out infinite alternate -.3s; }
                    .djr.is-playing .djl-eq i:nth-child(3) { animation: djl-eq .6s ease-in-out infinite alternate -.15s; }
                    @keyframes djl-eq { from { height: 2px; } to { height: 11px; } }

                    /* "Сейчас играет" — компактная карточка (приоритет у ведущего) */
                    .djl-card.is-now { gap: 7px; padding: 10px; align-self: start; }
                    .djl-now { display: flex; align-items: center; gap: 10px; min-width: 0; }
                    .djl-cover-wrap { position: relative; flex: 0 0 auto; width: 48px; height: 48px; margin-right: 10px; }
                    /* пластинка за обложкой — крутится, пока играет радио */
                    .djl-vinyl {
                        position: absolute;
                        top: 3px; left: 14px;
                        width: 42px; height: 42px;
                        border-radius: 50%;
                        background:
                            radial-gradient(circle, var(--dj) 0 13%, #111 14% 17%, transparent 18%),
                            repeating-radial-gradient(circle, #1f2937 0 2px, #111827 2px 4px);
                        box-shadow: 0 3px 10px rgba(0,0,0,.25);
                    }
                    .djr.is-playing .djl-vinyl { animation: djl-spin 3s linear infinite; }
                    @keyframes djl-spin { to { transform: rotate(360deg); } }
                    .djl-now-cover {
                        position: relative;
                        z-index: 1;
                        width: 48px; height: 48px;
                        border-radius: 10px;
                        object-fit: cover;
                        background: #f3f4f6;
                        box-shadow: 0 6px 16px rgba(0,0,0,.18);
                    }
                    .djl-now-meta { flex: 1 1 auto; min-width: 0; }
                    .djl-song {
                        font-size: 12.5px; font-weight: 800; line-height: 1.3; color: #111827;
                        display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
                    }
                    .djl-next { margin-top: 2px; font-size: 11px; color: #9ca3af; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                    .dj-timer-wrap { margin-top: 7px; }
                    .dj-progress { height: 4px; border-radius: 4px; background: #f1f2f4; overflow: hidden; }
                    .dj-progress-bar { height: 100%; width: 0%; border-radius: 4px; background: linear-gradient(90deg, rgba(var(--dj-rgb), .55), var(--dj)); transition: width 1s linear; }
                    .dj-timer-labels { display: flex; justify-content: space-between; margin-top: 3px; font-size: 9.5px; color: #b6bcc6; font-variant-numeric: tabular-nums; }

                    .dj-player-actions { display: flex; gap: 5px; }
                    .dj-player-actions a {
                        flex: 1 1 0;
                        display: inline-flex; align-items: center; justify-content: center; gap: 5px;
                        padding: 6px;
                        border-radius: 9px;
                        background: #f5f6f8;
                        color: #4b5563;
                        font-size: 11px; font-weight: 700;
                        text-decoration: none; white-space: nowrap;
                        transition: background .15s, color .15s;
                    }
                    .dj-player-actions a:hover { background: rgba(var(--dj-rgb), .1); color: var(--dj); }
                    .djl-card.is-now .dj-player-actions a { padding: 5px; font-size: 0; }   /* только иконки, подпись — во всплывающей подсказке */
                    .djl-card.is-now .dj-player-actions a i { font-size: 12px; }

                    .djl-recent > summary {
                        list-style: none; cursor: pointer;
                        display: flex; align-items: center; gap: 6px;
                        font-size: 11px; font-weight: 700; color: #6b7280;
                    }
                    .djl-recent > summary::-webkit-details-marker { display: none; }
                    .djl-recent > summary .fa-chevron-down { margin-left: auto; transition: transform .2s; font-size: 10px; }
                    .djl-recent[open] > summary .fa-chevron-down { transform: rotate(180deg); }
                    .djl-recent-list { margin-top: 6px; max-height: 160px; overflow-y: auto; }
                    .dj-track-item { display: flex; align-items: center; gap: 8px; padding: 4px 6px; margin-bottom: 3px; border-radius: 8px; background: #f8f9fa; }
                    .dj-track-item img { width: 26px; height: 26px; border-radius: 6px; object-fit: cover; flex-shrink: 0; }
                    .dj-track-time { flex-shrink: 0; font-size: 9.5px; color: #b6bcc6; font-variant-numeric: tabular-nums; }
                    .dj-track-name { flex: 1; min-width: 0; font-size: 11.5px; font-weight: 600; color: #374151; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
                    @keyframes trackSlideIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
                    .dj-track-new { animation: trackSlideIn .35s ease forwards; }

                    /* ================= ПОДДЕРЖАТЬ ================= */
                    .djl-gifts { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
                    .djl-gift {
                        display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
                        padding: 6px 2px 5px;
                        border: 1px solid #eef0f3; border-radius: 12px;
                        background: linear-gradient(180deg, #fff 0%, #f7f8fa 100%);
                        font-size: 11.5px; font-weight: 900; color: #374151;
                        cursor: pointer;
                        transition: transform .15s, border-color .15s, box-shadow .15s;
                    }
                    .djl-gift img { width: 28px; height: 28px; transition: transform .2s; }
                    .djl-gift:hover { transform: translateY(-2px); border-color: var(--dj); box-shadow: 0 6px 14px rgba(var(--dj-rgb), .2); }
                    .djl-gift:hover img { transform: rotate(-10deg) scale(1.1); }
                    .djl-gift:active { transform: scale(.95); }
                    .djl-received { font-size: 11px; color: #9ca3af; display: flex; align-items: center; gap: 5px; }
                    .djl-received b { color: var(--dj); }
                    .djl-sub { padding-top: 9px; border-top: 1px dashed #edf0f3; display: flex; flex-direction: column; gap: 7px; }
                    .djl-sub[hidden] { display: none; }

                    .donations-scroll { display: flex; gap: 8px; overflow-x: auto; padding: 3px 1px; scrollbar-width: none; }
                    .donations-scroll::-webkit-scrollbar { display: none; }
                    .donator-chip { flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; min-width: 34px; cursor: pointer; }
                    .donator-avatar-wrap { position: relative; width: 30px; height: 30px; }
                    .donator-avatar { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; border: 2px solid #eee; display: block; }
                    .top-1 .donator-avatar { border-color: #FFD700; }
                    .top-2 .donator-avatar { border-color: #C0C0C0; }
                    .top-3 .donator-avatar { border-color: #CD7F32; }
                    .donator-medal { position: absolute; bottom: -3px; right: -4px; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; font-size: 9px; background: #fff; border-radius: 50%; box-shadow: 0 0 2px rgba(0,0,0,.15); }
                    .donation-total { margin-top: 1px; max-width: 44px; font-size: 9px; font-weight: 800; color: #e8a000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

                    /* ПК: "Поддержать" — узкая полоса во всю ширину под ведущим и эфиром */
                    @media (min-width: 992px) {
                        .djl-card.is-support {
                            display: grid;
                            grid-template-columns: auto minmax(240px, 320px) minmax(0, 1fr) auto;
                            align-items: center;
                            gap: 8px 16px;
                            padding: 10px 14px;
                        }
                        .djl-card.is-support .djl-sub {
                            padding-top: 0;
                            border-top: 0;
                            border-left: 1px dashed #e5e7eb;
                            padding-left: 14px;
                            flex-direction: row;
                            align-items: center;
                            gap: 10px;
                        }
                        .djl-card.is-support .djl-sub .djl-label { white-space: nowrap; }
                    }

                    /* ---------- адаптив ---------- */
                    @media (max-width: 991.98px) {
                        .djl { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-areas: "hero hero" "now support"; }
                        .djl-card.is-hero { align-items: flex-start; }
                    }
                    /* телефон: карточки лентой вбок — панель низкая, чат остаётся на экране */
                    @media (max-width: 767.98px) {
                        .djl {
                            display: flex;
                            gap: 8px;
                            overflow-x: auto;
                            scroll-snap-type: x mandatory;
                            scrollbar-width: none;
                            -webkit-overflow-scrolling: touch;
                            margin: 0 -8px;
                            padding: 4px 8px 4px;
                        }
                        .djl::-webkit-scrollbar { display: none; }
                        .djl-card { flex: 0 0 86%; scroll-snap-align: center; padding: 10px; align-self: flex-start; } /* без растягивания до соседней карточки */
                        .djl-card.is-hero { flex-basis: 94%; padding: 10px 12px 12px 8px; }
                        .djl-name { font-size: 18px; }

                        /* ведущий на телефоне: логотип 230 по центру, под ним ник/аватар/жанры/значки, "о себе" и кнопки */
                        .djl-card.is-hero { grid-template-columns: minmax(0, 1fr); grid-template-areas: "logo" "info" "bottom"; row-gap: 10px; padding: 12px; }
                        .djl-card.is-hero .djl-logo { justify-self: center; width: min(230px, 100% - 40px); height: auto; aspect-ratio: 1 / 1; margin: 18px 0 18px; }
                        .djl-card.is-hero .djl-hero-info { gap: 7px; padding-top: 0; align-items: center; text-align: center; }
                        .djl-card.is-hero .djl-site,
.djl-card.is-hero .dj-genres,
.djl-card.is-hero .djl-chips { justify-content: center; }
                        .djl-card.is-hero .dj-genres { max-height: 22px; }
                        .djl-card.is-hero .djl-name { max-width: 100%; }
                        .djl-card.is-hero .djl-actions { flex-wrap: nowrap; }
                        .djl-card.is-hero .djl-act { flex: 1 1 0; }
                        .djl-recent-list { max-height: 120px; }
                    }
                    @media (max-width: 400px) {
                        .djl-card.is-hero .djl-chips .djl-chip:nth-child(n+4) { display: none; } /* рейтинг/часы — на узком экране прячем */
                        .djl-act { padding: 7px 6px; font-size: 11px; }
                    }
                    @media (prefers-reduced-motion: reduce) {
                        .djl *,
.djl *::before { animation: none !important; }
                    }

/* ── block-radio_dj_jquery.php (строка 1037) ── */
/* ===== СТОЛ ЗАКАЗОВ – Clean White Modern UI (single style with dj_zakaz) ===== */

.st-wrap * { box-sizing: border-box; }

.st-wrap {
    background: #f4f6f9;
    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
}

/* ── Шапка ── */
.st-page-header {
    background: #fff;
    border-bottom: 3px solid var(--dj-color, #e03535);
    padding: 20px 24px 16px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 14px;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.st-page-header .st-header-icon {
    width: 48px; height: 48px;
    background: var(--dj-color, #e03535);
    border-radius: 12px;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 22px;
    flex-shrink: 0;
}
.st-page-header h1 {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0;
    letter-spacing: -.3px;
}
.st-page-header p {
    color: #6b7280;
    font-size: .82rem;
    margin: 2px 0 0;
}
.st-live-dot {
    width: 9px; height: 9px;
    background: #22c55e;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
    animation: st-pulse 1.4s infinite;
}
@keyframes st-pulse {
    0%,100% { opacity: 1; transform: scale(1); }
    50%      { opacity: .5; transform: scale(1.3); }
}

/* ── Карточка-обёртка ── */
:where(.st-wrap) .st-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    overflow: hidden;
    margin-bottom: 20px;
}
.st-card-header {
    background: var(--dj-color, #e03535);
    color: #fff;
    padding: 14px 20px;
    font-weight: 700;
    font-size: .95rem;
    display: flex;
    align-items: center;
    gap: 10px;
}
.st-card-header .ms-auto { font-size: .75rem; font-weight: 500; opacity: .85; }

/* ── Таблица ── */
.st-table { width: 100%; border-collapse: collapse; }
.st-table thead th {
    background: #f8fafc;
    color: #6b7280;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .7px;
    padding: 11px 16px;
    border-bottom: 2px solid #e9ecef;
    white-space: nowrap;
}
.st-table tbody tr {
    border-bottom: 1px solid #f3f4f6;
    transition: background .12s;
}
.st-table tbody tr:last-child { border-bottom: none; }
.st-table tbody tr:hover { background: #fafbff; }
.st-table td { padding: 13px 16px; vertical-align: middle; }

/* ── Артист / трек ── */
.st-song-artist {
    font-weight: 700;
    font-size: .92rem;
    color: #1a1a2e;
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.st-song-name {
    font-size: .82rem;
    color: #6b7280;
}

/* ── Кнопки поиска (Google / Яндекс) ── */
.st-search-btns {
    display: flex;
    gap: 6px;
    margin-left: 10px;
    flex-shrink: 0;
}
.st-btn-search {
    width: 34px; height: 34px;
    border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none;
    border: 1.5px solid #e9ecef;
    background: #fff;
    cursor: pointer;
    transition: all .18s;
    font-size: .85rem;
}
.st-btn-google { color: #4285f4; }
.st-btn-google:hover {
    background: #4285f4;
    border-color: #4285f4;
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 3px 10px rgba(66,133,244,.3);
}
.st-btn-yandex { color: #111; }
.st-btn-yandex:hover {
    background: #ffcc00;
    border-color: #ffcc00;
    color: #000;
    transform: scale(1.08);
    box-shadow: 0 3px 10px rgba(255,204,0,.4);
}
.st-yandex-icon { font-weight: 900; font-size: .95rem; font-family: Arial, sans-serif; line-height: 1; }

/* ── Кнопки клипа ── */
.st-clip-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    transition: all .18s;
    white-space: nowrap;
}
.st-clip-watch {
    background: var(--dj-color, #e03535);
    color: #fff;
    border: 1.5px solid var(--dj-color, #e03535);
}
.st-clip-watch:hover { opacity: .85; color: #fff; transform: translateY(-1px); }
.st-clip-add {
    background: #fff;
    color: #22c55e;
    border: 1.5px solid #22c55e;
}
.st-clip-add:hover { background: #22c55e; color: #fff; transform: translateY(-1px); }

/* ── Бейджи ── */
.st-badge-style {
    background: #1a1a2e;
    color: #fff;
    font-size: .7rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
}
.st-badge-who {
    background: #e0f2fe;
    color: #0284c7;
    font-size: .75rem;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 6px;
}

/* ── Кнопки действий DJ ── */
.st-btn-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all .18s;
    white-space: nowrap;
}
.st-btn-done {
    background: #22c55e;
    color: #fff;
}
.st-btn-done:hover { background: #16a34a; transform: translateY(-1px); }
.st-btn-reject {
    background: #fff;
    color: #ef4444;
    border: 1.5px solid #ef4444;
}
.st-btn-reject:hover { background: #ef4444; color: #fff; transform: translateY(-1px); }

/* ── Футер с кнопками навигации ── */
.st-footer-actions {
    padding: 16px 20px;
    background: #f8fafc;
    border-top: 1px solid #f0f0f0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.st-btn-nav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 9px;
    font-size: .875rem;
    font-weight: 700;
    cursor: pointer;
    transition: all .18s;
    border: 1.5px solid;
    text-decoration: none;
}
.st-btn-nav.primary {
    background: var(--dj-color, #e03535);
    border-color: var(--dj-color, #e03535);
    color: #fff;
}
.st-btn-nav.primary:hover { opacity: .88; color: #fff; }
.st-btn-nav.secondary {
    background: #fff;
    border-color: #d1d5db;
    color: #374151;
}
.st-btn-nav.secondary:hover { border-color: #374151; background: #374151; color: #fff; }

/* ── Состояния: пусто / закрыто / ошибка ── */
.st-state-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e9ecef;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 52px 24px;
    text-align: center;
    margin-bottom: 20px;
}
.st-state-icon {
    width: 72px; height: 72px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.9rem;
    margin: 0 auto 18px;
}
.st-state-icon.success { background: #f0fdf4; color: #22c55e; }
.st-state-icon.warning { background: #fef9f0; color: #f59e0b; }
.st-state-icon.danger { background: #fff0f0; color: #ef4444; }
.st-state-icon.info { background: #f0f7ff; color: #3b82f6; }
.st-state-card h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #1a1a2e;
    margin-bottom: 8px;
}
.st-state-card p {
    color: #6b7280;
    font-size: .88rem;
    margin-bottom: 0;
}
.st-state-card .st-footer-actions {
    border-top: none;
    background: transparent;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 0;
}

/* Номер в очереди */
.st-num {
    width: 28px; height: 28px;
    border-radius: 8px;
    background: #f3f4f6;
    color: #6b7280;
    font-size: .75rem;
    font-weight: 700;
    display: inline-flex; align-items: center; justify-content: center;
}

/* Адаптив */
@media (max-width: 768px) {
    .st-table thead th:nth-child(4),
.st-table td:nth-child(4) { display: none; }
    .st-btn-search { width: 30px; height: 30px; }
    .st-clip-btn { padding: 6px 10px; font-size: .75rem; }
}

/* ── block-radio_dj_jquery.php (строка 1707) ── */
/* ===== DJ ZAKAZ – Modern Split White UI ===== */

.dz-wrap * { box-sizing: border-box; }

.dz-wrap {
    background: #f0f2f5;
    min-height: 100vh;
    font-family: "DM Sans", "Segoe UI", system-ui, sans-serif;
}

/* ── Шапка ── */
.dz-page-header {
    background: #fff;
    border-bottom: 3px solid var(--dj-color, #e03535);
    padding: 18px 28px 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 1px 4px rgba(0,0,0,.07);
}
.dz-header-icon {
    width: 46px; height: 46px;
    background: var(--dj-color, #e03535);
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 20px;
    flex-shrink: 0;
}
.dz-page-header h1 {
    font-size: 1.25rem;
    font-weight: 800;
    color: #111827;
    margin: 0;
    letter-spacing: -.4px;
}
.dz-page-header p {
    color: #6b7280;
    font-size: .8rem;
    margin: 2px 0 0;
}

/* ── Левая панель ── */
.dz-sidebar {
    position: sticky;
    top: 16px;
}

/* ── Карточки ── */
.dz-card {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
    overflow: hidden;
    margin-bottom: 16px;
}
.dz-card-header {
    background: var(--dj-color, #e03535);
    color: #fff;
    padding: 11px 18px;
    font-weight: 700;
    font-size: .85rem;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: .2px;
}
.dz-card-body { padding: 18px; }

/* ── Алфавит ── */
.dz-alpha-label {
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #9ca3af;
    margin-bottom: 8px;
    margin-top: 14px;
    display: flex; align-items: center; gap: 5px;
}
.dz-alpha-label:first-child { margin-top: 0; }

.dz-letters-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-bottom: 2px;
}

.dz-letter {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px; height: 30px;
    border-radius: 6px;
    font-size: .75rem;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    color: #374151;
    transition: all .15s;
    text-transform: uppercase;
    user-select: none;
    text-decoration: none;
}
.dz-letter:hover {
    border-color: var(--dj-color, #e03535);
    color: var(--dj-color, #e03535);
    background: #fff5f5;
}
.dz-letter.active {
    background: var(--dj-color, #e03535);
    border-color: var(--dj-color, #e03535);
    color: #fff;
}

/* ── Кнопки фильтра ── */
.dz-filter-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.dz-btn-filter {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    cursor: pointer;
    border: 1.5px solid #e5e7eb;
    background: #fff;
    color: #374151;
    transition: all .15s;
    text-decoration: none;
}
.dz-btn-filter:hover {
    border-color: var(--dj-color, #e03535);
    color: var(--dj-color, #e03535);
    background: #fff5f5;
}
.dz-btn-filter.my {
    border-color: var(--dj-color, #e03535);
    background: var(--dj-color, #e03535);
    color: #fff;
}
.dz-btn-filter.my:hover { opacity: .88; color: #fff; }

/* ── Кнопка открытия модального окна ── */
.dz-btn-add-open {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 11px 14px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 700;
    cursor: pointer;
    border: 1.5px dashed var(--dj-color, #e03535);
    background: #fff5f5;
    color: var(--dj-color, #e03535);
    transition: all .15s;
    text-decoration: none;
    width: 100%;
    justify-content: center;
    letter-spacing: .1px;
}
.dz-btn-add-open:hover {
    background: var(--dj-color, #e03535);
    color: #fff;
    border-style: solid;
}
.dz-btn-add-open i { font-size: .9rem; }

/* ── Модальное окно ── */
.dz-modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(17,24,39,.45);
    backdrop-filter: blur(3px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    padding: 16px;
}
.dz-modal-overlay.open {
    display: flex;
}
.dz-modal {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,.18);
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    animation: dzModalIn .22s cubic-bezier(.34,1.56,.64,1);
}
@keyframes dzModalIn {
    from { opacity: 0; transform: scale(.93) translateY(12px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
}
.dz-modal-header {
    background: var(--dj-color, #e03535);
    color: #fff;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dz-modal-header h5 {
    margin: 0;
    font-size: .95rem;
    font-weight: 800;
    letter-spacing: -.2px;
    flex: 1;
}
.dz-modal-close {
    width: 30px; height: 30px;
    border-radius: 7px;
    background: rgba(255,255,255,.18);
    border: none;
    color: #fff;
    font-size: .85rem;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: background .15s;
    flex-shrink: 0;
}
.dz-modal-close:hover { background: rgba(255,255,255,.32); }
.dz-modal-body { padding: 22px 22px 8px; }
.dz-modal-footer {
    padding: 14px 22px 20px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* ── Форма внутри модального окна ── */
.dz-form-label {
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: #6b7280;
    margin-bottom: 5px;
    display: block;
}
.dz-input {
    width: 100%;
    border: 1.5px solid #e5e7eb;
    border-radius: 8px;
    padding: 9px 12px 9px 34px;
    font-size: .875rem;
    color: #111827;
    background: #fafafa;
    outline: none;
    transition: border-color .15s, background .15s, box-shadow .15s;
    font-family: inherit;
}
.dz-input:focus {
    border-color: var(--dj-color, #e03535);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(224,53,53,.09);
}
.dz-input::placeholder { color: #c4c9d4; }
.dz-input-wrap {
    position: relative;
    margin-bottom: 14px;
}
.dz-input-icon {
    position: absolute;
    left: 11px; top: 50%;
    transform: translateY(-50%);
    color: #c4c9d4;
    font-size: .8rem;
    pointer-events: none;
    transition: color .15s;
}
.dz-input-wrap:focus-within .dz-input-icon {
    color: var(--dj-color, #e03535);
}

/* ── Кнопки модалки ── */
.dz-btn-submit {
    background: var(--dj-color, #e03535);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 22px;
    font-weight: 700;
    font-size: .875rem;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    transition: opacity .15s;
    font-family: inherit;
}
.dz-btn-submit:hover { opacity: .88; }
.dz-btn-cancel {
    background: #f3f4f6;
    color: #6b7280;
    border: none;
    border-radius: 8px;
    padding: 10px 18px;
    font-weight: 600;
    font-size: .875rem;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    cursor: pointer;
    transition: background .15s;
    font-family: inherit;
}
.dz-btn-cancel:hover { background: #e5e7eb; color: #374151; }

/* ── Разделитель ── */
.dz-alpha-divider {
    border: none;
    border-top: 1px solid #f0f2f5;
    margin: 12px 0 4px;
}

/* ── Таблица ── */
.dz-table-wrap {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 6px rgba(0,0,0,.05);
    overflow: hidden;
}
.dz-table-head {
    background: var(--dj-color, #e03535);
    color: #fff;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    gap: 9px;
    font-weight: 800;
    font-size: .88rem;
}
.dz-count-badge {
    background: rgba(255,255,255,.22);
    color: #fff;
    font-size: .73rem;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    margin-left: auto;
}
.dz-table { width: 100%; border-collapse: collapse; }
.dz-table thead th {
    background: #f8fafc;
    color: #9ca3af;
    font-size: .68rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .8px;
    padding: 10px 12px;
    border-bottom: 2px solid #f0f2f5;
    white-space: nowrap;
}
.dz-table tbody tr {
    border-bottom: 1px solid #f3f4f6;
    transition: background .1s;
}
.dz-table tbody tr:last-child { border-bottom: none; }
.dz-table tbody tr:hover { background: #fafbff; }
.dz-table td { padding: 10px 12px; vertical-align: middle; }

/* ── Thumbnail ── */
.dz-thumb {
    width: 76px; height: 44px;
    border-radius: 6px;
    object-fit: cover;
    border: 2px solid #f0f0f0;
    transition: transform .15s;
    display: block;
}
.dz-thumb:hover { transform: scale(1.08); }
.dz-thumb-empty {
    width: 76px; height: 44px;
    border-radius: 6px;
    background: #f3f4f6;
    display: flex; align-items: center; justify-content: center;
    color: #d1d5db;
    font-size: 1rem;
}

/* ── Артист / Трек ── */
.dz-artist-link {
    font-weight: 700;
    font-size: .875rem;
    color: #111827;
    cursor: pointer;
    text-decoration: none;
    transition: color .12s;
    display: block;
}
.dz-artist-link:hover { color: var(--dj-color, #e03535); }
.dz-track-name {
    font-size: .775rem;
    color: #9ca3af;
    margin-top: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
}

/* ── Бейджи ── */
.dz-badge-style {
    background: #111827;
    color: #fff;
    font-size: .68rem;
    font-weight: 700;
    padding: 3px 9px;
    border-radius: 5px;
    letter-spacing: .3px;
    white-space: nowrap;
}
.dz-badge-hit {
    background: #eff6ff;
    color: #2563eb;
    font-size: .75rem;
    font-weight: 800;
    padding: 3px 9px;
    border-radius: 5px;
    min-width: 28px;
    text-align: center;
    display: inline-block;
}

/* ── Кнопки заказа ── */
.dz-btn-order {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 12px;
    border-radius: 7px;
    font-size: .78rem;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all .15s;
    white-space: nowrap;
    font-family: inherit;
}
.dz-btn-order.order-add {
    background: #22c55e;
    color: #fff;
}
.dz-btn-order.order-add:hover { background: #16a34a; }
.dz-btn-order.order-del {
    background: #fff;
    color: #ef4444;
    border: 1.5px solid #fca5a5;
}
.dz-btn-order.order-del:hover { background: #fef2f2; }

/* ── Кнопка удаления ── */
.dz-btn-trash {
    width: 30px; height: 30px;
    border-radius: 7px;
    background: #fff;
    color: #ef4444;
    border: 1.5px solid #fca5a5;
    display: inline-flex; align-items: center; justify-content: center;
    cursor: pointer;
    transition: all .15s;
    font-size: .8rem;
}
.dz-btn-trash:hover { background: #ef4444; color: #fff; border-color: #ef4444; }

/* ── Пустое состояние ── */
.dz-empty {
    text-align: center;
    padding: 50px 20px;
    color: #9ca3af;
}
.dz-empty i { font-size: 2.5rem; color: #e5e7eb; margin-bottom: 12px; display: block; }
.dz-empty p { font-size: .875rem; margin: 0; }

/* ── Пагинация ── */
.dz-pager-wrap {
    padding: 12px 18px;
    border-top: 1px solid #f3f4f6;
    background: #fafafa;
    display: flex;
    justify-content: center;
}

/* ── DJ-бейдж ── */
.dz-dj-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
}
.dz-time-stamp {
    font-size: .72rem;
    color: #c4c9d4;
    margin-top: 2px;
}
.dz-bonus-tag {
    font-size: .68rem;
    font-weight: 800;
    color: #16a34a;
    background: #f0fdf4;
    padding: 2px 6px;
    border-radius: 4px;
    margin-left: 3px;
    border: 1px solid #bbf7d0;
}

/* ── Адаптив ── */
@media (max-width: 991px) {
    .dz-sidebar { position: static; }
    .dz-table thead th:nth-child(5),
.dz-table td:nth-child(5) { display: none; }
}
@media (max-width: 767px) {
    .dz-table thead th:nth-child(6),
.dz-table td:nth-child(6) { display: none; }
    .dz-table-head { font-size: .82rem; }
    .dz-modal { border-radius: 12px; }
}

/* ── block-radio_dj_jquery.php (строка 2858) ── */
/* ========================================
   RASP v6 — White / Clean / Modern
   Bootstrap 5 + MDB 5 + FA5 Pro
   NO :root !
======================================== */
 
.rpv6-wrap {
    font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
    background: #f1f3f6;
    min-height: 100vh;
    padding-bottom: 48px;
}
.rpv6-wrap * { box-sizing: border-box; }
 
/* ─── TOP-BAR ─── */
.rpv6-topbar {
    background: #ffffff;
    border-bottom: 3px solid var(--rp-color);
    padding: 0 24px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-shadow: 0 2px 16px rgba(0,0,0,.07);
    position: sticky;
    top: 0;
    z-index: 200;
}
.rpv6-topbar-left {
    display: flex;
    align-items: center;
    gap: 18px;
}
.rpv6-topbar-clock {
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--rp-color);
    letter-spacing: -1.5px;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    min-width: 95px;
}
.rpv6-topbar-info {}
.rpv6-topbar-info-date {
    font-size: .8rem;
    font-weight: 700;
    color: #1a1a2e;
    line-height: 1.3;
}
.rpv6-topbar-info-dow {
    font-size: .68rem;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .8px;
    font-weight: 600;
}
.rpv6-topbar-divider {
    width: 1px;
    height: 32px;
    background: #e5e7eb;
}
.rpv6-topbar-title {
    font-size: .95rem;
    font-weight: 800;
    color: #1a1a2e;
    display: flex;
    align-items: center;
    gap: 8px;
}
.rpv6-topbar-title i { color: var(--rp-color); }
.rpv6-topbar-right { display: flex; align-items: center; gap: 10px; }
.rpv6-onair-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: var(--rp-color);
    color: #fff;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .6px;
    text-transform: uppercase;
    box-shadow: 0 3px 10px color-mix(in srgb, var(--rp-color) 35%, transparent);
}
.rpv6-onair-dot {
    width: 7px; height: 7px;
    border-radius: 50%;
    background: #fff;
    animation: rpv6-blink 1.2s ease-in-out infinite;
}
.rpv6-msk-badge {
    font-size: .72rem;
    font-weight: 700;
    color: #6b7280;
    background: #f3f4f6;
    border-radius: 8px;
    padding: 4px 10px;
    border: 1px solid #e5e7eb;
}
 
/* ─── LAYOUT ─── */
.rpv6-layout {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 20px;
    padding: 20px;
    align-items: start;
    margin: 0 auto;
}
@media (max-width: 960px) {
    .rpv6-layout { grid-template-columns: 1fr; }
}
 
/* ─── SIDEBAR ─── */
.rpv6-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    position: sticky;
    top: 76px;
}
 
/* ─── CARD ─── */
.rpv6-card {
    background: #fff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
    overflow: hidden;
}
.rpv6-card-hd {
    background: var(--rp-color);
    color: #fff;
    padding: 13px 18px;
    font-weight: 800;
    font-size: .85rem;
    display: flex;
    align-items: center;
    gap: 9px;
    letter-spacing: .1px;
}
.rpv6-card-bd { padding: 18px; }
 
/* ─── STATS ─── */
.rpv6-stats {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}
.rpv6-stat {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 12px 10px;
    text-align: center;
    box-shadow: 0 1px 6px rgba(0,0,0,.04);
}
.rpv6-stat-ico {
    width: 32px; height: 32px;
    background: var(--rp-color);
    border-radius: 9px;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: .8rem;
    margin: 0 auto 7px;
}
.rpv6-stat-val {
    font-size: 1.2rem;
    font-weight: 900;
    color: #1a1a2e;
    line-height: 1;
}
.rpv6-stat-lbl {
    font-size: .6rem;
    font-weight: 700;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-top: 3px;
}
 
/* ─── FORM ─── */
.rpv6-field { margin-bottom: 12px; }
.rpv6-flabel {
    font-size: .67rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .7px;
    color: #9ca3af;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.rpv6-flabel i { color: var(--rp-color); font-size: .68rem; }
.rpv6-ctrl {
    width: 100%;
    padding: 9px 13px;
    border-radius: 10px;
    border: 1.5px solid #e5e7eb;
    font-size: .85rem;
    font-family: inherit;
    color: #1a1a2e;
    background: #fafafa;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
    -webkit-appearance: none;
    appearance: none;
}
.rpv6-ctrl:focus {
    border-color: var(--rp-color);
    background: #fff;
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--rp-color) 12%, transparent);
}
 
/* День выбор в форме */
.rpv6-day-btns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    margin-bottom: 12px;
}
.rpv6-day-pick {
    padding: 8px 4px;
    border-radius: 10px;
    border: 2px solid #e5e7eb;
    background: #fafafa;
    cursor: pointer;
    text-align: center;
    transition: all .15s;
    font-family: inherit;
}
.rpv6-day-pick:hover { border-color: var(--rp-color); background: #fff; }
.rpv6-day-pick.active {
    background: var(--rp-color);
    border-color: var(--rp-color);
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
}
.rpv6-dp-sub { font-size: .58rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #9ca3af; margin-bottom: 1px; }
.rpv6-day-pick.active .rpv6-dp-sub { color: rgba(255,255,255,.7); }
.rpv6-dp-name { font-size: .8rem; font-weight: 800; color: #1a1a2e; }
.rpv6-day-pick.active .rpv6-dp-name { color: #fff; }
.rpv6-dp-date { font-size: .62rem; color: #6b7280; margin-top: 1px; }
.rpv6-day-pick.active .rpv6-dp-date { color: rgba(255,255,255,.72); }
 
/* Switch row */
.rpv6-swrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f8fafc;
    border-radius: 10px;
    padding: 10px 13px;
    border: 1.5px solid #e5e7eb;
    margin-bottom: 12px;
    gap: 10px;
}
.rpv6-swrow-lbl {
    font-size: .82rem;
    font-weight: 700;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 1;
}
.rpv6-swrow-lbl i { color: var(--rp-color); }
.rpv6-sw-outer { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.rpv6-sw { position: relative; width: 46px; height: 26px; display: inline-block; }
.rpv6-sw input { opacity: 0; width: 0; height: 0; }
.rpv6-sw-slider {
    position: absolute; inset: 0;
    background: #e5e7eb; border-radius: 26px;
    cursor: pointer; transition: background .2s;
}
.rpv6-sw-slider::before {
    content: ""; position: absolute;
    width: 20px; height: 20px; left: 3px; top: 3px;
    background: #fff; border-radius: 50%;
    transition: transform .2s;
    box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.rpv6-sw input:checked + .rpv6-sw-slider { background: #22c55e; }
.rpv6-sw input:checked + .rpv6-sw-slider::before { transform: translateX(20px); }
.rpv6-sw-val {
    font-size: .75rem;
    font-weight: 800;
    min-width: 32px;
    text-align: right;
}
 
/* Кнопка сохранить */
.rpv6-btn-save {
    width: 100%;
    padding: 11px;
    border-radius: 10px;
    background: var(--rp-color);
    color: #fff;
    border: none;
    font-weight: 800;
    font-size: .88rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: opacity .18s, transform .1s;
    font-family: inherit;
}
.rpv6-btn-save:hover { opacity: .88; transform: translateY(-1px); }
.rpv6-btn-save:active { transform: translateY(0); }
 
/* Инфо ─── */
.rpv6-infobox {
    background: #eff6ff;
    border: 1.5px solid #bfdbfe;
    border-radius: 12px;
    padding: 11px 14px;
    display: flex;
    gap: 9px;
    align-items: flex-start;
    font-size: .8rem;
    color: #1d4ed8;
    line-height: 1.45;
}
.rpv6-infobox i { margin-top: 1px; flex-shrink: 0; }
 
/* ─── MAIN AREA ─── */
.rpv6-main { display: flex; flex-direction: column; gap: 14px; }
 
/* Табы дней */
.rpv6-daytabs {
    display: flex;
    gap: 8px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 10px rgba(0,0,0,.05);
    padding: 12px;
}
.rpv6-daytab {
    flex: 1;
    padding: 10px 8px;
    border-radius: 10px;
    border: 2px solid #e5e7eb;
    background: #fafafa;
    cursor: pointer;
    text-align: center;
    transition: all .16s;
    position: relative;
    font-family: inherit;
}
.rpv6-daytab:hover { border-color: var(--rp-color); background: #fff; }
.rpv6-daytab.active {
    background: var(--rp-color);
    border-color: var(--rp-color);
    color: #fff;
    box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.rpv6-dt-badge {
    position: absolute;
    top: 7px; right: 7px;
    background: rgba(255,255,255,.25);
    color: #fff;
    font-size: .58rem;
    font-weight: 800;
    padding: 1px 5px;
    border-radius: 20px;
    line-height: 1.4;
}
.rpv6-daytab:not(.active) .rpv6-dt-badge {
    background: var(--rp-color);
    color: #fff;
}
.rpv6-dt-sub { font-size: .6rem; font-weight: 700; text-transform: uppercase; letter-spacing: .5px; color: #9ca3af; margin-bottom: 2px; }
.rpv6-daytab.active .rpv6-dt-sub { color: rgba(255,255,255,.7); }
.rpv6-dt-name { font-size: .9rem; font-weight: 800; color: #1a1a2e; }
.rpv6-daytab.active .rpv6-dt-name { color: #fff; }
.rpv6-dt-date { font-size: .7rem; color: #6b7280; margin-top: 1px; }
.rpv6-daytab.active .rpv6-dt-date { color: rgba(255,255,255,.72); }
 
/* ─── CALENDAR GRID ─── */
.rpv6-calwrap {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 12px rgba(0,0,0,.05);
    overflow: hidden;
}
.rpv6-calhd {
    background: var(--rp-color);
    color: #fff;
    padding: 13px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    font-size: .88rem;
}
.rpv6-calhd-right {
    margin-left: auto;
    font-size: .73rem;
    font-weight: 600;
    opacity: .85;
}
.rpv6-calgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 12px;
}
@media (max-width: 1100px) { .rpv6-calgrid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 700px)  { .rpv6-calgrid { grid-template-columns: repeat(2, 1fr); } }
 
/* Ячейка */
.rpv6-cell {
    border-radius: 10px;
    border: 1.5px solid #e9ecef;
    overflow: hidden;
    transition: box-shadow .15s, transform .12s;
    position: relative;
    min-height: 80px;
    display: flex;
    flex-direction: column;
    background: #fff;
}
.rpv6-cell:hover { transform: translateY(-1px); box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.rpv6-cell.rp-busy { border-color: var(--rp-color); box-shadow: 0 2px 8px rgba(0,0,0,.08); }
.rpv6-cell.rp-now { border-color: var(--rp-color); box-shadow: 0 0 0 2.5px var(--rp-color); }
.rpv6-cell.rp-past { opacity: .42; pointer-events: none; }
 
.rpv6-cell-hd {
    background: #f8fafc;
    padding: 6px 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}
.rpv6-cell.rp-busy .rpv6-cell-hd,
.rpv6-cell.rp-now .rpv6-cell-hd { background: var(--rp-color); border-bottom-color: transparent; }
 
.rpv6-cell-time {
    font-size: .72rem;
    font-weight: 800;
    color: #374151;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rpv6-cell.rp-busy .rpv6-cell-time,
.rpv6-cell.rp-now .rpv6-cell-time { color: #fff; }
.rpv6-cell-dot { width: 6px; height: 6px; border-radius: 50%; background: #d1d5db; flex-shrink: 0; }
.rpv6-cell.rp-busy .rpv6-cell-dot { background: rgba(255,255,255,.5); }
.rpv6-cell.rp-now .rpv6-cell-dot { background: #fff; animation: rpv6-blink 1.2s infinite; }
.rpv6-live-tag {
    font-size: .52rem;
    font-weight: 900;
    background: rgba(255,255,255,.22);
    color: #fff;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: .5px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rpv6-live-tag i { font-size: .45rem; animation: rpv6-blink 1.2s infinite; }
 
.rpv6-cell-bd {
    padding: 7px 9px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rpv6-free-lbl {
    font-size: .72rem;
    font-weight: 600;
    color: #d1d5db;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rpv6-dj-name {
    font-weight: 800;
    font-size: .82rem;
    color: #1a1a2e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.rpv6-dj-name i { color: var(--rp-color); font-size: .65rem; }
.rpv6-dj-user {
    font-size: .72rem;
    color: #6b7280;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 2px;
}
.rpv6-dj-prog {
    font-size: .68rem;
    color: #9ca3af;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.rpv6-stol-y {
    display: inline-flex; align-items: center; gap: 3px;
    background: #f0fdf4; color: #16a34a;
    border: 1px solid #bbf7d0;
    font-size: .58rem; font-weight: 800;
    padding: 1px 6px; border-radius: 5px;
    margin-top: 3px; width: fit-content;
}
.rpv6-stol-n {
    display: inline-flex; align-items: center; gap: 3px;
    background: #fff0f0; color: #dc2626;
    border: 1px solid #fecaca;
    font-size: .58rem; font-weight: 800;
    padding: 1px 6px; border-radius: 5px;
    margin-top: 3px; width: fit-content;
}
.rpv6-del-btn {
    position: absolute;
    top: 5px; right: 5px;
    width: 20px; height: 20px;
    border-radius: 5px;
    background: rgba(255,255,255,.22);
    color: #fff;
    border: none;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    font-size: .58rem;
    opacity: 0;
    transition: all .15s;
    backdrop-filter: blur(3px);
}
.rpv6-cell:hover .rpv6-del-btn { opacity: 1; }
.rpv6-del-btn:hover { background: #ef4444 !important; }
 
/* Легенда */
.rpv6-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    padding: 11px 16px;
    border-top: 1px solid #f0f0f0;
    background: #fafafa;
    align-items: center;
}
.rpv6-leg-item {
    display: flex; align-items: center; gap: 5px;
    font-size: .7rem; color: #6b7280; font-weight: 600;
}
.rpv6-leg-dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }
 
/* Спиннер */
.rpv6-spinner { display: none; padding: 30px; text-align: center; }
.rpv6-spin-ring {
    width: 38px; height: 38px; border-radius: 50%;
    border: 3px solid #f0f0f0;
    border-top-color: var(--rp-color);
    animation: rpv6-spin .7s linear infinite;
    margin: 0 auto 10px;
}
 
/* Скрытые таблицы */
.rasp_table { display: none; }
 
@keyframes rpv6-spin  { to { transform: rotate(360deg); } }
@keyframes rpv6-blink { 0%,100%{opacity:1} 50%{opacity:.15} }

/* ── block-radio_dj_jquery.php (строка 3936) ── */
.dlx { font-size: 13px; color: #1f2937; }
        .dlx * { box-sizing: border-box; }
        .dlx-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
        .dlx-head-icon { width: 40px; height: 40px; border-radius: 12px; background: var(--dj); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 17px; flex: 0 0 auto; }
        .dlx-title { font-size: 17px; font-weight: 800; line-height: 1.2; display: flex; align-items: center; gap: 8px; }
        .dlx-count { padding: 1px 9px; border-radius: 999px; background: #f1f2f4; color: #6b7280; font-size: 12px; font-weight: 700; }
        .dlx-sub { font-size: 12px; color: #9ca3af; }

        .dlx-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 10px; }

        /* ---- карточка DJ ---- */
        .dlc { position: relative; background: #fff; border: 1px solid #edf0f3; border-radius: 16px; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow .15s, transform .15s; }
        .dlc:hover { box-shadow: 0 8px 22px rgba(0,0,0,.08); transform: translateY(-1px); }
        .dlc.is-on { border-color: var(--dj); box-shadow: 0 0 0 2px var(--dj); }
        .dlc-cover { position: relative; height: 64px; background: var(--dj); overflow: hidden; }
        .dlc-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .dlc-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(var(--dj-rgb), .85) 0%, rgba(var(--dj-rgb), .35) 60%, rgba(0,0,0,.05) 100%); }
        .dlc-tools { position: absolute; top: 8px; right: 8px; z-index: 2; display: flex; gap: 5px; }
        .dlc-tool { width: 28px; height: 28px; border: 0; border-radius: 8px; background: rgba(255,255,255,.9); color: #374151; display: flex; align-items: center; justify-content: center; font-size: 12px; cursor: pointer; transition: transform .15s; }
        .dlc-tool:hover { transform: scale(1.08); }
        .dlc-tool.is-del { color: #dc2626; }
        .dlc-live { position: absolute; top: 9px; left: 10px; z-index: 2; display: inline-flex; align-items: center; gap: 5px; padding: 2px 9px; border-radius: 999px; background: #fff; color: var(--dj); font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
        .dlc-live i { width: 7px; height: 7px; border-radius: 50%; background: #e53935; animation: dlc-blink 1.2s ease-in-out infinite; }
        @keyframes dlc-blink { 50% { opacity: .25; } }

        .dlc-body { padding: 0 12px 12px; display: flex; flex-direction: column; gap: 9px; flex: 1 1 auto; }
        .dlc-head { display: flex; align-items: flex-end; gap: 10px; margin-top: -28px; position: relative; z-index: 1; }
        .dlc-logo { flex: 0 0 auto; width: 64px; height: 64px; border-radius: 14px; overflow: hidden; background: #f3f4f6; box-shadow: 0 0 0 3px #fff, 0 6px 16px rgba(0,0,0,.15); display: flex; align-items: center; justify-content: center; color: #c3c8cf; font-size: 22px; }
        .dlc-logo img { width: 100%; height: 100%; object-fit: cover; display: block; }
        .dlc-id { min-width: 0; padding: 32px 0 2px; } /* ник начинается ниже края постера — не сливается с цветом DJ */
        .dlc-name { font-size: 16px; font-weight: 800; color: var(--dj); line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
        .dlc-user { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 11.5px; min-width: 0; white-space: nowrap; overflow: hidden; }
        .dlc-user a { text-decoration: none; font-weight: 700; overflow: hidden; text-overflow: ellipsis; }

        .dlc-chips,
.dlc-genres { display: flex; flex-wrap: wrap; gap: 5px; }
        .dlc-chip { display: inline-flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: 999px; background: #f5f6f8; font-size: 11px; font-weight: 600; color: #4b5563; white-space: nowrap; }
        .dlc-chip i { color: var(--dj); font-size: 10px; }
        .dlc-genre { padding: 2px 9px; border-radius: 999px; font-size: 10.5px; font-weight: 700; text-decoration: none; color: var(--dj); background: rgba(var(--dj-rgb), .08); border: 1px solid rgba(var(--dj-rgb), .22); }
        .dlc-genre:hover { background: rgba(var(--dj-rgb), .16); }
        .dlc-bio { font-size: 12px; line-height: 1.45; color: #4b5563; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; cursor: pointer; overflow-wrap: anywhere; }
        .dlc-bio.is-open { display: block; -webkit-line-clamp: unset; }
        .dlc-bio img { max-width: 100%; height: auto; }

        .dlc-actions { display: flex; gap: 6px; margin-top: auto; }
        .dlc-btn { flex: 1 1 0; display: inline-flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 8px; border-radius: 10px; border: 1.5px solid rgba(var(--dj-rgb), .35); background: #fff; color: var(--dj); font-size: 11.5px; font-weight: 800; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background .15s; }
        .dlc-btn:hover { background: rgba(var(--dj-rgb), .06); color: var(--dj); }
        .dlc-btn.is-main { background: var(--dj); border-color: var(--dj); color: #fff; }

        .dlx-empty { padding: 26px; text-align: center; color: #9ca3af; background: #fff; border: 1px dashed #e5e7eb; border-radius: 14px; }

        .dlx-help { margin-top: 10px; background: #fffbeb; border: 1px solid #fde68a; border-radius: 12px; padding: 9px 12px; font-size: 12px; color: #92400e; }
        .dlx-help > summary { cursor: pointer; font-weight: 700; list-style: none; display: flex; align-items: center; gap: 6px; }
        .dlx-help > summary::-webkit-details-marker { display: none; }
        .dlx-help p { margin: 8px 0 0; line-height: 1.5; }

        .dlx-add { margin-top: 10px; background: #fff; border: 1px solid #edf0f3; border-radius: 14px; padding: 12px; }
        .dlx-add-title { font-size: 12px; font-weight: 800; color: var(--dj); margin-bottom: 9px; display: flex; align-items: center; gap: 6px; }
        .dlx-add-row { display: flex; gap: 8px; flex-wrap: wrap; }
        .dlx-input { flex: 1 1 150px; min-width: 0; padding: 8px 11px; border-radius: 10px; border: 1.5px solid #e5e7eb; font-size: 13px; outline: none; transition: border-color .15s; }
        .dlx-input:focus { border-color: var(--dj); }
        .dlx-input.is-id { flex: 0 0 110px; }

        @media (max-width: 575.98px) {
            .dlx-grid { grid-template-columns: 1fr; }
            .dlx-input.is-id { flex: 1 1 100%; }
        }

/* ── block-radio_dj_jquery.php (строка 4196) ── */
.edx { font-size: 13px; color: #1f2937; display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 12px; align-items: start; }
            .edx * { box-sizing: border-box; }
            .edx-main { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
            .edx-head { display: flex; align-items: center; gap: 10px; }
            .edx-back { width: 34px; height: 34px; border-radius: 10px; border: 1.5px solid #e5e7eb; background: #fff; color: #374151; display: flex; align-items: center; justify-content: center; cursor: pointer; flex: 0 0 auto; }
            .edx-back:hover { border-color: var(--dj); color: var(--dj); }
            .edx-title { font-size: 16px; font-weight: 800; line-height: 1.2; }
            .edx-sub { font-size: 12px; color: #9ca3af; }

            .edx-sec { background: #fff; border: 1px solid #edf0f3; border-radius: 14px; padding: 12px; }
            .edx-sec-title { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--dj); margin-bottom: 10px; display: flex; align-items: center; gap: 6px; }
            .edx-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
            .edx-field { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
            .edx-field.is-wide { grid-column: 1 / -1; }
            .edx-label { font-size: 11.5px; font-weight: 700; color: #4b5563; }
            .edx-hint { font-size: 10.5px; color: #9ca3af; }
            .edx-control { width: 100%; padding: 8px 11px; border-radius: 10px; border: 1.5px solid #e5e7eb; background: #fff; font-size: 13px; color: #111827; outline: none; transition: border-color .15s, box-shadow .15s; }
            .edx-control:focus { border-color: var(--dj); box-shadow: 0 0 0 3px rgba(0,0,0,.04); }
            textarea.edx-control { resize: vertical; min-height: 76px; line-height: 1.45; }

            .edx-colors { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
            .edx-swatch { width: 26px; height: 26px; border-radius: 50%; border: 2px solid #fff; box-shadow: 0 0 0 1px #e5e7eb; cursor: pointer; padding: 0; }
            .edx-swatch.is-active { box-shadow: 0 0 0 2px var(--dj); }
            .edx-picker { width: 38px; height: 30px; padding: 0; border: 0; background: none; cursor: pointer; }
            .edx-code { font-family: monospace; font-size: 12px; font-weight: 700; color: #4b5563; padding: 4px 8px; border-radius: 8px; background: #f5f6f8; }

            .edx-save-bar { position: sticky; bottom: 0; z-index: 2; display: flex; gap: 8px; padding: 10px; background: rgba(255,255,255,.92); backdrop-filter: blur(8px); border: 1px solid #edf0f3; border-radius: 14px; }
            .edx-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 9px 18px; border-radius: 10px; border: 1.5px solid #e5e7eb; background: #fff; color: #374151; font-size: 13px; font-weight: 800; cursor: pointer; }
            .edx-btn.is-main { flex: 1 1 auto; background: var(--dj); border-color: var(--dj); color: #fff; }
            .edx-btn:hover { opacity: .9; }

            /* ---- живой предпросмотр карточки ---- */
            .edx-preview { position: sticky; top: 8px; }
            .edx-pv-label { font-size: 10px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #9ca3af; margin-bottom: 6px; }
            .edx-pv { border-radius: 16px; overflow: hidden; background: #fff; border: 1px solid #edf0f3; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
            .edx-pv-cover { position: relative; height: 96px; background: var(--dj); overflow: hidden; }
            .edx-pv-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
            .edx-pv-cover::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, var(--dj) 0%, transparent 85%); opacity: .85; }
            .edx-pv-body { padding: 0 12px 12px; }
            .edx-pv-head { display: flex; align-items: flex-end; gap: 10px; margin-top: -30px; position: relative; z-index: 1; }
            .edx-pv-logo { width: 64px; height: 64px; border-radius: 14px; overflow: hidden; background: #f3f4f6; box-shadow: 0 0 0 3px #fff; display: flex; align-items: center; justify-content: center; color: #c3c8cf; font-size: 22px; flex: 0 0 auto; }
            .edx-pv-logo img { width: 100%; height: 100%; object-fit: cover; }
            .edx-pv-name { font-size: 17px; font-weight: 800; color: var(--dj); line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
            .edx-pv-user { display: flex; align-items: center; gap: 6px; margin-top: 4px; font-size: 11.5px; }
            .edx-pv-genres { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 10px; }
            .edx-pv-genres span { padding: 2px 8px; border-radius: 999px; font-size: 10.5px; font-weight: 700; color: var(--dj); border: 1px solid var(--dj); }
            .edx-pv-bio { margin-top: 8px; font-size: 12px; line-height: 1.45; color: #4b5563; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 90px; overflow: hidden; }

            @media (max-width: 991.98px) {
                .edx { grid-template-columns: minmax(0, 1fr); }
                .edx-preview { position: static; order: -1; }
                .edx-pv-cover { height: 70px; }
            }
            @media (max-width: 575.98px) {
                .edx-row { grid-template-columns: minmax(0, 1fr); }
            }


/* ==========================================================================
   Пакет 2: инлайн-стили style="" из my, message, friends, members, shop, browse, блоков, shoutbox и torrenttable().
   !important повторяет приоритет инлайн-стиля. Свойства, которые меняет JS (display, width,
   height, opacity, transform, позиционирование) и которые задают утилиты Bootstrap на том же
   элементе, остались инлайн. Имя класса — хэш набора свойств, одинаковые стили делят класс.
   ========================================================================== */
.ist-7ea371 { max-width: 200px !important; }
.ist-6cd4af { color: #009688 !important; }
.ist-decf6c { max-width: 130px !important; border-radius: 12px !important; }
.ist-39ee16 { overflow: auto !important; }
.ist-c4a678 { background: #5f6368 !important; color: #fff !important; padding: 10px 16px !important; font-size: 14px !important; font-weight: 500 !important; align-items: center !important; gap: 8px !important; }
.ist-0f3719 { margin-left: auto !important; font-size: 12px !important; color: #ccc !important; }
.ist-bcd0d8 { padding: 16px !important; }
.ist-e71007 { color: #5f6368 !important; }
.ist-076120 { align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; padding: 8px 0 12px !important; border-bottom: 1px solid #f0f0f0 !important; margin-bottom: 12px !important; font-size: 14px !important; }
.ist-fdd056 { color: #5f6368 !important; font-weight: 500 !important; }
.ist-3389c8 { color: #bdbdbd !important; margin-right: 4px !important; }
.ist-8ec3be { margin-left: auto !important; color: #5f6368 !important; font-size: 13px !important; }
.ist-85414b { padding: 6px 0 !important; font-size: 13px !important; color: #5f6368 !important; border-bottom: 1px solid #f0f0f0 !important; margin-bottom: 10px !important; }
.ist-6cac12 { margin-right: 5px !important; }
.ist-96af48 { font-size: 18px !important; font-weight: 500 !important; color: #202124 !important; margin-bottom: 12px !important; }
.ist-6e872b { font-size: 14px !important; line-height: 1.65 !important; color: #202124 !important; padding: 8px 0 16px !important; }
.ist-aff542 { padding: 8px 0 !important; border-top: 1px solid #f0f0f0 !important; }
.ist-cdb7ad { align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; padding-top: 12px !important; border-top: 1px solid #f0f0f0 !important; }
.ist-4845f1 { background: #f8f9fa !important; padding: 8px 16px !important; border-top: 1px solid #e0e0e0 !important; text-align: right !important; font-size: 12px !important; color: #9aa0a6 !important; }
.ist-f0bfae { color: #9aa0a6 !important; margin-left: 8px !important; }
.ist-2fd322 { align-items: center !important; gap: 6px !important; }
.ist-8ee445 { color: #9aa0a6 !important; }
.ist-e975b5 { margin-right: 3px !important; font-size: 10px !important; }
.ist-dfa105 { font-size: 11px !important; font-weight: 400 !important; }
.ist-1809d7 { font-size: 11px !important; color: #9aa0a6 !important; }
.ist-622dd3 { color: #dadce0 !important; }
.ist-e4ccaa { font-size: 11px !important; color: #bdbdbd !important; }
.ist-cbba6f { color: #1a73e8 !important; }
.ist-249618 { color: #bdbdbd !important; }
.ist-aa283c { margin-left: auto !important; gap: 6px !important; flex-wrap: wrap !important; }
.ist-cb2acb { margin-right: 4px !important; color: #bdbdbd !important; }
.ist-9b2237 { margin-left: auto !important; }
.ist-883bb1 { padding: 8px 20px !important; border-bottom: 1px solid #f0f0f0 !important; font-size: 13px !important; color: #5f6368 !important; }
.ist-1c93f1 { padding: 10px 20px !important; border-top: 1px solid #f0f0f0 !important; }
.ist-ff0ef1 { padding: 12px 20px !important; border-top: 1px solid #f0f0f0 !important; }
.ist-1243f3 { font-size: 13px !important; color: #5f6368 !important; margin-right: 8px !important; }
.ist-ee8b3d { font-size: 13px !important; color: #9aa0a6 !important; margin-right: 8px !important; }
.ist-ca4511 { border: 1px solid #dadce0 !important; border-radius: 4px !important; padding: 3px 6px !important; }
.ist-0f45f6 { margin: 8px !important; }
.ist-43b19d { padding: 8px 20px !important; font-size: 13px !important; color: #5f6368 !important; border-bottom: 1px solid #f0f0f0 !important; }
.ist-a2322c { padding: 8px 16px !important; border-bottom: 1px solid #e0e0e0 !important; }
.ist-28d19f { padding: 0 20px 16px !important; }
.ist-45ec9d { font-size: 12px !important; color: #9aa0a6 !important; }
.ist-92e006 { padding: 12px 20px !important; border-top: 1px solid #e0e0e0 !important; }
.ist-ea819b { flex: 1 !important; border: 1px solid #dadce0 !important; border-radius: 4px !important; padding: 6px 10px !important; font-size: 14px !important; outline: none !important; }
.ist-6319b3 { margin-left: 16px !important; }
.ist-49b4b7 { padding: 10px 16px !important; border-bottom: 1px solid #f0f0f0 !important; }
.ist-d7f5b3 { padding: 10px 16px !important; }
.ist-987493 { border-top: 1px solid #f0f0f0 !important; padding: 10px 16px !important; }
.ist-dffcab { flex: 1 !important; flex-direction: column !important; gap: 6px !important; }
.ist-f57f2f { border: 1px solid #dadce0 !important; border-radius: 4px !important; padding: 5px 10px !important; font-size: 14px !important; }
.ist-872065 { align-items: center !important; justify-content: space-between !important; padding: 12px 16px !important; border-bottom: 1px solid #e0e0e0 !important; background: #fff !important; }
.ist-33a341 { font-size: 16px !important; font-weight: 500 !important; color: #202124 !important; align-items: center !important; gap: 8px !important; }
.ist-5323a6 { align-items: center !important; gap: 8px !important; }
.ist-3274ba { color: #1a73e8 !important; font-size: 12px !important; }
.ist-6cd0f7 { color: #5f6368 !important; font-size: 12px !important; }
.ist-c8f54c { padding: 6px 16px !important; font-size: 13px !important; color: #5f6368 !important; border-bottom: 1px solid #f0f0f0 !important; gap: 8px !important; }
.ist-899523 { padding: 8px 16px !important; font-size: 14px !important; font-weight: 500 !important; color: #202124 !important; border-bottom: 1px solid #f0f0f0 !important; }
.ist-7d4094 { color: #bdbdbd !important; margin-right: 5px !important; font-size: 12px !important; }
.ist-68d89b { margin-right: 4px !important; }
.ist-0c6af0 { font-size: .72rem !important; font-weight: 400 !important; color: #9ca3af !important; margin-left: 8px !important; }
.ist-3bc911 { background: #fef9c3 !important; color: #713f12 !important; }
.ist-b25562 { color: #6366f1 !important; font-weight: 700 !important; }
.ist-ee9d68 { color: #d1d5db !important; }
.ist-417556 { margin: 0px !important; padding: 0px !important; }
.ist-ce71a4 { float: right !important; shape-outside: content-box !important; }
.ist-f12b9a { color: #adb5bd !important; }
.ist-d13a16 { padding: 13px !important; }
.ist-b47dbb { padding: 6px !important; }
.ist-8668d5 { color: #999 !important; }
.ist-ad79ee { animation-delay: 0.2s !important; animation-name: fadeInUp !important; }
.ist-281c90 { color: #2e7d32 !important; font-size: 10px !important; }
.ist-355608 { color: #b71c1c !important; font-size: 10px !important; }
.ist-6d05ad { color: #156b3a !important; }
.ist-33eee8 { color: #a82222 !important; }
.ist-d59efb { border-right: none !important; }
.ist-83dc8b { color: #ccc !important; font-size: 11px !important; }
.ist-c9af8b { color: #1a7f4b !important; font-weight: 600 !important; }
.ist-bc3645 { color: var(--dj) !important; }
.ist-8ddd12 { position: absolute !important; pointer-events: none !important; }
.ist-8137e0 { color: var(--dj-color) !important; font-size: .8rem !important; }
.ist-7a06e7 { color: #1a1a2e !important; }
.ist-ef7f67 { color: var(--dj-color) !important; }
.ist-c6ab9b { text-decoration: none !important; }
.ist-3008be { color: #22c55e !important; }
.ist-c50dc2 { padding: 14px 16px !important; }
.ist-c78c08 { flex-direction: column !important; gap: 9px !important; }
.ist-b6a430 { background: var(--rp-color) !important; }
.ist-7c49d7 { background: #fff !important; border: 2.5px solid var(--rp-color) !important; box-shadow: 0 0 0 1px var(--rp-color) !important; }
.ist-867352 { background: #f3f4f6 !important; border: 1.5px solid #e9ecef !important; }
.ist-ede142 { background: #e5e7eb !important; }
.ist-32aafb { font-size: .55rem !important; margin-right: 2px !important; }
.ist-dac0da { font-size: .5rem !important; }
.ist-7f6fb0 { font-size: .8rem !important; }
.ist-2c4830 { margin-left: auto !important; color: #9ca3af !important; }
.ist-456c99 { font-size: .78rem !important; color: #9ca3af !important; font-weight: 700 !important; }
.ist-08759b { flex: 0 0 auto !important; padding: 8px 16px !important; }
.ist-21970e { min-width: 0 !important; padding: 34px 0 2px !important; }
.ist-019b32 { position: relative !important; }
.ist-5b61b6 { max-width: 50px !important; }

/* ── torrenttable(): копия CSS из include/functions_torrents.php (функция печатает его и сама) — чтобы таблица была оформлена в любом случае ── */
.tv-wrap{margin-bottom:8px}
.tv-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:6px 8px}
.tv-filter{flex:1 1 220px;min-width:160px}
.tv-filter-input{width:100%;height:30px;border:1px solid #e1e4e8;border-radius:8px;padding:0 11px;font-size:13px;background:#f8f9fa}
.tv-filter-input:focus{outline:0;border-color:var(--mdb-primary,var(--bs-primary,#1971c2));background:#fff}
.tv-sortbox{display:inline-flex;align-items:center;gap:6px}
.tv-sortdd{height:30px;border:1px solid #e1e4e8;border-radius:8px;padding:0 8px;font-size:13px;background:#f8f9fa;color:#495057}
.tv-selectall{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#6c757d;margin:0;cursor:pointer}
.tv-modeswitch{display:inline-flex;background:#f1f3f5;border-radius:8px;padding:2px;gap:2px}
.tv-modebtn{border:0;background:0;color:#6c757d;height:26px;padding:0 9px;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.tv-modebtn.active{background:#fff;color:#1a1d21;box-shadow:0 1px 2px rgba(0,0,0,.08);font-weight:600}
.tv-count{font-size:12px;color:#6c757d;white-space:nowrap}
.tv-toolbar .tv-count:last-child{margin-left:auto}

td.tv-td{padding:0!important;border:0!important;background:0!important;box-shadow:none!important}
tr.tv-daysep>td{background:#fff!important;border:0!important;padding:12px 12px 5px!important}
.tv-daysep-inner{display:flex;align-items:center;gap:8px;font-size:12.5px}
.tv-daysep-pill{background:#f1f3f5;border-radius:20px;padding:2px 11px;font-weight:600}
.tv-daysep-pill a{color:#343a40;text-decoration:none}
.tv-daysep-ago,.tv-daysep-ago a{color:#6c757d;font-size:12px;text-decoration:none}
tr.torheades>td.tv-headtd{position:sticky;top:0;z-index:6}

.tv-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 12px 8px 9px;background:#fff;border-bottom:1px solid #f1f3f5;border-left:3px solid transparent;content-visibility:auto;contain-intrinsic-size:auto 124px}
.tv-row.tv-head{display:none;content-visibility:visible;background:#f8f9fa;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;padding-top:4px;padding-bottom:4px;font-size:10px;line-height:18px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#6c757d}
.tv-head a{color:inherit;text-decoration:none}
.tv-head .tv-c{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-align:center;line-height:18px}
.tv-head .tv-c-main,.tv-head .tv-c-score,.tv-head .tv-c-who{justify-content:flex-start;text-align:left}
.tv-row.tv-state-new{border-left-color:#40c057}
.tv-row.tv-state-sticky{border-left-color:#f59f00}
.tv-row.tv-state-banned{border-left-color:#e03131;background:#fff8f8}

.tv-row:focus-within{content-visibility:visible;z-index:5}
.tv-c{min-width:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;color:#495057;font-variant-numeric:tabular-nums}
.tv-c-poster{flex:0 0 54px}
.tv-c-main{display:block;flex:1 1 calc(100% - 66px);text-align:left}
.tv-c-main+.tv-c{margin-left:64px}
.tv-c-score,.tv-c-who{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
.tv-c-swarm{flex-direction:column;align-items:stretch;justify-content:center;min-width:96px;text-align:center}
.tv-c-act{justify-content:flex-end}
.tv-sr{display:flex;align-items:center;gap:6px;white-space:nowrap}
.tv-sl{width:30px;font-size:10px;font-weight:700;letter-spacing:.03em;color:#868e96;text-transform:uppercase}
.tv-who-n{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tv-who-n a{color:#343a40;text-decoration:none}
.tv-ago{font-size:11px;color:#6c757d;text-decoration:none;white-space:nowrap}
.tv-bar{display:block;height:3px;margin-top:3px;border-radius:2px;background:#ffc9c9;overflow:hidden}
.tv-bar.is-empty{background:#e9ecef}
.tv-bar i{display:block;height:100%;background:#40c057}

.tv-sz{display:flex;justify-content:center;margin-top:5px}
.tv-sz .tv-dl-btn{width:100%;justify-content:center}
.tv-c-who .tv-actions{margin-top:3px}
.tv-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0}
.tv-sub-line{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:3px;min-width:0}
.tv-cat{font-size:10.5px;font-weight:600;color:#6c757d;background:#f1f3f5;border-radius:5px;padding:0 7px;line-height:18px;white-space:nowrap}
.tv-cat a{color:inherit;text-decoration:none}
.tv-stats{display:inline-flex;flex-wrap:wrap;gap:2px 10px;font-size:11.5px;color:#6c757d}
.tv-stats span{display:inline-flex;align-items:center;gap:4px}
.tv-stats a{color:inherit;text-decoration:none}
.tv-tags-line{flex:1 1 120px;min-width:0;max-height:20px;overflow:hidden}

.tv-avatars{width:100%;height:100%;object-fit:cover;display:block}
.tv-poster picture,.tv-card-poster picture{display:block;width:100%;height:100%}
.tv-poster{display:block;width:54px;height:76px;border-radius:8px;overflow:hidden;background:#f1f3f5}

.tv-t0 {font-weight:600;color:#1a1d21;text-decoration:none}
.tv-t0{font-size:14px;line-height:1.28;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

.tv-row .prv_click{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-left:6px;border-radius:50%;background:#f1f3f5;color:#6c757d;font-size:10px;cursor:pointer}

.tv-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:0 6px;line-height:17px;border-radius:5px;margin-right:4px;vertical-align:middle}
.tv-badge-new{background:#ebfbee;color:#2b8a3e}
.tv-badge-sticky{background:#fff4d6;color:#b35c00}
.tv-badge-banned{background:#ffe3e3;color:#c92a2a}
.tv-badge-free{background:#fff4d6;color:#b35c00}
.tv-badge-vip{background:#efeaff;color:#5f3dc4}

.tv-tag{display:inline-block;font-size:11px;background:#f1f3f5;color:#495057;padding:0 7px;line-height:18px;border-radius:9px;margin:0 3px 2px 0;text-decoration:none}
.tv-tag.tg_active{background:#e7f5ff;color:#1971c2}

.tv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.tv-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:0;padding:0;border-radius:7px;background:#f1f3f5;color:#6c757d;text-decoration:none;font-size:12px;cursor:pointer}
.tv-btn-icon.is-active{background:#e7f5ff;color:#1971c2}

.tv-dl-btn{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--mdb-primary,var(--bs-primary,#1971c2));background:#fff;border:1px solid var(--mdb-primary,var(--bs-primary,#1971c2));text-decoration:none;padding:0 9px;line-height:22px;border-radius:7px;white-space:nowrap}
.tv-dl-btn.is-disabled{color:#adb5bd;background:#f8f9fa;border-color:#e9ecef;pointer-events:none}
.tv-rating{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:19px;padding:0 6px;border-radius:9px;background:#f1f3f5;font-size:11.5px;font-weight:700;text-decoration:none}
.tv-peers{font-size:12px;font-weight:700;white-space:nowrap}
.tv-peers .up{color:#2b8a3e}
.tv-peers .down{color:#c92a2a}
.tv-owner a{color:#343a40;text-decoration:none;font-weight:600}
.tv-cb{accent-color:var(--mdb-primary,var(--bs-primary,#1971c2));width:16px;height:16px;cursor:pointer}

.tv-grid-wrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;padding:6px 0}
.tv-card-title{font-weight:600;color:#1a1d21;text-decoration:none}
.tv-card-title{font-size:13px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tv-card{background:#fff;border:1px solid #e9ecef;border-left-width:3px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;content-visibility:auto;contain-intrinsic-size:auto 370px}
.tv-card.tv-state-new{border-left-color:#40c057}
.tv-card.tv-state-sticky{border-left-color:#f59f00}
.tv-card.tv-state-banned{border-left-color:#e03131}
.tv-card-poster{position:relative;display:block;width:100%;aspect-ratio:3/4;background:#f1f3f5;overflow:hidden}
.tv-card-poster .tv-card-badges{position:absolute;top:6px;left:6px;display:flex;flex-wrap:wrap;gap:3px}
.tv-card-poster .tv-card-cat{position:absolute;top:6px;right:6px;background:#fff;border-radius:5px;padding:0 7px;line-height:18px;font-size:10.5px;font-weight:600;color:#495057}
.tv-card-body{padding:8px 10px 9px;display:flex;flex-direction:column;gap:6px;flex:1}
.tv-card-tags{max-height:40px;overflow:hidden}
.tv-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;font-size:11.5px;color:#6c757d}
.tv-card-meta span{display:inline-flex;align-items:center;gap:4px}
.tv-card-meta a{color:inherit;text-decoration:none}
.tv-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid #f1f3f5}

.tv-card-title:focus-visible, .tv-modebtn:focus-visible, .tv-btn-icon:focus-visible, .tv-dl-btn:focus-visible, .tv-tag:focus-visible, .tv-t0:focus-visible, .tv-sortdd:focus-visible, .tv-tile-img:focus-visible, .tv-tile-title:focus-visible {outline:2px solid var(--mdb-primary,var(--bs-primary,#1971c2));outline-offset:2px}

.tv-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:12px 10px;padding:6px 0}
.tv-tile{position:relative;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 240px}
.tv-tile-cover{position:relative;aspect-ratio:2/3;border-radius:9px;overflow:hidden;background:#f1f3f5;border:2px solid transparent}
.tv-tile.tv-state-new .tv-tile-cover{border-color:#40c057}
.tv-tile.tv-state-sticky .tv-tile-cover{border-color:#f59f00}
.tv-tile.tv-state-banned .tv-tile-cover{border-color:#e03131}
.tv-tile-img{display:block;width:100%;height:100%}
.tv-tile-badges{position:absolute;top:4px;left:4px;display:flex;flex-wrap:wrap;gap:3px;pointer-events:none}
.tv-tile .tv-badge{font-size:0;margin:0;padding:0 5px}
.tv-tile .tv-badge i{font-size:10px}
.tv-tile-chk{position:absolute;top:4px;right:4px;z-index:2;background:#fff;border-radius:5px;padding:3px;line-height:0}
.tv-tile-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px;font-size:12px;line-height:1.25;font-weight:600;color:#1a1d21;text-decoration:none}
.tv-tile-info{display:none;position:absolute;left:0;right:0;bottom:0;padding:6px 7px 7px;background:rgba(255,255,255,.97);border-top:1px solid #e9ecef;font-size:11px;line-height:1.3;color:#495057;pointer-events:none}
.tv-tile-info a{pointer-events:auto;color:inherit;text-decoration:none}
.tv-ti{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:3px}
.tv-ti:first-child{margin-top:0}
.tv-ti .tv-sr{gap:4px}
.tv-ti .tv-sl{width:auto}
.tv-ti-who{margin-top:4px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-tile-info .tv-ago{display:block;margin-top:1px}
.tv-flow{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:6px 0}
.tv-dg{flex:0 1 auto;box-sizing:border-box;max-width:100%;background:#fafbfc;border:1px solid #e9ecef;border-radius:12px;padding:6px 8px 8px}
.tv-dg-head{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:6px;font-size:12px;line-height:18px}
.tv-dg-date{font-weight:700;color:#343a40;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tv-dg-sub{display:none;min-width:0;color:#6c757d;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tv-dg-wide .tv-dg-sub{display:block}
.tv-dg-n{flex:none;margin-left:auto;padding:0 7px;border-radius:9px;background:#eef0f2;color:#6c757d;font-size:10.5px;font-weight:700}
.tv-dg .tv-tiles,.tv-dg .tv-grid-wrap{padding:0}
@media(min-width:992px){
.tv-row{display:grid;column-gap:10px;padding-top:7px;padding-bottom:7px;contain-intrinsic-size:auto 110px}
.tv-row.tv-head{display:grid}
.tv-c-main{flex:none}
.tv-c-main+.tv-c{margin-left:0}
.tv-head .tv-c-main{justify-content:flex-start}
.tv-c-poster{flex:none}
.tv-poster{width:66px;height:75px}
}
@media(hover:hover){
.tv-row:hover{background:#f8f9fb}
.tv-row.tv-head:hover{background:#f8f9fa}
.tv-row.tv-state-banned:hover{background:#fff8f8}
.tv-card-title:hover, .tv-t0:hover, .tv-head a:hover, .tv-owner a:hover, .tv-stats a:hover, .tv-who-n a:hover {color:var(--mdb-primary,var(--bs-primary,#1971c2))}
.tv-t0:hover{text-decoration:underline}
.tv-tag:hover{background:#e7f5ff;color:#1971c2}
.tv-btn-icon:hover,.tv-row .prv_click:hover{background:var(--mdb-primary,var(--bs-primary,#1971c2));color:#fff}
.tv-dl-btn:hover{background:var(--mdb-primary,var(--bs-primary,#1971c2));color:#fff}
.tv-modebtn:hover{background:#e9ecef;color:#343a40}
.tv-card:hover{border-color:#adb5bd}
.tv-card.tv-state-new:hover{border-left-color:#40c057}
.tv-tile:hover .tv-tile-info,.tv-tile:focus-within .tv-tile-info{display:block}
.tv-tile-title:hover{color:var(--mdb-primary,var(--bs-primary,#1971c2))}
.tv-dg-date:hover{color:var(--mdb-primary,var(--bs-primary,#1971c2))}
.tv-row .tv-btn-icon:not(.is-active){opacity:0}
.tv-row:hover .tv-btn-icon,.tv-row:focus-within .tv-btn-icon{opacity:1}
}
@media(hover:none){
.tv-tile-info{display:block;position:static;margin-top:3px;padding:0;background:0;border:0;pointer-events:auto}
.tv-ti-who,.tv-tile-info .tv-ago{display:none}
}
@media(max-width:576px){
.tv-grid-wrap{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tv-tiles{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px 8px}
.tv-btn-icon{width:32px;height:32px}
}

/* ==========================================================================
   Пакет 3: стили страниц upload.php, edit.php, pictedit.php (через data-page) и их инлайн-стили.
   Условные блоки <style> перенесены, только если их разметка печатается под тем же условием.
   ========================================================================== */

/* ── upload.php (строка 528) ── */
:where([data-page="upload"]) .wrapper {
  display: block;
  margin: 0 auto;
  /*width: 1000px;*/
}

:where([data-page="upload"]) .tfield {
  border: 1px solid #999;
  padding: 15px;
  font-size: 18px;
  border-radius: 5px;
  float: left;
}
:where([data-page="upload"]) .browse {
  float: left;
  background: #333;
  width: 150px;
  text-align: center;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
  margin: 0 0 0 5px;
  text-decoration: none;
}


:where([data-page="upload"]) .validate {
 float: left;
  display: inline-block;
  background: #007ab4;
  text-align: center;
  padding: 15px 25px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  margin: 20px 0 0 0;
}

:where([data-page="upload"]) .validate:hover {
  background: #135E82;
}

/* ── upload.php (строка 633) ── */
:where([data-page="upload"]) .te-upload-submit {
    margin-left:auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#2563eb;
    color:#fff;
    border:none;
    border-radius:10px;
    padding:9px 22px;
    font-size:.84rem;
    font-weight:700;
    cursor:pointer;
    white-space:nowrap;
    font-family:'Outfit',sans-serif;
    flex-shrink:0;
    transition:all .2s ease;
    box-shadow:0 2px 8px rgba(37,99,235,.3);
}
:where([data-page="upload"]) .te-upload-submit:hover { background:#1d4ed8; box-shadow:0 4px 14px rgba(37,99,235,.4); transform:translateY(-1px); }

/* ── upload.php (строка 952) ── */
:where([data-page="upload"]) .te-tpl-btn {
    display:flex;flex-direction:column;align-items:center;gap:8px;
    padding:14px 10px;border:1.5px solid #e2e8f0;border-radius:12px;
    background:#fff;cursor:pointer;font-family:'Outfit',sans-serif;
    font-size:.82rem;font-weight:600;color:#334155;
    transition:all .2s ease;
}
:where([data-page="upload"]) .te-tpl-btn:hover {
    border-color:#2563eb;background:#eff6ff;color:#1d4ed8;
    transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,99,235,.12);
}
:where([data-page="upload"]) .te-tpl-icon {
    width:36px;height:36px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;font-size:1rem;
}

/* ── upload.php (строка 1522) ── */
:where([data-page="upload"]) .te-step-nav {
    position: sticky;
    bottom: 0;
    z-index: 100;
    background: #fff;
    border-top: 1.5px solid #e2e8f0;
    box-shadow: 0 -4px 24px rgba(0,0,0,.07);
    padding: 12px 0;
    margin-top: 24px;
}
 
:where([data-page="upload"]) .te-step-nav-inner {
    max-width: 980px;
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
 
:where([data-page="upload"]) .te-step-nav-label {
    font-family: 'Outfit', sans-serif;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #94a3b8;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
 
:where([data-page="upload"]) .te-step-btns {
    display: flex;
    gap: 4px;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
}
 
:where([data-page="upload"]) .te-step-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: .8rem;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all .18s ease;
    white-space: nowrap;
    position: relative;
}
 
:where([data-page="upload"]) .te-step-btn:hover {
    border-color: #2563eb;
    color: #2563eb;
    background: #eff6ff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(37,99,235,.12);
}
 
:where([data-page="upload"]) .te-step-btn.te-step-active {
    border-color: #2563eb;
    background: #2563eb;
    color: #fff;
    box-shadow: 0 3px 10px rgba(37,99,235,.25);
}
 
:where([data-page="upload"]) .te-step-btn.te-step-active:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
}
 
:where([data-page="upload"]) .te-step-btn.te-step-done {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #16a34a;
}
 
:where([data-page="upload"]) .te-step-btn.te-step-done::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background: #16a34a;
    border: 2px solid #fff;
    border-radius: 50%;
}
 
:where([data-page="upload"]) .te-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f1f5f9;
    font-size: .68rem;
    font-weight: 700;
    color: #64748b;
    flex-shrink: 0;
    transition: all .18s;
}
 
:where([data-page="upload"]) .te-step-btn.te-step-active .te-step-num {
    background: rgba(255,255,255,.25);
    color: #fff;
}
 
:where([data-page="upload"]) .te-step-btn.te-step-done .te-step-num {
    background: #dcfce7;
    color: #16a34a;
}
 
:where([data-page="upload"]) .te-step-text {
    display: inline;
}
 
:where([data-page="upload"]) .te-step-arrows {
    display: flex;
    gap: 6px;
    margin-left: auto;
    flex-shrink: 0;
}
 
:where([data-page="upload"]) .te-step-arrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: .82rem;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    transition: all .18s ease;
    white-space: nowrap;
}
 
:where([data-page="upload"]) .te-step-arrow:hover {
    border-color: #94a3b8;
    color: #0f172a;
    background: #f8fafc;
}
 
:where([data-page="upload"]) .te-step-arrow:disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}
 
:where([data-page="upload"]) .te-step-arrow-next {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 2px 8px rgba(37,99,235,.25);
}
 
:where([data-page="upload"]) .te-step-arrow-next:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
    box-shadow: 0 4px 14px rgba(37,99,235,.35);
}
 
@media (max-width: 640px) {
    :where([data-page="upload"]) .te-step-text { display: none; }
    :where([data-page="upload"]) .te-step-btn { padding: 7px 10px; }
    :where([data-page="upload"]) .te-step-nav-label { display: none; }
    :where([data-page="upload"]) .te-step-arrows span { display: none; }
    :where([data-page="upload"]) .te-step-arrow { padding: 7px 12px; }
}

/* ── upload.php (строка 1855) ── */
:where([data-page="upload"]) .focused {
        border-color: #2563eb !important;
        border-width: 2px !important;
        box-shadow: 0 0 0 3.5px rgba(37,99,235,.12) !important;
        transition: all .18s ease !important;
    }

/* ── edit.php (строка 266) ── */
:where([data-page="edit"]) .wrapper {
  display: block;
  margin: 0 auto;
  /*width: 1000px;*/
}


:where([data-page="edit"]) span.fal.fa-cloud-upload {
    font-size: 35px;
    color: #CCC;
}

:where([data-page="edit"]) .settings-section {margin-bottom: 15px;font-size: 16px;font-weight: bold;}
:where([data-page="edit"]) .settings-main-items { background-color: #f8f9fa; padding: 15px; }
:where([data-page="edit"]) .settings-main li.is-active { display: block; }

/* ── edit.php (строка 354) ── */
:where([data-page="edit"]) .nav-tabs .nav-link {
    color: #495057;
    background-color: #f8f9fa;
    border-bottom: 3px solid transparent;
  }
  :where([data-page="edit"]) .nav-tabs .nav-link:hover {
    color: #0d6efd;
    background-color: #e9ecef;
    border-bottom-color: #0d6efd;
  }
  :where([data-page="edit"]) .nav-tabs .nav-link.active {
    color: #0d6efd;
    background-color: #fff;
    border-bottom-color: #0d6efd;
    font-weight: 600;
  }

/* ── edit.php (строка 400) ── */
:where([data-page="edit"]) .uc-wrap {background:#fff;border:1px solid #e8eaed;border-radius:16px;overflow:hidden;margin-bottom:24px;box-shadow:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);}
:where([data-page="edit"]) .uc-top {display:flex;align-items:center;gap:14px;padding:22px 24px 0;}
:where([data-page="edit"]) .uc-title-row {display:flex;align-items:center;gap:14px;flex:1;}
:where([data-page="edit"]) .uc-badge {width:40px;height:40px;min-width:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
:where([data-page="edit"]) .uc-label {font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-bottom:2px;}
:where([data-page="edit"]) .uc-name {font-size:17px;font-weight:500;color:#111827;line-height:1.25;}
:where([data-page="edit"]) .uc-link {color:#111827;text-decoration:none;transition:color .15s;}
:where([data-page="edit"]) .uc-link:hover {color:#f59e0b;}
:where([data-page="edit"]) .uc-chip {background:#f3f4f6;border-radius:8px;padding:5px 12px;font-size:12px;color:#6b7280;white-space:nowrap;}
:where([data-page="edit"]) .uc-divider {height:1px;background:#f3f4f6;margin-top:18px;}

/* ── edit.php (строка 1721) ── */
:where([data-page="edit"]) .te-step-nav {
    position: sticky;
    bottom: 0;
    z-index: 100;
    background: #fff;
    border-top: 1.5px solid #e2e8f0;
    box-shadow: 0 -4px 24px rgba(0,0,0,.07);
    padding: 12px 0;
    margin-top: 24px;
}
 
:where([data-page="edit"]) .te-step-nav-inner {
    /*max-width: 980px;*/
    margin: 0 auto;
    padding: 0 10px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
 
:where([data-page="edit"]) .te-step-nav-label {
    font-family: 'Outfit', sans-serif;
    font-size: .72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #94a3b8;
    white-space: nowrap;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 6px;
}
 
:where([data-page="edit"]) .te-step-btns {
    display: flex;
    gap: 4px;
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
}
 
:where([data-page="edit"]) .te-step-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: .8rem;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all .18s ease;
    white-space: nowrap;
    position: relative;
}
 
:where([data-page="edit"]) .te-step-btn:hover {
    border-color: #2563eb;
    color: #2563eb;
    background: #eff6ff;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(37,99,235,.12);
}
 
:where([data-page="edit"]) .te-step-btn.te-step-active {
    border-color: #2563eb;
    background: #2563eb;
    color: #fff;
    box-shadow: 0 3px 10px rgba(37,99,235,.25);
}
 
:where([data-page="edit"]) .te-step-btn.te-step-active:hover {
    background: #1d4ed8;
    transform: translateY(-1px);
}
 
:where([data-page="edit"]) .te-step-btn.te-step-done {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #16a34a;
}
 
:where([data-page="edit"]) .te-step-btn.te-step-done::after {
    content: '';
    position: absolute;
    top: -5px;
    right: -5px;
    width: 10px;
    height: 10px;
    background: #16a34a;
    border: 2px solid #fff;
    border-radius: 50%;
}
 
:where([data-page="edit"]) .te-step-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #f1f5f9;
    font-size: .68rem;
    font-weight: 700;
    color: #64748b;
    flex-shrink: 0;
    transition: all .18s;
}
 
:where([data-page="edit"]) .te-step-btn.te-step-active .te-step-num {
    background: rgba(255,255,255,.25);
    color: #fff;
}
 
:where([data-page="edit"]) .te-step-btn.te-step-done .te-step-num {
    background: #dcfce7;
    color: #16a34a;
}
 
:where([data-page="edit"]) .te-step-text {
    display: inline;
}
 
:where([data-page="edit"]) .te-step-arrows {
    display: flex;
    gap: 6px;
    margin-left: auto;
    flex-shrink: 0;
}
 
:where([data-page="edit"]) .te-step-arrow {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 9px;
    background: #fff;
    font-family: 'Outfit', sans-serif;
    font-size: .82rem;
    font-weight: 700;
    color: #475569;
    cursor: pointer;
    transition: all .18s ease;
    white-space: nowrap;
}
 
:where([data-page="edit"]) .te-step-arrow:hover {
    border-color: #94a3b8;
    color: #0f172a;
    background: #f8fafc;
}
 
:where([data-page="edit"]) .te-step-arrow:disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}
 
:where([data-page="edit"]) .te-step-arrow-next {
    background: #2563eb;
    border-color: #2563eb;
    color: #fff;
    box-shadow: 0 2px 8px rgba(37,99,235,.25);
}
 
:where([data-page="edit"]) .te-step-arrow-next:hover {
    background: #1d4ed8;
    border-color: #1d4ed8;
    color: #fff;
    box-shadow: 0 4px 14px rgba(37,99,235,.35);
}
 
@media (max-width: 640px) {
    :where([data-page="edit"]) .te-step-text { display: none; }
    :where([data-page="edit"]) .te-step-btn { padding: 7px 10px; }
    :where([data-page="edit"]) .te-step-nav-label { display: none; }
    :where([data-page="edit"]) .te-step-arrows span { display: none; }
    :where([data-page="edit"]) .te-step-arrow { padding: 7px 12px; }
}

/* ── pictedit.php (строка 157) ── */
/* ═══════════════════════════════════════════════
           PICTEDIT — Clean White UI  |  Bootstrap 5 + MDB5
           ═══════════════════════════════════════════════ */

        :root:where([data-page="pictedit"]) {
            --pe-white:        #ffffff;
            --pe-bg:           #f5f6f8;
            --pe-border:       #e3e6ea;
            --pe-border-light: #eef0f3;
            --pe-text:         #1a1d23;
            --pe-muted:        #6c757d;
            --pe-accent:       #2563eb;
            --pe-accent-soft:  #eff4ff;
            --pe-danger:       #dc3545;
            --pe-danger-soft:  #fff5f5;
            --pe-success:      #198754;
            --pe-success-soft: #f0faf5;
            --pe-warning:      #e67e22;
            --pe-warning-soft: #fff8f0;
            --pe-shadow-xs:    0 1px 3px rgba(0,0,0,.06);
            --pe-shadow-sm:    0 2px 8px rgba(0,0,0,.08);
            --pe-shadow-md:    0 4px 16px rgba(0,0,0,.10);
            --pe-radius:       10px;
            --pe-radius-sm:    6px;
            --pe-radius-lg:    14px;
            --pe-font:         'DM Sans', system-ui, sans-serif;
            --pe-mono:         'JetBrains Mono', 'Fira Code', monospace;
        }

        /* — Base — */
        :where([data-page="pictedit"]) body { background: var(--pe-bg); font-family: var(--pe-font); color: var(--pe-text); }

        /* — Page wrapper — */
        :where([data-page="pictedit"]) .pe-page-wrap {

            margin: 0 auto;
            padding: 24px 16px 48px;
        }

        /* — Page title — */
        :where([data-page="pictedit"]) .pe-page-title {
            font-size: 1.15rem;
            font-weight: 700;
            color: var(--pe-text);
            letter-spacing: -.3px;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        :where([data-page="pictedit"]) .pe-page-title i { color: var(--pe-accent); font-size: 1rem; }

        /* — Card shell — */
        :where([data-page="pictedit"]) .pe-card {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-lg);
            box-shadow: var(--pe-shadow-sm);
            overflow: hidden;
            margin-bottom: 20px;
        }
        :where([data-page="pictedit"]) .pe-card-header {
            padding: 14px 20px;
            border-bottom: 1px solid var(--pe-border-light);
            background: var(--pe-white);
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: .82rem;
            font-weight: 600;
            color: var(--pe-muted);
            text-transform: uppercase;
            letter-spacing: .6px;
        }
        :where([data-page="pictedit"]) .pe-card-header i { font-size: .85rem; color: var(--pe-accent); }
        :where([data-page="pictedit"]) .pe-card-body { padding: 20px; }

        /* — Tab navigation — */
        :where([data-page="pictedit"]) .pe-tabs {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-lg);
            box-shadow: var(--pe-shadow-xs);
            display: flex;
            overflow: hidden;
            margin-bottom: 20px;
        }
        :where([data-page="pictedit"]) .pe-tab-item {
            flex: 1;
            display: block;
            text-decoration: none !important;
            padding: 14px 10px;
            text-align: center;
            font-size: .825rem;
            font-weight: 500;
            color: var(--pe-muted);
            border-right: 1px solid var(--pe-border-light);
            transition: background .18s, color .18s;
            position: relative;
        }
        :where([data-page="pictedit"]) .pe-tab-item:last-child { border-right: none; }
        :where([data-page="pictedit"]) .pe-tab-item i { display: block; font-size: 1rem; margin-bottom: 4px; color: inherit; }
        :where([data-page="pictedit"]) .pe-tab-item:hover { background: var(--pe-bg); color: var(--pe-accent); }
        :where([data-page="pictedit"]) .pe-tab-item.active {
            background: var(--pe-accent-soft);
            color: var(--pe-accent);
            font-weight: 700;
            border-bottom: 2px solid var(--pe-accent);
        }
        :where([data-page="pictedit"]) .pe-tab-badge {
            position: absolute;
            top: 8px; right: 10px;
            background: var(--pe-danger);
            color: #fff;
            font-size: .6rem;
            font-weight: 700;
            padding: 1px 6px;
            border-radius: 20px;
            line-height: 1.6;
        }

        /* — Alerts — */
        :where([data-page="pictedit"]) .pe-alert {
            border-radius: var(--pe-radius);
            border: 1px solid;
            padding: 13px 18px;
            font-size: .85rem;
            display: flex;
            align-items: flex-start;
            gap: 10px;
            margin-bottom: 16px;
        }
        :where([data-page="pictedit"]) .pe-alert i { margin-top: 1px; flex-shrink: 0; }
        :where([data-page="pictedit"]) .pe-alert-warning { background: var(--pe-warning-soft); border-color: #f3c68a; color: #7a4010; }
        :where([data-page="pictedit"]) .pe-alert-warning i { color: var(--pe-warning); }
        :where([data-page="pictedit"]) .pe-alert-danger { background: var(--pe-danger-soft);  border-color: #f5c6cb; color: #842029; }
        :where([data-page="pictedit"]) .pe-alert-danger i { color: var(--pe-danger); }
        :where([data-page="pictedit"]) .pe-alert-info { background: var(--pe-accent-soft);  border-color: #bfdbfe; color: #1e40af; }
        :where([data-page="pictedit"]) .pe-alert-info i { color: var(--pe-accent); }

        /* — Action bar — */
        :where([data-page="pictedit"]) .pe-action-bar {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            padding: 14px 20px;
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
            margin-bottom: 20px;
            box-shadow: var(--pe-shadow-xs);
        }
        :where([data-page="pictedit"]) .pe-action-label {
            font-size: .8rem;
            font-weight: 600;
            color: var(--pe-muted);
            white-space: nowrap;
            text-transform: uppercase;
            letter-spacing: .5px;
        }
        :where([data-page="pictedit"]) .pe-action-bar select {
            flex: 1;
            min-width: 220px;
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 8px 12px;
            font-size: .85rem;
            color: var(--pe-text);
            background: var(--pe-white);
            outline: none;
            transition: border-color .18s, box-shadow .18s;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 10px center;
            padding-right: 30px;
        }
        :where([data-page="pictedit"]) .pe-action-bar select:focus { border-color: var(--pe-accent); box-shadow: 0 0 0 3px rgba(37,99,235,.12); }

        :where([data-page="pictedit"]) .pe-check-all-wrap {
            display: flex;
            align-items: center;
            gap: 6px;
            font-size: .8rem;
            color: var(--pe-muted);
            white-space: nowrap;
        }
        :where([data-page="pictedit"]) .pe-check-all-wrap input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--pe-accent); cursor: pointer; }

        /* — Online users bar — */
        :where([data-page="pictedit"]) .pe-online-bar {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            padding: 10px 18px;
            font-size: .8rem;
            color: var(--pe-muted);
            display: flex;
            align-items: center;
            gap: 8px;
            margin-bottom: 16px;
            box-shadow: var(--pe-shadow-xs);
        }
        :where([data-page="pictedit"]) .pe-online-bar .pe-online-dot {
            width: 7px; height: 7px;
            background: var(--pe-success);
            border-radius: 50%;
            flex-shrink: 0;
        }
        :where([data-page="pictedit"]) .pe-online-bar #edit_online { font-weight: 600; color: var(--pe-text); }

        /* — Image row — */
        :where([data-page="pictedit"]) .pe-image-row {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            margin-bottom: 12px;
            overflow: hidden;
            box-shadow: var(--pe-shadow-xs);
            transition: box-shadow .18s;
        }
        :where([data-page="pictedit"]) .pe-image-row:hover { box-shadow: var(--pe-shadow-md); }

        :where([data-page="pictedit"]) .pe-image-inner {
            display: grid;
            grid-template-columns: 140px 1fr 40px;
            align-items: stretch;
        }

        :where([data-page="pictedit"]) .pe-image-thumb {
            background: var(--pe-bg);
            border-right: 1px solid var(--pe-border-light);
            padding: 14px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        :where([data-page="pictedit"]) .pe-image-thumb-label {
            font-size: .68rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .6px;
            color: var(--pe-muted);
        }
        :where([data-page="pictedit"]) .pe-image-thumb a { display: block; }
        :where([data-page="pictedit"]) .pe-image-thumb img {
            max-width: 110px;
            max-height: 130px;
            width: auto;
            height: auto;
            border-radius: var(--pe-radius-sm);
            object-fit: cover;
            border: 1px solid var(--pe-border);
            transition: transform .2s;
        }
        :where([data-page="pictedit"]) .pe-image-thumb img:hover { transform: scale(1.03); }

        :where([data-page="pictedit"]) .pe-image-controls {
            padding: 16px 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 10px;
        }
        :where([data-page="pictedit"]) .pe-field-row {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        :where([data-page="pictedit"]) .pe-field-type {
            font-size: .68rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: var(--pe-muted);
            min-width: 64px;
            display: flex;
            align-items: center;
            gap: 5px;
        }
        :where([data-page="pictedit"]) .pe-field-type i { font-size: .7rem; }

        :where([data-page="pictedit"]) .pe-input-file,
:where([data-page="pictedit"]) .pe-input-text {
            flex: 1;
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 7px 12px;
            font-size: .83rem;
            font-family: var(--pe-font);
            color: var(--pe-text);
            background: var(--pe-white);
            outline: none;
            transition: border-color .18s, box-shadow .18s;
            min-width: 0;
        }
        :where([data-page="pictedit"]) .pe-input-file:focus,
:where([data-page="pictedit"]) .pe-input-text:focus { border-color: var(--pe-accent); box-shadow: 0 0 0 3px rgba(37,99,235,.10); }
        :where([data-page="pictedit"]) .pe-input-text::placeholder { color: #adb5bd; font-size: .8rem; }

        :where([data-page="pictedit"]) .pe-active-badge {
            font-size: .7rem;
            font-weight: 700;
            background: var(--pe-success-soft);
            color: var(--pe-success);
            border: 1px solid #b7dfcc;
            border-radius: 20px;
            padding: 2px 9px;
            white-space: nowrap;
        }

        :where([data-page="pictedit"]) .pe-image-check {
            border-left: 1px solid var(--pe-border-light);
            background: var(--pe-bg);
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0 12px;
        }
        :where([data-page="pictedit"]) .pe-image-check input[type=checkbox] {
            width: 17px;
            height: 17px;
            accent-color: var(--pe-accent);
            cursor: pointer;
        }

        /* — Kino/IMDb thumbnails — */
        :where([data-page="pictedit"]) .pe-rating-imgs {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
            margin-top: 8px;
        }
        :where([data-page="pictedit"]) .pe-rating-img-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
        }
        :where([data-page="pictedit"]) .pe-rating-img-item a img {
            max-width: 90px;
            border-radius: var(--pe-radius-sm);
            border: 1px solid var(--pe-border);
        }
        :where([data-page="pictedit"]) .pe-rating-label {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: .78rem;
            color: var(--pe-muted);
            cursor: pointer;
        }
        :where([data-page="pictedit"]) .pe-rating-label input[type=checkbox] { accent-color: var(--pe-accent); width: 14px; height: 14px; }

        /* — Add screenshots section — */
        :where([data-page="pictedit"]) .pe-add-section {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            overflow: hidden;
            margin-bottom: 20px;
            box-shadow: var(--pe-shadow-xs);
        }
        :where([data-page="pictedit"]) .pe-add-section-header {
            padding: 13px 20px;
            background: var(--pe-bg);
            border-bottom: 1px solid var(--pe-border-light);
            font-size: .8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: var(--pe-muted);
            display: flex;
            align-items: center;
            gap: 8px;
        }
        :where([data-page="pictedit"]) .pe-add-section-header i { color: var(--pe-accent); }
        :where([data-page="pictedit"]) .pe-add-section-body { padding: 18px 20px; display: flex; flex-direction: column; gap: 18px; }

        :where([data-page="pictedit"]) .pe-upload-block { display: flex; flex-direction: column; gap: 8px; }
        :where([data-page="pictedit"]) .pe-upload-block-label {
            font-size: .75rem;
            font-weight: 700;
            color: var(--pe-muted);
            text-transform: uppercase;
            letter-spacing: .5px;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        :where([data-page="pictedit"]) .pe-upload-block-label i { color: var(--pe-accent); }
        :where([data-page="pictedit"]) .pe-upload-actions {
            display: flex;
            gap: 6px;
            margin-bottom: 4px;
        }
        :where([data-page="pictedit"]) .pe-btn-link {
            background: none;
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 4px 12px;
            font-size: .76rem;
            font-weight: 600;
            color: var(--pe-accent);
            cursor: pointer;
            transition: background .16s, border-color .16s;
            text-decoration: none !important;
            line-height: 1.5;
        }
        :where([data-page="pictedit"]) .pe-btn-link:hover { background: var(--pe-accent-soft); border-color: var(--pe-accent); }

        :where([data-page="pictedit"]) .inputs,
:where([data-page="pictedit"]) .in_puts { display: flex; flex-direction: column; gap: 6px; }
        :where([data-page="pictedit"]) .inputs .pe-input-file,
:where([data-page="pictedit"]) .in_puts .pe-input-text,
:where([data-page="pictedit"]) .in_puts input[type=text],
:where([data-page="pictedit"]) .inputs input[type=file] {
            width: 100%;
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 7px 12px;
            font-size: .83rem;
            color: var(--pe-text);
            background: var(--pe-white);
            outline: none;
            transition: border-color .18s, box-shadow .18s;
        }
        :where([data-page="pictedit"]) .inputs input[type=file]:focus,
:where([data-page="pictedit"]) .in_puts input[type=text]:focus { border-color: var(--pe-accent); box-shadow: 0 0 0 3px rgba(37,99,235,.10); }

        :where([data-page="pictedit"]) .pe-textarea {
            width: 100%;
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 10px 14px;
            font-size: .83rem;
            font-family: var(--pe-mono);
            color: var(--pe-text);
            background: var(--pe-white);
            resize: vertical;
            outline: none;
            transition: border-color .18s, box-shadow .18s;
            line-height: 1.6;
        }
        :where([data-page="pictedit"]) .pe-textarea:focus { border-color: var(--pe-accent); box-shadow: 0 0 0 3px rgba(37,99,235,.10); }
        :where([data-page="pictedit"]) .pe-textarea::placeholder { color: #adb5bd; }

        /* — Description actions section — */
        :where([data-page="pictedit"]) .pe-desc-section {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            padding: 18px 20px;
            margin-bottom: 20px;
            box-shadow: var(--pe-shadow-xs);
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 16px;
        }
        :where([data-page="pictedit"]) .pe-desc-section-label {
            font-size: .8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: var(--pe-muted);
            display: flex;
            align-items: center;
            gap: 6px;
            min-width: 170px;
        }
        :where([data-page="pictedit"]) .pe-desc-section-label i { color: var(--pe-accent); }
        :where([data-page="pictedit"]) .pe-desc-controls { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
        :where([data-page="pictedit"]) .pe-check-label {
            display: flex;
            align-items: center;
            gap: 7px;
            font-size: .84rem;
            color: var(--pe-text);
            cursor: pointer;
        }
        :where([data-page="pictedit"]) .pe-check-label input[type=checkbox] { accent-color: var(--pe-accent); width: 15px; height: 15px; }
        :where([data-page="pictedit"]) .pe-desc-select {
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 7px 30px 7px 12px;
            font-size: .83rem;
            color: var(--pe-text);
            background: var(--pe-white);
            outline: none;
            transition: border-color .18s;
            appearance: none;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236c757d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 10px center;
        }
        :where([data-page="pictedit"]) .pe-desc-select:focus { border-color: var(--pe-accent); box-shadow: 0 0 0 3px rgba(37,99,235,.10); }

        /* — Moderator notes — */
        :where([data-page="pictedit"]) .pe-mod-section {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            overflow: hidden;
            margin-bottom: 20px;
            box-shadow: var(--pe-shadow-xs);
        }
        :where([data-page="pictedit"]) .pe-mod-header {
            padding: 12px 20px;
            background: #fafafa;
            border-bottom: 1px solid var(--pe-border-light);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 10px;
        }
        :where([data-page="pictedit"]) .pe-mod-header-left {
            font-size: .8rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: .5px;
            color: var(--pe-muted);
            display: flex;
            align-items: center;
            gap: 6px;
        }
        :where([data-page="pictedit"]) .pe-mod-header-left i { color: var(--pe-accent); }
        :where([data-page="pictedit"]) .pe-mod-length-badge {
            font-size: .7rem;
            background: var(--pe-bg);
            border: 1px solid var(--pe-border);
            border-radius: 20px;
            padding: 2px 10px;
            color: var(--pe-muted);
            font-family: var(--pe-mono);
        }
        :where([data-page="pictedit"]) .pe-mod-body { padding: 16px 20px; display: flex; flex-direction: column; gap: 10px; }

        /* — Footer submit bar — */
        :where([data-page="pictedit"]) .pe-submit-bar {
            background: var(--pe-white);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius);
            padding: 16px 20px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 10px;
            box-shadow: var(--pe-shadow-xs);
        }
        :where([data-page="pictedit"]) .pe-btn-primary {
            background: var(--pe-accent);
            color: #fff;
            border: none;
            border-radius: var(--pe-radius-sm);
            padding: 9px 26px;
            font-size: .875rem;
            font-weight: 600;
            font-family: var(--pe-font);
            cursor: pointer;
            transition: background .18s, box-shadow .18s, transform .1s;
            letter-spacing: .1px;
        }
        :where([data-page="pictedit"]) .pe-btn-primary:hover { background: #1d4ed8; box-shadow: 0 2px 10px rgba(37,99,235,.25); }
        :where([data-page="pictedit"]) .pe-btn-primary:active { transform: scale(.98); }

        :where([data-page="pictedit"]) .pe-btn-reset {
            background: var(--pe-white);
            color: var(--pe-muted);
            border: 1px solid var(--pe-border);
            border-radius: var(--pe-radius-sm);
            padding: 9px 22px;
            font-size: .875rem;
            font-weight: 500;
            font-family: var(--pe-font);
            cursor: pointer;
            transition: background .18s, color .18s, border-color .18s;
        }
        :where([data-page="pictedit"]) .pe-btn-reset:hover { background: var(--pe-bg); color: var(--pe-text); border-color: #ced4da; }

        /* — Divider — */
        :where([data-page="pictedit"]) .pe-divider {
            border: none;
            border-top: 1px solid var(--pe-border-light);
            margin: 4px 0;
        }

        /* — Max size notice — */
        :where([data-page="pictedit"]) .pe-size-notice {
            font-size: .78rem;
            color: var(--pe-muted);
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 6px 0;
        }
        :where([data-page="pictedit"]) .pe-size-notice strong { color: var(--pe-text); }

        /* — Responsive — */
        @media (max-width: 640px) {
            :where([data-page="pictedit"]) .pe-image-inner { grid-template-columns: 100px 1fr 36px; }
            :where([data-page="pictedit"]) .pe-image-thumb img { max-width: 80px; }
            :where([data-page="pictedit"]) .pe-action-bar { flex-direction: column; align-items: stretch; }
            :where([data-page="pictedit"]) .pe-tabs { flex-direction: column; }
            :where([data-page="pictedit"]) .pe-tab-item { border-right: none; border-bottom: 1px solid var(--pe-border-light); }
        }

/* ── инлайн-стили style="" страниц upload, edit, pictedit (классы; !important повторяет приоритет инлайн-стиля) ── */
.ist-9d1276 { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.ist-a0bc36 { margin-bottom: 18px !important; border-color: #fde68a !important; }
.ist-004ef3 { background: #fffbeb !important; border-bottom-color: #fde68a !important; }
.ist-5d2ba2 { padding: 14px !important; }
.ist-efa05c { flex-direction: column !important; gap: 8px !important; }
.ist-cf56d0 { flex-shrink: 0 !important; }
.ist-f1c5e2 { gap: 8px !important; flex-shrink: 0 !important; }
.ist-bf7a01 { position: relative !important; max-width: 580px !important; }
.ist-9fbde3 { background: rgba(255,255,255,.15) !important; border: 2px solid rgba(255,255,255,.3) !important; border-radius: 16px !important; align-items: center !important; justify-content: center !important; margin-bottom: 16px !important; backdrop-filter: blur(8px) !important; }
.ist-15c09b { font-size: 1.7rem !important; color: #fff !important; }
.ist-70b3b0 { font-family: "Outfit",sans-serif !important; font-size: 2rem !important; font-weight: 800 !important; color: #fff !important; letter-spacing: -.03em !important; margin: 0 0 10px !important; line-height: 1.2 !important; }
.ist-45c38d { font-size: 1rem !important; color: rgba(255,255,255,.75) !important; margin: 0 !important; font-weight: 400 !important; }
.ist-eb7149 { margin-bottom: 18px !important; border-color: #bbf7d0 !important; }
.ist-2332b3 { background: #f0fdf4 !important; border-bottom-color: #bbf7d0 !important; }
.ist-b94474 { font-size: .75rem !important; font-weight: 800 !important; color: #ff6600 !important; }
.ist-734223 { align-items: center !important; }
.ist-1c244e { margin: 0 !important; }
.ist-f2e726 { font-size: .82rem !important; }
.ist-57e800 { margin-bottom: 20px !important; }
.ist-f254cb { margin-top: 6px !important; }
.ist-7023da { text-align: center !important; }
.ist-43799e { padding: 13px 52px !important; font-size: .97rem !important; font-weight: 700 !important; }
.ist-b0be69 { margin-top: 0 !important; border-color: #fde68a !important; }
.ist-38140d { flex-wrap: wrap !important; gap: 8px !important; }
.ist-c86cf2 { border-color: #bbf7d0 !important; }
.ist-ad055b { margin-bottom: 18px !important; }
.ist-c90e93 { align-items: center !important; justify-content: space-between !important; flex: 1 !important; flex-wrap: wrap !important; gap: 10px !important; }
.ist-c738ca { font-weight: 700 !important; margin-bottom: 2px !important; }
.ist-627d36 { text-decoration: none !important; flex-shrink: 0 !important; }
.ist-301422 { margin-bottom: 28px !important; }
.ist-b847b5 { padding-top: 0 !important; }
.ist-1c4d45 { margin-bottom: 0 !important; border-color: #ddd6fe !important; }
.ist-e33089 { background: #f5f3ff !important; border-bottom-color: #ddd6fe !important; }
.ist-5e5b97 { font-size: .88rem !important; }
.ist-239fd0 { margin-top: 18px !important; margin-bottom: 0 !important; }
.ist-9b2f7c { margin-top: 10px !important; margin-bottom: 0 !important; }
.ist-e874df { align-items: center !important; gap: 16px !important; padding: 24px 0 18px !important; border-bottom: 1.5px solid #f1f5f9 !important; margin-bottom: 20px !important; }
.ist-f86e19 { background: #2563eb !important; border-radius: 14px !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; box-shadow: 0 4px 12px rgba(37,99,235,.3) !important; }
.ist-54e723 { font-size: 1.35rem !important; color: #fff !important; }
.ist-6e4254 { font-size: .72rem !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #94a3b8 !important; margin-bottom: 3px !important; }
.ist-fb71f3 { font-size: 1.2rem !important; font-weight: 700 !important; color: #0f172a !important; letter-spacing: -.02em !important; }
.ist-8352b5 { color: #2563eb !important; }
.ist-8781dd { font-weight: 700 !important; margin-bottom: 6px !important; }
.ist-3fdeb4 { margin-bottom: 6px !important; font-size: .83rem !important; }
.ist-0c29ec { flex-wrap: wrap !important; gap: 6px !important; margin-bottom: 8px !important; }
.ist-a015cc { font-size: .76rem !important; color: #1e40af !important; }
.ist-366758 { font-size: .78rem !important; color: #92400e !important; margin-left: 4px !important; }
.ist-4d7e7f { justify-content: space-between !important; align-items: center !important; margin-top: 8px !important; }
.ist-87dbe9 { font-size: .76rem !important; color: #94a3b8 !important; }
.ist-54f116 { color: #2563eb !important; font-weight: 700 !important; }
.ist-2ddb72 { color: #ff6600 !important; }
.ist-914c44 { font-size: .76rem !important; color: #94a3b8 !important; margin-top: 5px !important; }
.ist-ccaad9 { color: #f5c518 !important; }
.ist-154493 { align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; padding: 14px 16px !important; background: #f8fafc !important; border: 1.5px solid #e2e8f0 !important; border-radius: 10px !important; margin-bottom: 14px !important; }
.ist-2904fb { font-size: .76rem !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: #64748b !important; }
.ist-806a3e { color: #7c3aed !important; }
.ist-04e847 { grid-template-columns: repeat(auto-fill,minmax(100px,1fr)) !important; gap: 10px !important; }
.ist-815ca8 { gap: 8px !important; align-items: center !important; }
.ist-f4bf1e { white-space: nowrap !important; flex-shrink: 0 !important; }
.ist-fb333a { gap: 8px !important; margin-bottom: 14px !important; }
.ist-ce7996 { color: #dc2626 !important; }
.ist-256b5c { background: #f8fafc !important; border: 1.5px solid #e2e8f0 !important; border-radius: 12px !important; padding: 18px !important; margin-top: 4px !important; }
.ist-e09827 { font-size: .82rem !important; font-weight: 700 !important; color: #334155 !important; margin-bottom: 12px !important; }
.ist-a57c2b { margin: 0 !important; padding-left: 18px !important; font-size: .83rem !important; color: #475569 !important; line-height: 2 !important; }
.ist-cc9a01 { color: #dc2626 !important; font-weight: 600 !important; text-decoration: none !important; }
.ist-7137a9 { margin-top: 14px !important; padding: 12px 16px !important; background: #fff !important; border: 1.5px solid #e2e8f0 !important; border-radius: 9px !important; }
.ist-3c3a08 { font-size: .76rem !important; color: #94a3b8 !important; margin-bottom: 6px !important; }
.ist-07bd68 { font-size: .84rem !important; color: #334155 !important; }
.ist-faf8c7 { align-items: center !important; gap: 8px !important; margin-top: 8px !important; }
.ist-f723e7 { color: #16a34a !important; }
.ist-41f400 { font-size: .78rem !important; color: #64748b !important; }
.ist-e2317d { font-size: .78rem !important; padding: 4px 12px !important; }
.ist-bc091e { text-align: center !important; padding: 20px !important; color: #94a3b8 !important; font-size: .85rem !important; }
.ist-4ce38a { font-size: .86rem !important; font-weight: 600 !important; color: #334155 !important; margin-bottom: 10px !important; }
.ist-dd1ed6 { font-size: .76rem !important; color: #94a3b8 !important; margin-top: 8px !important; }
.ist-db1bc0 { font-size: .85rem !important; }
.ist-57e62b { font-size: .9rem !important; font-weight: 700 !important; color: #0f172a !important; }
.ist-d0cea7 { font-size: .74rem !important; color: #94a3b8 !important; }
.ist-1e5e83 { margin-bottom: 0 !important; }
.ist-d17cd1 { flex-direction: column !important; gap: 16px !important; }
.ist-2731a2 { padding: 14px 60px !important; font-size: 1rem !important; max-width: 320px !important; justify-content: center !important; }
.ist-b7ad16 { max-width: 480px !important; text-align: left !important; }
.ist-66b5d7 { border-radius: 16px !important; border: 1.5px solid #e2e8f0 !important; overflow: hidden !important; }
.ist-1127be { border-bottom: 1.5px solid #f1f5f9 !important; background: #fafbfc !important; padding: 16px 22px !important; }
.ist-5bde24 { align-items: center !important; gap: 12px !important; }
.ist-ce8b1d { margin: 0 !important; font-size: .95rem !important; font-weight: 700 !important; color: #0f172a !important; }
.ist-dc530b { padding: 22px !important; }
.ist-fad810 { font-size: 2rem !important; color: #2563eb !important; margin-bottom: 8px !important; }
.ist-6160e5 { font-size: .84rem !important; font-weight: 600 !important; color: #334155 !important; margin-bottom: 4px !important; }
.ist-dd0d0e { position: absolute !important; }
.ist-f2a7c3 { align-items: center !important; gap: 12px !important; margin: 16px 0 !important; }
.ist-ec8677 { flex: 1 !important; border-color: #f1f5f9 !important; margin: 0 !important; }
.ist-f079bd { font-size: .76rem !important; color: #94a3b8 !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .06em !important; }
.ist-9dc5bf { justify-content: center !important; padding: 12px !important; }
.ist-d7b522 { padding: 15px !important; font-weight: bold !important; }
.ist-10b9dc { font-size: 0.65rem !important; }
.ist-b8ee86 { background: #f59e0b !important; }
.ist-6f76b7 { font-size: .78rem !important; color: #94a3b8 !important; }
.ist-acd7f5 { gap: 10px !important; flex-wrap: wrap !important; margin-bottom: 16px !important; }
.ist-efb699 { margin-bottom: 16px !important; }
.ist-63cc27 { align-items: center !important; flex-wrap: wrap !important; gap: 8px !important; padding: 14px 16px !important; background: #f8fafc !important; border: 1.5px solid #e2e8f0 !important; border-radius: 10px !important; margin-bottom: 16px !important; }
.ist-83acc8 { font-size: .78rem !important; color: #94a3b8 !important; margin-top: 6px !important; }
.ist-1d748e { gap: 14px !important; align-items: flex-start !important; background: #fffbeb !important; border: 1.5px solid #fde68a !important; border-radius: 12px !important; padding: 18px !important; }
.ist-6964fa { font-size: 2rem !important; color: #d97706 !important; margin-top: 2px !important; flex-shrink: 0 !important; }
.ist-d21e61 { font-size: .88rem !important; font-weight: 700 !important; color: #92400e !important; margin-bottom: 10px !important; }
.ist-607cf4 { align-items: center !important; gap: 10px !important; }
.ist-e57716 { align-items: center !important; gap: 10px !important; flex-wrap: wrap !important; }
.ist-b330a5 { margin-top: 12px !important; font-size: .76rem !important; color: #92400e !important; }
.ist-8b820a { font-size: .82rem !important; font-weight: 600 !important; color: #64748b !important; }
.ist-1aec55 { font-size: .78rem !important; color: #94a3b8 !important; margin-top: 10px !important; }
.ist-f3166f { font-size: .84rem !important; color: #475569 !important; margin-bottom: 10px !important; }
.ist-de794f { font-size: .78rem !important; color: #16a34a !important; margin-top: 6px !important; }
.ist-d6b52d { font-size: .76rem !important; color: #94a3b8 !important; margin-top: 6px !important; }
.ist-d26256 { text-align: right !important; margin-top: 12px !important; }
.ist-d3483b { font-size: .76rem !important; color: #94a3b8 !important; margin-top: 4px !important; }
.ist-36468f { background: #fef2f2 !important; border: 1.5px solid #fecaca !important; border-radius: 10px !important; }
.ist-bf6c89 { font-size: .82rem !important; font-weight: 600 !important; color: #991b1b !important; margin-bottom: 8px !important; }
.ist-0f795b { font-size: .82rem !important; color: #64748b !important; }
.ist-1057f2 { font-weight: 400 !important; color: var(--pe-muted) !important; }
.ist-5fd2ba { color: var(--pe-accent) !important; }
.ist-b404b0 { font-size: .78rem !important; color: var(--pe-muted) !important; }
.ist-974c19 { margin-right: 4px !important; color: var(--pe-accent) !important; }
.ist-c69e5e { font-weight: 400 !important; color: var(--pe-accent) !important; font-size: .7rem !important; margin-left: 4px !important; }
.ist-52d954 { font-size: .8rem !important; color: var(--pe-muted) !important; }

/* ==========================================================================
   Пакет 4: include/functions_comments.php — редактор комментариев textbbcode() (.sn-*) и инлайн-стили комментариев.
   Условные блоки <style> перенесены, только если их разметка печатается под тем же условием.
   ========================================================================== */

/* ── include\functions_comments.php (строка 644) ── */
.sn-composer{background:#fff;border-radius:14px;border:1px solid #e2e6ea;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
        .sn-top{display:flex;gap:11px;padding:14px 14px 12px}
        .sn-avatar img.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #e4e6ea;display:block;flex-shrink:0}
        .sn-compose{flex:1;min-width:0}
        .sn-compose textarea.resizable{width:100%!important;border:none!important;outline:none;resize:vertical;font-size:15px;font-family:inherit;color:#1c1e21;line-height:1.6;background:transparent;padding:0;display:block;min-height:56px}
        .sn-compose textarea.resizable::placeholder{color:#c0c4cc}
        .sn-tools{display:none;flex-direction:column}
        .sn-tools.visible{display:flex}
        .sn-divider{height:1px;background:#f0f2f5;margin:0}
        .sn-fmtbar{display:flex;align-items:center;gap:2px;padding:7px 12px 5px;flex-wrap:wrap;border-bottom:1px solid #f5f6f7}
        .sn-fb{height:26px;padding:0 8px;border:1px solid #e8eaed;background:#fafbfc;border-radius:6px;font-size:11.5px;font-weight:500;color:#444;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s;font-family:inherit;white-space:nowrap;line-height:1;vertical-align:middle}
        .sn-fb i{font-size:11px;pointer-events:none}
        .sn-fb:hover{background:#e8f0fe;border-color:#4285f4;color:#1a73e8}
        .sn-fb-b{font-weight:800}
        .sn-fb-i{font-style:italic}
        .sn-fb-u{text-decoration:underline}
        .sn-fb-s{text-decoration:line-through}
        .sn-fsep{width:1px;height:16px;background:#e2e6ea;margin:0 3px;display:inline-block;vertical-align:middle;flex-shrink:0}
        .sn-selrow{display:flex;align-items:center;gap:5px;padding:5px 12px 6px;flex-wrap:wrap;background:#fafbfc;border-bottom:1px solid #f0f2f5}
        .sn-sel{height:26px;border:1px solid #e8eaed;border-radius:6px;font-size:11.5px;color:#444;padding:0 7px;outline:none;background:#fff;cursor:pointer;transition:border-color .15s;font-family:inherit}
        .sn-sel:hover,.sn-sel:focus{border-color:#4285f4}
        .sn-colorpick{width:26px;height:26px;border-radius:6px;border:1px solid #e8eaed;padding:2px;cursor:pointer;background:#fff}
        .sn-toolbar{display:flex;align-items:center;padding:4px 10px;flex-wrap:wrap;border-top:1px solid #f5f6f7}
        .sn-tb{width:34px;height:34px;border:none;background:transparent;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:#65676b;transition:all .15s;vertical-align:middle;flex-shrink:0;font-size:15px}
        .sn-tb:hover{background:#e8f0fe;color:#1a73e8}
        .sn-tb i{pointer-events:none}
        .sn-tsep{width:1px;height:20px;background:#e8eaed;margin:0 4px;display:inline-block;vertical-align:middle;flex-shrink:0}
        .sn-tb-right{margin-left:auto;display:inline-flex;align-items:center;gap:7px;vertical-align:middle}
        .sn-ring{position:relative;width:30px;height:30px;display:inline-flex;flex-shrink:0}
        .sn-ring svg{transform:rotate(-90deg)}
        .sn-ring .rg-bg{fill:none;stroke:#e8eaed;stroke-width:3}
        .sn-ring .rg-fg{fill:none;stroke:#4285f4;stroke-width:3;stroke-linecap:round;stroke-dasharray:75.4;stroke-dashoffset:75.4;transition:stroke-dashoffset .3s,stroke .3s}
        .sn-ring-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#65676b;pointer-events:none}
        .sn-btn-preview{height:30px;padding:0 14px;background:transparent;color:#1a73e8;border:1.5px solid #4285f4;border-radius:20px;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s;font-family:inherit;display:inline-flex;align-items:center;gap:5px}
        .sn-btn-preview:hover{background:#e8f0fe}
        .sn-btn-preview i{font-size:12px}
        .sn-btn-reset{height:28px;padding:0 11px;border:1px solid #e8eaed;background:#fafbfc;border-radius:8px;font-size:11.5px;color:#65676b;cursor:pointer;display:none;align-items:center;gap:4px;font-family:inherit}
        .sn-btn-reset:hover{background:#f1f5f9}
        .sn-btn-reset i{font-size:11px}
        .sn-extra{background:#fafbfc;border-top:1px solid #f0f2f5;padding:7px 14px;font-size:12px;color:#65676b;display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:space-between}
        .sn-note-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
        .sn-note-sel{height:26px;border:1px solid #e8eaed;border-radius:8px;font-size:11.5px;color:#444;padding:0 8px;outline:none;background:#fff;min-width:148px;font-family:inherit}
        .sn-act{height:25px;padding:0 10px;border:1px solid #e8eaed;background:#fff;border-radius:8px;font-size:11.5px;font-weight:500;color:#444;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s;font-family:inherit}
        .sn-act i{font-size:11px}
        .sn-act:hover{background:#e8f0fe;border-color:#4285f4;color:#1a73e8}
        .sn-attach{border-top:1px solid #f0f2f5;padding:9px 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fafbfc}
        .sn-tab{height:27px;padding:0 11px;border:1px solid #e8eaed;background:#fff;border-radius:8px;font-size:11.5px;font-weight:500;color:#444;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s;font-family:inherit}
        .sn-tab i{font-size:11px}
        .sn-tab:hover{background:#e8f0fe;border-color:#4285f4;color:#1a73e8}
        .sn-tab.disabled{opacity:.4;pointer-events:none}
        :where(.sn-composer) .dinputs{font-size:12px;color:#65676b}

/* ── инлайн-стили style="" include/functions_comments.php (классы; !important повторяет приоритет инлайн-стиля) ── */
.ist-b358f1 { font-family: Verdana !important; }
.ist-0e6751 { font-family: Courier !important; }
.ist-ebccd0 { font-family: 'Courier New' !important; }
.ist-978cb9 { font-family: monospace !important; }
.ist-fb02e4 { font-family: Fixedsys !important; }
.ist-52889e { font-family: Arial !important; }
.ist-1afdb5 { font-family: 'Comic Sans MS' !important; }
.ist-90395b { font-family: Georgia !important; }
.ist-307619 { font-family: Tahoma !important; }
.ist-c6f056 { font-family: 'Times New Roman' !important; }
.ist-1c1aef { font-family: serif !important; }
.ist-1c79be { font-family: sans-serif !important; }
.ist-9af67f { font-family: cursive !important; }
.ist-409d2b { font-family: fantasy !important; }
.ist-56d39d { font-family: 'Book Antiqua' !important; }
.ist-1a734c { font-family: 'Century Gothic' !important; }
.ist-aa6ac2 { font-family: 'Franklin Gothic Medium' !important; }
.ist-36462a { font-family: Garamond !important; }
.ist-3010e6 { font-family: Impact !important; }
.ist-3670a5 { font-family: 'Lucida Console' !important; }
.ist-584b0f { font-family: 'Palatino Linotype' !important; }
.ist-8cf890 { font-family: 'Trebuchet MS' !important; }
.ist-00b62c { color: #000 !important; background: #fff !important; }
.ist-56dacc { color: #000 !important; }
.ist-65a65a { color: sienna !important; }
.ist-8922b0 { color: beige !important; }
.ist-722b2f { color: darkolivegreen !important; }
.ist-baef66 { color: darkgreen !important; }
.ist-4125f4 { color: cornflowerblue !important; }
.ist-147f61 { color: darkslateblue !important; }
.ist-a346ed { color: navy !important; }
.ist-b5b56c { color: midnightblue !important; }
.ist-cd59af { color: indigo !important; }
.ist-31470d { color: darkslategray !important; }
.ist-164722 { color: darkred !important; }
.ist-481655 { color: darkorange !important; }
.ist-3b35bc { color: olive !important; }
.ist-e64068 { color: green !important; }
.ist-313f69 { color: darkcyan !important; }
.ist-087809 { color: cadetblue !important; }
.ist-a0b96a { color: aquamarine !important; }
.ist-60ba09 { color: teal !important; }
.ist-f2a1af { color: blue !important; }
.ist-0a2adb { color: slategray !important; }
.ist-60dc3e { color: dimgray !important; }
.ist-eb1fbe { color: red !important; }
.ist-d278e1 { color: chocolate !important; }
.ist-2e3e08 { color: firebrick !important; }
.ist-9ef730 { color: saddlebrown !important; }
.ist-053893 { color: yellowgreen !important; }
.ist-2e0939 { color: seagreen !important; }
.ist-95c043 { color: mediumturquoise !important; }
.ist-0f605c { color: royalblue !important; }
.ist-84da51 { color: purple !important; }
.ist-74fc8a { color: gray !important; }
.ist-f52ac9 { color: magenta !important; }
.ist-6f4479 { color: orange !important; }
.ist-f75ac0 { color: yellow !important; }
.ist-695b41 { color: gold !important; }
.ist-9037e3 { color: goldenrod !important; }
.ist-5e8012 { color: lime !important; }
.ist-d3ee1e { color: cyan !important; }
.ist-939221 { color: deepskyblue !important; }
.ist-76d00d { color: darkorchid !important; }
.ist-ee89fe { color: silver !important; }
.ist-3740bb { color: pink !important; }
.ist-5bb26b { color: wheat !important; }
.ist-af2969 { color: lemonchiffon !important; }
.ist-006a43 { color: palegreen !important; }
.ist-290da6 { color: paleturquoise !important; }
.ist-348a1c { color: lightblue !important; }
.ist-ca03ad { color: plum !important; }
.ist-9bea56 { color: white !important; background: #aaa !important; }
.ist-206678 { color: #aaa !important; font-size: 12px !important; }
.ist-043c91 { align-items: center !important; gap: 6px !important; flex-wrap: wrap !important; }
.ist-2a74d2 { min-width: 136px !important; }
.ist-bb6503 { margin: 0 !important; padding: 0 !important; }
.ist-0151e4 { font-size: 11px !important; color: #e53935 !important; }
.ist-3c5265 { font-size: 11px !important; color: #65676b !important; }
.ist-3b526e { margin-left: auto !important; align-items: center !important; gap: 6px !important; }
.ist-5994fb { font-size: 12px !important; color: #65676b !important; }

/* ==========================================================================
   Чёрно-синяя тема для всех стилей выше (кнопка темы в шапке, data-tp-theme="dark" на <html>).
   Белые/серые фоны -> поверхности темы (--tp-surface…), пастельные плашки -> полупрозрачный
   оттенок того же цвета, тёмный текст -> светлый, тёмный цветной текст -> осветлённый того же
   тона, светлые рамки -> рамки темы. Токены --tp-* заданы в themes/BTPro_v24/theme.css.
   Блок собран по цветам правил выше: при изменении светлых цветов поправьте и тёмный вариант.
   ========================================================================== */
:root[data-tp-theme="dark"]:where([data-page="details"]) { --sb-bg: var(--tp-surface); --sb-border: var(--tp-border); --sb-divider: var(--tp-border); --sb-text: var(--tp-text); --sb-muted: var(--tp-muted); --sb-accent-soft: rgba(52, 66, 228, 0.16); --sb-success-bg: rgba(71, 209, 154, 0.16); --sb-danger-bg: rgba(226, 69, 54, 0.16); --sb-danger-ring: rgba(251, 30, 30, 0.35); --sb-warn-bg: rgba(255, 209, 26, 0.16); --sb-amber-bg: rgba(255, 209, 26, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-card__time { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .uc-username { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .uc-browse { color: var(--tp-muted) !important; }
:where([data-page="details"])[data-tp-theme="dark"] .uc-browse:hover { color: #8f98ea !important; }
:where([data-page="details"])[data-tp-theme="dark"] .sb-alert--warn { color: #f9b581; }
:where([data-page="details"])[data-tp-theme="dark"] .sb-hint { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .uc-prerelease-link { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .uc-prerelease-link:hover { background: var(--tp-surface-3); }
:where([data-page="details"])[data-tp-theme="dark"] .uc-prerelease-link small { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .uc-prerelease-link--green { color: #8decca; }
:where([data-page="details"])[data-tp-theme="dark"] .uc-prerelease-link--teal { color: #85dcf4; }
:where([data-page="details"])[data-tp-theme="dark"] .uc-prerelease-link--gray { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__icon { background: rgba(44, 237, 110, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__icon i { color: #8decca; }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__label { color: #8decca; }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__name { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__date { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__uncheck { color: #ec938e; }
:where([data-page="details"])[data-tp-theme="dark"] .sb-approved__uncheck:hover { color: #ec938e; }
:where([data-page="details"])[data-tp-theme="dark"] .sb-mod-denied { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-extra { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .sb-extra a { color: #8f98ea; }
:where([data-page="details"])[data-tp-theme="dark"] .tk-users { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .tk-empty { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .tk-btn--delete { color: #ec938e; }
:where([data-page="details"])[data-tp-theme="dark"] .tk-btn--delete .tk-btn__count { color: #ec938e; }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-section { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-header { border-bottom: 1px solid var(--tp-border); background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-header-icon { background: rgba(71, 111, 209, 0.16); color: #859df4; }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-header-title { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-header-count { background: rgba(60, 94, 221, 0.16); color: #859df4; }
:where([data-page="details"])[data-tp-theme="dark"] .viewer-card { border: 1px solid var(--tp-border); background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .viewer-card:hover { border-color: rgba(59, 96, 221, 0.35); background: rgba(26, 83, 255, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .viewer-avatar { border: 2px solid var(--tp-border); box-shadow: 0 0 0 1.5px var(--tp-surface-3); }
:where([data-page="details"])[data-tp-theme="dark"] .viewer-name { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-show-btn { border: 1px solid var(--tp-border); background: var(--tp-surface); color: #859df4; }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-show-btn:hover { background: rgba(26, 71, 255, 0.16); border-color: rgba(59, 96, 221, 0.35); color: #90a2ea; }
:where([data-page="details"])[data-tp-theme="dark"] .viewers-hidden-hint { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .ic { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-title { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-title.ic-free { color: #f8cd81; }
:where([data-page="details"])[data-tp-theme="dark"] .ic-novinki { color: #b4f089; background: rgba(150, 209, 71, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-rpill { border: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-rpill:hover { background: var(--tp-surface-2); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-rpill-icon.tr { background: rgba(57, 144, 223, 0.16); color: #8bbdee; }
:where([data-page="details"])[data-tp-theme="dark"] .ic-rpill-score { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-divider { border-top: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-tag { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-tag:hover { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .ic-stars i { color: #f9df80; }
:where([data-page="details"])[data-tp-theme="dark"] #info-nav.nav-tabs { border-bottom: 2px solid var(--tp-border-strong); background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] #info-nav.nav-tabs .nav-link { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] #info-nav.nav-tabs .nav-link:hover { color: var(--tp-text); background: var(--tp-surface-2); border-bottom-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] #info-nav.nav-tabs .nav-link.active { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] #info-nav.nav-tabs .nav-link .fa-youtube { color: #ff7a7a; }
:where([data-page="details"])[data-tp-theme="dark"] #info-nav.nav-tabs .nav-link.text-danger { color: #eb8e97 !important; }
:where([data-page="details"])[data-tp-theme="dark"] .gallery-slide a { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .gallery-slide a:hover { border-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .gallery-slide a::after { color: var(--tp-text); background: rgba(14, 22, 40, 0.5); }
:where([data-page="details"])[data-tp-theme="dark"] .trailer-btn-inner { background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .trailer-btn-inner .fa-youtube { color: #ff7a7a; }
:where([data-page="details"])[data-tp-theme="dark"] #person .card { border: 1.5px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] #person .card:hover { border-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] #person .card-body small { color: var(--tp-text-2); }
:where([data-page="details"])[data-tp-theme="dark"] #ist .form-floating > .form-control { border-color: var(--tp-border); color: var(--tp-text-2); background: var(--tp-surface-2); }
:where([data-page="details"])[data-tp-theme="dark"] #ist .form-floating > .form-control:focus { border-color: var(--tp-border-strong); background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] #ist .form-floating > label { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] #delete .form-select,
:where([data-page="details"])[data-tp-theme="dark"] #delete .form-control { border-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] #delete .form-select:focus,
:where([data-page="details"])[data-tp-theme="dark"] #delete .form-control:focus { border-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] #delete .alert-warning { background: rgba(255, 194, 26, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-shell { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-bar { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-tab { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-tab:hover:not(.tdt-active):not(.tdt-disabled) { color: var(--tp-text); background: var(--tp-surface-3); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-tab.tdt-active { color: #8aa5ef; background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-tab.tdt-loading::after { border: 2px solid rgba(30, 74, 251, 0.35); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-badge { background: var(--tp-surface-3); color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-tab.tdt-active .tdt-badge { background: rgba(32, 125, 249, 0.16); color: #8aa5ef; }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-descr { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-descr a { color: #8aa5ef; }
:where([data-page="details"])[data-tp-theme="dark"] .tdt-empty { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-card { border: 1px solid var(--tp-border); background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-card-header { background: var(--tp-surface); border-bottom: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-header-icon { background: rgba(26, 87, 255, 0.16); color: #879cf2; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-header-title { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-header-sub { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-toggle-btn { border: 1px solid var(--tp-border-strong); color: var(--tp-text-2); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-toggle-btn:hover { background: var(--tp-surface-2); border-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-alert-box { background: rgba(255, 201, 26, 0.16); color: #ffdc7a; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-alert-icon { color: #ffd07a; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-steps li { border-bottom: 1px solid var(--tp-border); color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-steps a { color: #879cf2; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-note { color: var(--tp-muted); background: var(--tp-surface-2); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-table-wrap { border: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-table thead th { background: var(--tp-surface-2); color: var(--tp-text-2); border-bottom: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-table tbody tr { border-bottom: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-table tbody tr:hover { background: var(--tp-surface-2); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-table td { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-badge-primary { background: rgba(26, 112, 255, 0.16); color: #90a4e9; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-badge-secondary { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-badge-success { background: rgba(64, 217, 92, 0.16); color: #98e1a6; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-user-link { color: #879cf2; }
:where([data-page="details"])[data-tp-theme="dark"] .upd-hash-link { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .upd-hash-link:hover { color: #879cf2; }
:where([data-page="details"])[data-tp-theme="dark"] .comment-form-wrapper { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .comment-form-header { border-bottom: 1px solid var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .comment-form-header h5 { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .comment-form-header i { color: #8599f4; }
:where([data-page="details"])[data-tp-theme="dark"] .comment-avatar { border: 2px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .comment-textarea { border: 1.5px solid var(--tp-border-strong); color: var(--tp-text); background: var(--tp-surface-2); }
:where([data-page="details"])[data-tp-theme="dark"] .comment-textarea:focus,
:where([data-page="details"])[data-tp-theme="dark"] .comment-textarea.is-active { background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .btn-preview-c { background: var(--tp-surface); color: #fbcb7e; }
:where([data-page="details"])[data-tp-theme="dark"] .btn-preview-c:hover { background: rgba(255, 200, 26, 0.16); color: #ffa97a; }
:where([data-page="details"])[data-tp-theme="dark"] .btn-reset-c { background: var(--tp-surface); color: #f08c8a; border-color: var(--tp-border); }
:where([data-page="details"])[data-tp-theme="dark"] .btn-reset-c:hover { background: rgba(255, 26, 26, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .btn-ai-c { background: var(--tp-surface); color: #8599f4; }
:where([data-page="details"])[data-tp-theme="dark"] .btn-ai-c:hover { background: rgba(26, 71, 255, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .sysop-sender-panel { background: var(--tp-surface-2); border: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .sysop-sender-panel .panel-label { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .sender-input-id { border: 1.5px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .rating-required-panel { background: rgba(255, 209, 26, 0.16); color: #f3af86; }
:where([data-page="details"])[data-tp-theme="dark"] .bonus-notice-panel { background: rgba(52, 228, 107, 0.16); border: 1px solid rgba(50, 231, 113, 0.35); color: #94e5b4; }
:where([data-page="details"])[data-tp-theme="dark"] .bonus-notice-panel i { color: #8aefaf; }
:where([data-page="details"])[data-tp-theme="dark"] .mod-info-alert { background: rgba(26, 126, 255, 0.16); border: 1px solid rgba(29, 128, 251, 0.35); color: #8ea4ec; }
:where([data-page="details"])[data-tp-theme="dark"] .comment-preview-box { background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .comments-header-bar { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .comments-header-bar h5 { color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .lock-btn { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text-2); }
:where([data-page="details"])[data-tp-theme="dark"] .lock-btn:hover { color: #8599f4; background: rgba(26, 71, 255, 0.16); }
:where([data-page="details"])[data-tp-theme="dark"] .filter-tabs-wrap { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .filter-tab-pill { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="details"])[data-tp-theme="dark"] .filter-tab-pill:hover { background: var(--tp-surface-3); color: #8599f4; border-color: rgba(30, 74, 251, 0.35); }
:where([data-page="details"])[data-tp-theme="dark"] .filter-tab-pill:not(.active) .pill-badge { background: var(--tp-surface-3); color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .reaction-filter-wrap { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .reaction-filter-label { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .reaction-btn-pill { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="details"])[data-tp-theme="dark"] .reaction-btn-pill:hover { background: rgba(26, 71, 255, 0.16); color: #8599f4; }
:where([data-page="details"])[data-tp-theme="dark"] .comment-search-wrap .input-group-text { background: var(--tp-surface); border-color: var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .comment-search-wrap .form-control { border-color: var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .search-result-alert { background: rgba(26, 126, 255, 0.16); border: 1px solid rgba(29, 128, 251, 0.35); color: #8ea4ec; }
:where([data-page="details"])[data-tp-theme="dark"] .status-alert.warning { background: rgba(255, 209, 26, 0.16); color: #f3af86; }
:where([data-page="details"])[data-tp-theme="dark"] .status-alert.danger { background: rgba(255, 26, 42, 0.16); border: 1px solid rgba(251, 30, 57, 0.35); color: #f288a5; }
:where([data-page="details"])[data-tp-theme="dark"] .status-alert.info { background: rgba(26, 126, 255, 0.16); border: 1px solid rgba(29, 128, 251, 0.35); color: #8ea4ec; }
:where([data-page="details"])[data-tp-theme="dark"] .no-comments-box { background: var(--tp-surface); border: 2px dashed var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .no-comments-box h6 { color: var(--tp-muted); }
:where([data-page="details"])[data-tp-theme="dark"] .sysop-actions-card { background: var(--tp-surface); }
:where([data-page="details"])[data-tp-theme="dark"] .sysop-actions-card .form-select { border: 1.5px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .sysop-actions-card .form-control { border: 1.5px solid var(--tp-border-strong); }
:where([data-page="details"])[data-tp-theme="dark"] .sysop-check-all { color: var(--tp-text-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .vc-btn { border: 1.5px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .vc-vol-slider::-webkit-slider-thumb { background: var(--tp-surface); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-info-card { background: var(--bs-body-bg, var(--tp-surface)); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-gift-badge { border: 2px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-user-meta .status-online { color: #8eebb0; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-user-meta .status-offline { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .stat-chip .sl { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-tabs-bar { background: var(--bs-body-bg, var(--tp-surface)); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-tabs-bar .nav-link { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-tabs-bar .nav-link:hover { color: #908bef; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-tabs-bar .nav-link.active { color: #908bef !important; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .profile-tenure .tl { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-value { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-bar-track { background: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-stats { border-top: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-stat-item { color: var(--tp-text-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-stat-item.up { color: #8feac0; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-stat-item.down { color: #eb8e97; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-stat-icon.up-bg { background: var(--tp-surface-3); color: #8feac0; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-stat-icon.down-bg { background: rgba(221, 60, 74, 0.16); color: #eb8e97; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ratio-divider { background: var(--tp-surface-3); }
:root[data-tp-theme="dark"]:where([data-page="userdetails"]) { --tab-bg: var(--tp-surface); --tab-border: var(--tp-border); --tab-wrap-bg: var(--tp-surface-2); --tab-wrap-border: var(--tp-border); --tab-text: var(--tp-muted); --tab-text-hover: var(--tp-text); --bubble-bg: var(--tp-border-strong); --bubble-text: var(--tp-text); --arrow-bg: var(--tp-surface); --arrow-hover-bg: var(--tp-surface-2); --arrow-text: var(--tp-muted); --arrow-hover-text: var(--tp-text); --body-bg: var(--tp-surface); --body-border: var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .tab { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .tab:hover { background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .tab.active.is_loading::after { border-color: var(--tp-border); border-top-color: var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .count-bubble { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .arrow { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .arrow:hover { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .alert-empty-profile { background: var(--tp-surface-2); border: 1px solid var(--tp-border); color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .alert-empty-profile i { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card__header { border-bottom: 1px solid var(--tp-border); background: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card__icon-wrap { background: rgba(71, 26, 255, 0.16); color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card__title { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card__count-badge { background: rgba(71, 26, 255, 0.16); color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card__count-badge:hover { background: rgba(75, 35, 245, 0.16); color: #b28eeb; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-btn--ghost { background: var(--tp-surface); color: var(--tp-muted); border: 1px solid var(--tp-border-strong); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-btn--ghost:hover { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-card__body { background: var(--tp-surface); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-nav { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gift-cell__thumb { background: rgba(112, 26, 255, 0.16); border: 1px solid rgba(75, 35, 245, 0.35); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gift-cell:hover .gift-cell__thumb { border-color: rgba(77, 32, 249, 0.35); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gift-cell__zoom-hint { background: rgba(14, 22, 40, 0.82); border: 1px solid var(--tp-border); color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gift-cell__username { color: #b38feb; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gift-cell:hover .gift-cell__username { color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-empty { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-empty__icon { background: rgba(64, 26, 255, 0.16); color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-empty__title { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gifts-empty__sub { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-dialog { background: var(--tp-surface); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-close { background: rgba(14, 22, 40, 0.85); border: 1px solid var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-close:hover { background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-img-wrap { background: rgba(112, 26, 255, 0.16); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-img-shine { background: linear-gradient(180deg, transparent 55%, rgba(14, 22, 40, 0.95) 100%); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-avatar { background: rgba(71, 26, 255, 0.16); border: 2px solid rgba(75, 35, 245, 0.35); color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-sender-label { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-sender-name { color: #b38feb; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-sender-name:hover { color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-wish-wrap { background: rgba(112, 26, 255, 0.16); border: 1px solid rgba(75, 35, 245, 0.35); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .gmodal-wish-text { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .list-group-item:hover { background-color: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .text-purple { color: #b298e1; }
:where([data-page="userdetails"])[data-tp-theme="dark"] code { background-color: var(--tp-surface-2); color: #f189b8; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .hover-lift:hover .card-body { background-color: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .text-purple { color: #b298e1; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-page-wrap { background: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-filter-bar { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-filter-bar .browse_filter_by { border: 1px solid var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-card-header { border-bottom: 1px solid var(--tp-border); background: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-card-header h6 { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-card-header .mt-hbadge { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-violet { background: rgba(75, 35, 245, 0.16); color: #ae86f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-blue { background: rgba(32, 125, 249, 0.16); color: #86a8f4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-emerald { background: rgba(48, 233, 138, 0.16); color: #7ffbd4; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-rose { background: rgba(255, 26, 42, 0.16); color: #f08aa0; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-amber { background: rgba(251, 207, 30, 0.16); color: #fbc17e; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-slate { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-indigo { background: rgba(26, 77, 255, 0.16); color: #9c96e3; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-cyan { background: rgba(30, 232, 250, 0.16); color: #80e2f9; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-fuchsia { background: rgba(205, 26, 255, 0.16); color: #e48ded; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-teal { background: rgba(42, 238, 197, 0.16); color: #89f0e8; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-orange { background: rgba(255, 157, 26, 0.16); color: #f9aa81; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .ic-red { background: rgba(247, 33, 33, 0.16); color: #ed8d8d; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-row { border-bottom: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-label { color: var(--tp-muted); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-control { color: var(--tp-text); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-input { border: 1px solid var(--tp-border); color: var(--tp-text); background: var(--tp-surface); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-radio-group label,
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-check-group label { color: var(--tp-text); border: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-radio-group label:has(input:checked),
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-check-group label:has(input:checked) { background: rgba(75, 35, 245, 0.16); color: #9c96e3; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-select { border: 1px solid var(--tp-border); color: var(--tp-text); background: var(--tp-surface); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-note-info { background: rgba(26, 126, 255, 0.16); color: #8aa5ef; border: 1px solid rgba(29, 128, 251, 0.35); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-note-warn { background: rgba(255, 209, 26, 0.16); color: #f3af86; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-note-danger { background: rgba(255, 26, 42, 0.16); color: #f288a5; border: 1px solid rgba(251, 30, 57, 0.35); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-note-success { background: rgba(52, 228, 107, 0.16); color: #94e5b4; border: 1px solid rgba(50, 231, 113, 0.35); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-chip-violet { background: rgba(75, 35, 245, 0.16); color: #b28eeb; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-chip-slate { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .prv_click label { background: var(--tp-surface-2); border: 1px solid var(--tp-border); color: #9c96e3; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .prv_click label:hover { background: rgba(75, 35, 245, 0.16); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-emoji-ex .mt-emoji-item:hover { background: var(--tp-surface-2); border-color: var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-submit-bar { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-submit-bar .btn-reset-mt { background: var(--tp-surface-2); color: var(--tp-text-2); border: 1px solid var(--tp-border); }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-donor-notice { background: rgba(255, 209, 26, 0.16); color: #f0ae89; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-donor-notice i { color: #fbc17e; }
:where([data-page="userdetails"])[data-tp-theme="dark"] .mt-divider { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sb-user-card { background: var(--tp-surface); }
[data-tp-theme="dark"] .sb-user-header { background: var(--tp-surface); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.sb-user-card) .user-avatar { border: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .sb-username { color: var(--tp-text); }
[data-tp-theme="dark"] .sb-username a:hover { color: #7bb0fe; }
[data-tp-theme="dark"] .sb-bonus a { color: var(--tp-muted); }
[data-tp-theme="dark"] .sb-bonus a:hover { color: #f9cc80; }
[data-tp-theme="dark"] .sb-actions a:hover { color: #7bb0fe; }
[data-tp-theme="dark"] .sb-stats { border-top: 1px solid var(--tp-border); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sb-stat-lbl { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.sb-user-card) .ratio-progress { background: var(--tp-surface-2); }
[data-tp-theme="dark"] :where(.sb-user-card) .ratio-good { color: #0f172a !important; }
[data-tp-theme="dark"] :where(.sb-user-card) .ratio-warning { color: #0f172a !important; }
[data-tp-theme="dark"] .sb-msg-alert { background: rgba(52, 228, 107, 0.16); border: 1px solid rgba(50, 231, 113, 0.35); color: #8decb1; }
[data-tp-theme="dark"] .sb-msg-alert a { color: #8decb1; }
[data-tp-theme="dark"] .sb-info-row { color: var(--tp-text-2); }
[data-tp-theme="dark"] .sb-info-row a { color: var(--tp-text-2); }
[data-tp-theme="dark"] .sb-info-row a:hover { color: #7bb0fe; }
[data-tp-theme="dark"] .sb-activity { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sb-act-lbl { color: var(--tp-muted); }
[data-tp-theme="dark"] .sb-style-select select { border: 1px solid var(--tp-border-strong); background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .sb-logout { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sb-logout a { color: var(--tp-muted); }
[data-tp-theme="dark"] .sb-logout a:hover { color: #f58585; }
[data-tp-theme="dark"] .sb-warned { color: #f58585; }
[data-tp-theme="dark"] :where(.sb-user-card) .has-banner .user-avatar,
[data-tp-theme="dark"] :where(.sb-user-card) .has-color .user-avatar { border: 4px solid var(--tp-border); background: var(--tp-surface); }
[data-tp-theme="dark"] :where(.sb-user-card) .has-banner .sb-actions a,
[data-tp-theme="dark"] :where(.sb-user-card) .has-color .sb-actions a { border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.sb-user-card) .has-banner .sb-actions a:hover,
[data-tp-theme="dark"] :where(.sb-user-card) .has-color .sb-actions a:hover { background: var(--tp-surface); color: #7bb0fe; }
[data-tp-theme="dark"] .sb-login-card { background: var(--tp-surface); }
[data-tp-theme="dark"] .sb-login-card .form-control { border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .sb-login-title { color: var(--tp-text); }
[data-tp-theme="dark"] .sb-login-links a { color: var(--tp-muted); }
[data-tp-theme="dark"] .sb-login-links a:hover { color: #7bb0fe; }
[data-tp-theme="dark"] :where(.viewn_c_in) .search-container { border: 2px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.viewn_c_in) .search-icon { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.viewn_c_in) .search-container:focus-within .search-icon { color: #7abaff; }
[data-tp-theme="dark"] :where(.viewn_c_in) .search-input::placeholder { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.viewn_c_in) .search-container:focus-within .search-input::placeholder { color: #7abaff; }
[data-tp-theme="dark"] :where(.slider-modern) .category-title { color: var(--tp-text); }
[data-tp-theme="dark"] :where(.slider-modern) .category-icon { color: #7abaff; }
[data-tp-theme="dark"] :where(.slider-modern) .category-btn { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.slider-modern) .category-btn:hover { color: #7abaff; }
[data-tp-theme="dark"] :where(.slider-modern) .category-btn.activeCat { color: #7abaff; }
[data-tp-theme="dark"] :where(.slider-modern) .slider-item { background: var(--tp-surface); }
[data-tp-theme="dark"] :where(.slider-modern) .torrent-info { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.slider-modern) .loading-overlay { background: rgba(14, 22, 40, 0.9); }
[data-tp-theme="dark"] :where(.slider-modern) .slider-load-spinner { border: 3px solid var(--tp-border); }
[data-tp-theme="dark"] .tt-cat-wrap { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .tt-cat-track { border-bottom: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .tt-cat-btn { color: var(--tp-muted); }
[data-tp-theme="dark"] .tt-cat-btn:hover { color: #7abaff; background: rgba(26, 117, 255, 0.16); }
[data-tp-theme="dark"] .tt-cat-btn:hover i { color: #7abaff; }
[data-tp-theme="dark"] .tt-cat-btn.activeCat { color: #7abaff; background: rgba(26, 133, 255, 0.16); }
[data-tp-theme="dark"] .tt-cat-btn.activeCat i { color: #7abaff; }
[data-tp-theme="dark"] .tt-cat-arrow { background: linear-gradient(to right, var(--tp-surface) 60%, transparent); color: #7abaff; }
[data-tp-theme="dark"] .tt-cat-arrow.arr-next { background: linear-gradient(to left, var(--tp-surface) 60%, transparent); }
[data-tp-theme="dark"] .tt-cat-arrow:hover { color: #7abaff; }
[data-tp-theme="dark"] .custom-online-block { background: var(--tp-surface) !important; }
[data-tp-theme="dark"] .custom-block-header { background: var(--tp-surface) !important; }
[data-tp-theme="dark"] .custom-block-header a { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .online-extra-row { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .bubble-avatar { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); }
[data-tp-theme="dark"] .bubble-avatar.avatar-fallback { background: var(--tp-surface-3) !important; }
[data-tp-theme="dark"] .bubble-badge { background: var(--tp-surface); }
[data-tp-theme="dark"] .online-bubble-more { background: var(--tp-surface-2) !important; border: 1.5px solid var(--tp-border) !important; color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .online-bubble-more:hover { background: var(--tp-surface-3) !important; }
[data-tp-theme="dark"] .spoiler-modern-btn { background: var(--tp-surface) !important; color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .spoiler-modern-btn:hover { background: var(--tp-surface-2) !important; }
[data-tp-theme="dark"] .stats-row-item { border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-77c76c { color: #ff7a7a !important; }
[data-tp-theme="dark"] .ist-6e275d { color: #8f98ea !important; }
[data-tp-theme="dark"] .ist-8f4640 { background: rgba(255, 201, 26, 0.16) !important; }
[data-tp-theme="dark"] .ist-4a03a4 { color: #facc80 !important; }
[data-tp-theme="dark"] .ist-852394 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-8259f2 { background: rgba(255, 209, 26, 0.16) !important; border: 1px solid rgba(251, 207, 30, 0.35) !important; }
[data-tp-theme="dark"] .ist-4fb0ac { color: #f3af86 !important; }
[data-tp-theme="dark"] .ist-47aaf4 { color: #facc80 !important; }
[data-tp-theme="dark"] .ist-fdba92 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-3da6ed { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-26ebfb { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-672f3b { color: #facc80 !important; }
[data-tp-theme="dark"] .ist-18d096 { background: rgba(255, 201, 26, 0.16) !important; color: #f3af86 !important; }
[data-tp-theme="dark"] .ist-b311e3 { background: rgba(255, 209, 26, 0.16) !important; border: 1px solid rgba(251, 207, 30, 0.35) !important; }
[data-tp-theme="dark"] .ist-f06a86 { color: #f3af86 !important; }
[data-tp-theme="dark"] .ist-24a424 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-fcd955 { color: #fbc17e !important; }
[data-tp-theme="dark"] .ist-70e9b3 { color: #879cf2 !important; }
[data-tp-theme="dark"] .ist-ce5995 { border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-f61566 { background: var(--tp-surface-2) !important; border: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-610607 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-df9845 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-04d872 { background: rgba(40, 26, 255, 0.16) !important; }
[data-tp-theme="dark"] .ist-28c165 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-77982c { background: linear-gradient(transparent, var(--tp-surface)) !important; }
[data-tp-theme="dark"] .ist-e8965f { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-9de46d { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-269d5e { color: #8599f4 !important; }
[data-tp-theme="dark"] .ist-996e94 { color: #f1ce88 !important; }
[data-tp-theme="dark"] .ist-a35ef7 { color: #ff7aff !important; }
[data-tp-theme="dark"] .ist-104989 { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-96338d { color: #94e6e0 !important; }
[data-tp-theme="dark"] .ist-ae155d { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-1f04c4 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-1334f3 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-dd15c5 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-63a573 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-4d8b32 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-b257cd { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-715eeb { color: #f9cc80 !important; }
[data-tp-theme="dark"] .ist-827453 { color: #f58585 !important; }
[data-tp-theme="dark"] .ist-9c313b { color: #0f172a !important; }
[data-tp-theme="dark"] .ist-0a7d25 { border-right: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-3fbde0 { color: #d5f980 !important; }
[data-tp-theme="dark"] .ist-3208b2 { color: #ff957a !important; }
[data-tp-theme="dark"] .ist-7d30e2 { color: #ee7efb !important; }
[data-tp-theme="dark"] .ist-728275 { color: #ee7efb !important; }
[data-tp-theme="dark"] .ist-fcba5d { border-top: 1px dashed var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-77a004 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-fa0dff { color: #f386a2 !important; }
[data-tp-theme="dark"] .ist-120572 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-eb30b1 { color: #ebd28e !important; }
:where([data-page="my"])[data-tp-theme="dark"] .my-hello,
:where([data-page="my"])[data-tp-theme="dark"] #edit_userprofile { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="my"])[data-tp-theme="dark"] .my-hello { color: var(--tp-text); }
:where([data-page="my"])[data-tp-theme="dark"] .my-hello-msg>i { color: #82aef8; }
:where([data-page="my"])[data-tp-theme="dark"] .my-filter>i { color: var(--tp-muted); }
:where([data-page="my"])[data-tp-theme="dark"] .my-count { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card { border: 1px solid var(--tp-border) !important; background: var(--tp-surface); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card>.my-head { background: var(--tp-surface); color: var(--tp-text); border-bottom: 1px solid var(--tp-border); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card>.my-head h5,
:where([data-page="my"])[data-tp-theme="dark"] .my-card>.my-head h6 { color: var(--tp-text); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card>.my-head i { color: #82aef8; }
:where([data-page="my"])[data-tp-theme="dark"] .my-card>.my-head-warn i { color: #ffd07a; }
:where([data-page="my"])[data-tp-theme="dark"] .my-card>.card-body>select,
:where([data-page="my"])[data-tp-theme="dark"] .my-geo select { color: var(--tp-text); background-color: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card .input-group-text { background: var(--tp-surface-2); }
:where([data-page="my"])[data-tp-theme="dark"] #info-nav2 .list-group-item a { color: var(--tp-text-2); }
:where([data-page="my"])[data-tp-theme="dark"] #info-nav2 .list-group-item a i { color: var(--tp-muted); }
:where([data-page="my"])[data-tp-theme="dark"] #info-nav2 .list-group-item:hover { background: var(--tp-surface-2); }
:where([data-page="my"])[data-tp-theme="dark"] #info-nav2 .list-group-item.current1 { background: rgba(26, 113, 255, 0.16); }
:where([data-page="my"])[data-tp-theme="dark"] #info-nav2 .list-group-item.current1 a,
:where([data-page="my"])[data-tp-theme="dark"] #info-nav2 .list-group-item.current1 a i { color: #82aef8; }
:where([data-page="my"])[data-tp-theme="dark"] .my-foot { background: var(--tp-surface-2); border-top: 1px solid var(--tp-border); }
:where([data-page="my"])[data-tp-theme="dark"] .my-side .badge { background: var(--tp-surface-3) !important; color: var(--tp-text-2) !important; }
:where([data-page="my"])[data-tp-theme="dark"] #tabs.tab_rounded>.tab { background: var(--tp-surface) !important; border: 1px solid var(--tp-border-strong) !important; color: var(--tp-text-2) !important; }
:where([data-page="my"])[data-tp-theme="dark"] #tabs.tab_rounded>.tab:hover { color: #82aef8 !important; }
:where([data-page="my"])[data-tp-theme="dark"] .my-emoji .emoji-card { border: 1px solid var(--tp-border); background: var(--tp-surface); }
:where([data-page="my"])[data-tp-theme="dark"] .my-emoji .emoji-radio:checked+.emoji-card { background: rgba(26, 113, 255, 0.16); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card .card.bg-light { border: 1px solid var(--tp-border); background: var(--tp-surface-2) !important; }
:where([data-page="my"])[data-tp-theme="dark"] .my-card .card.bg-light>.card-header { border-bottom: 1px solid var(--tp-border); }
:where([data-page="my"])[data-tp-theme="dark"] .my-card .badge.bg-primary { background: rgba(26, 112, 255, 0.16) !important; color: #82aef8 !important; }
:where([data-page="my"])[data-tp-theme="dark"] .my-card .badge.bg-primary a { color: #82aef8 !important; }
:where([data-page="my"])[data-tp-theme="dark"] .my-card a.badge.bg-secondary { background: var(--tp-surface-2) !important; color: var(--tp-text-2) !important; }
:where([data-page="my"])[data-tp-theme="dark"] .my-krow { border-bottom: 1px solid var(--tp-border); }
:where([data-page="my"])[data-tp-theme="dark"] .my-thead { color: var(--tp-muted); border-bottom: 1px solid var(--tp-border); }
:where([data-page="my"])[data-tp-theme="dark"] .my-sub { border-top: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-wrapper { background: var(--tp-surface); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-nav { background: var(--tp-surface); border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-nav-tab { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-nav-tab:hover { color: var(--tp-text); background: var(--tp-surface-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-nav-tab.active { color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-search-form { background: rgba(62, 126, 218, 0.16); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-search-form:focus-within { background: var(--tp-surface); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-search-input { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-search-btn { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-search-btn:hover { background: rgba(40, 121, 241, 0.16); color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-quick-send { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-quick-select { border: 1px solid var(--tp-border-strong); color: var(--tp-text); background: var(--tp-surface); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-category-tabs { border-bottom: 1px solid var(--tp-border-strong); background: var(--tp-surface); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-category-chip { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-category-chip:hover { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-category-chip.active { background: rgba(35, 112, 245, 0.16); color: #87b5f3; border-color: rgba(50, 121, 230, 0.35); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-reaction-row { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-reaction-row i { color: #fddc7c; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-colhead-row th { background: var(--tp-surface); color: var(--tp-text-2); border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-colhead-row th a { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-colhead-row th a:hover { color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-msg-row { border-bottom: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-msg-row:hover { background: var(--tp-surface-2) !important; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-msg-row.unread { background: var(--tp-surface); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-msg-row.unread .gm-col-sender,
:where([data-page="message"])[data-tp-theme="dark"] .gm-msg-row.unread .gm-col-subject-text { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-msg-row.read { background: var(--tp-surface-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-icon { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-icon .unread-icon { color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-sender { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-subject-text { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-subject-text a { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-subject-text a:hover { color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-col-time { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-badge-conv { background: rgba(35, 112, 245, 0.16); color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .prv_click { color: #87b5f3 !important; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-bulk-bar { background: var(--tp-surface); border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn-bulk { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn-bulk:hover { background: var(--tp-surface-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn-bulk.danger { color: #ec938e; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn-bulk.danger:hover { background: rgba(230, 66, 50, 0.16); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-legend-bar { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-pager { color: var(--tp-text-2); border-top: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-empty { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-alert-warning { background: rgba(248, 198, 33, 0.16); color: #ffe97a; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-wrapper { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-title { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-meta-bar { border-bottom: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-from-label { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-from-val { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-date { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-body { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-view-actions { border-top: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn:hover { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn.danger { color: #ec938e; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-btn.danger:hover { background: rgba(230, 66, 50, 0.16); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-unread-tag { color: #ec938e; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-header a { color: #98e1da !important; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-field { border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-field label { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-field input[type="text"],
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-field select { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-footer { border-top: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-quote { border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-quote-header { background: var(--tp-surface-2); color: var(--tp-text-2); border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-compose-quote-body { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-checkbox-label { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-archive-wrapper { border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-archive-header { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-archive-msg { border-bottom: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-archive-msg-header { background: var(--tp-surface-2); color: var(--tp-text-2); border-bottom: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-archive-msg-body { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-search-info { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-conv-msg { border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-conv-msg-head { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-conv-msg-body { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-conv-msg-attach { border-top: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-abuse-item { border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-abuse-header { background: rgba(248, 198, 33, 0.16); border-bottom: 1px solid var(--tp-border-strong); color: #ffe97a; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-email-form { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-email-form-field { border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-email-form-field label { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-email-form-field input[type="text"] { color: var(--tp-text); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-mass-header { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); color: #98e19d; }
:where([data-page="message"])[data-tp-theme="dark"] .gm-mass-field { border-bottom: 1px solid var(--tp-border); }
:where([data-page="message"])[data-tp-theme="dark"] .gm-mass-field label { color: var(--tp-text-2); }
:where([data-page="message"])[data-tp-theme="dark"] .alink { color: #87b5f3; }
:where([data-page="message"])[data-tp-theme="dark"] .alink:hover { color: #89b5f1; }
:where([data-page="message"])[data-tp-theme="dark"] .error { color: #ec938e; }
:where([data-page="message"])[data-tp-theme="dark"] .right_is_btn .alink { border: 1px solid var(--tp-border-strong); }
:where([data-page="message"])[data-tp-theme="dark"] .right_is_btn .alink:hover { background: var(--tp-surface-2); }
:where([data-page="friends"])[data-tp-theme="dark"] .page-header h1 { color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .page-header .build-tag { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .nav-panel { background: var(--tp-surface-2); border: 1px solid var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .nav-tab { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .nav-tab:hover { background: var(--tp-surface); border-color: var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .nav-tab.active { background: var(--tp-surface); border-color: var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .section-header { border-bottom: 1px solid var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .section-label { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .section-count { color: var(--tp-muted); background: var(--tp-surface-2); border: 1px solid var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .user-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .user-card::before { background: var(--stripe, var(--tp-surface-3)); }
:where([data-page="friends"])[data-tp-theme="dark"] .user-card:hover { border-color: var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .user-card[data-section="friends"] { --stripe: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-av img { border: 1.5px solid var(--tp-border); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-dot { border: 2px solid var(--tp-border); }
:where([data-page="friends"])[data-tp-theme="dark"] .dot-on { color: #0f172a; }
:where([data-page="friends"])[data-tp-theme="dark"] .dot-off { background: var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-name { color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-class { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-info { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .ci-ratio-hi { color: #8aefaf; }
:where([data-page="friends"])[data-tp-theme="dark"] .ci-ratio-ok { color: #86a8f4; }
:where([data-page="friends"])[data-tp-theme="dark"] .ci-ratio-lo { color: #ed8d8d; }
:where([data-page="friends"])[data-tp-theme="dark"] .card-menu-btn { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-menu-btn:hover,
:where([data-page="friends"])[data-tp-theme="dark"] .user-card:hover .card-menu-btn { background: var(--tp-surface-2); border-color: var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .card-menu-btn.open { background: var(--tp-surface-2); border-color: var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] #friends-dd-portal .card-dropdown { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item { color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item i { color: var(--tp-muted); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item:hover { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item:hover i { color: var(--tp-text); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item.danger { color: #ed8d8d; }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item.danger:hover { background: rgba(239, 42, 42, 0.16); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item.notify { color: #80e2f9; }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item.notify:hover { background: rgba(26, 243, 255, 0.16); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item.add { color: #8aefaf; }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-item.add:hover { background: rgba(52, 228, 107, 0.16); }
:where([data-page="friends"])[data-tp-theme="dark"] .dd-divider { background: var(--tp-surface-2); }
:where([data-page="friends"])[data-tp-theme="dark"] .empty-state { background: var(--tp-surface-2); border: 1px dashed var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .st-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="members"])[data-tp-theme="dark"] .ic-bl { background: rgba(26, 126, 255, 0.16); color: #86a8f4; }
:where([data-page="members"])[data-tp-theme="dark"] .ic-gr { background: rgba(52, 228, 107, 0.16); color: #8aefaf; }
:where([data-page="members"])[data-tp-theme="dark"] .ic-re { background: rgba(239, 42, 42, 0.16); color: #ed8d8d; }
:where([data-page="members"])[data-tp-theme="dark"] .ic-ye { background: rgba(245, 226, 35, 0.16); color: #fcd37d; }
:where([data-page="members"])[data-tp-theme="dark"] .st-lbl { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .st-val { color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .sec-hd-ic { background: rgba(251, 207, 30, 0.16); color: #fbc17e; }
:where([data-page="members"])[data-tp-theme="dark"] .sec-hd h2 { color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .sec-pill { background: var(--tp-surface-2); color: var(--tp-muted); border: 1px solid var(--tp-border-strong); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-av-wrap img { border: 2px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-av-dot { border: 2px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-name { color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-age { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-gift { background: rgba(255, 153, 26, 0.16); color: #fbc17e; border: 1px solid rgba(252, 148, 28, 0.35); }
:where([data-page="members"])[data-tp-theme="dark"] .bd-gift:hover { background: rgba(251, 207, 30, 0.16); color: #f9b581; }
:where([data-page="members"])[data-tp-theme="dark"] .bd-empty { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .srch-panel { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="members"])[data-tp-theme="dark"] .srch-field i { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .srch-field input { border: 1px solid var(--tp-border-strong); background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .srch-field input:focus { background: var(--tp-surface); }
:where([data-page="members"])[data-tp-theme="dark"] .srch-sel { border: 1px solid var(--tp-border-strong); background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .qf-row { border-top: 1px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .qf-lbl { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .qf-tag { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .qf-tag:hover,
:where([data-page="members"])[data-tp-theme="dark"] .qf-tag.on { background: rgba(26, 79, 255, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .alpha-bar { border-top: 1px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .alpha-lbl { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .al { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .al:hover,
:where([data-page="members"])[data-tp-theme="dark"] .al.on { background: rgba(26, 79, 255, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .al-reset { color: #f58585; border-color: rgba(251, 30, 30, 0.35); }
:where([data-page="members"])[data-tp-theme="dark"] .al-reset:hover { background: rgba(239, 42, 42, 0.16); color: #ed8d8d; }
:where([data-page="members"])[data-tp-theme="dark"] .mb-panel { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-hd { border-bottom: 1px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-hd-title { color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .lv-wrap i { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] #lv-inp { border: 1px solid var(--tp-border-strong); background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] #lv-inp:focus { background: var(--tp-surface); }
:where([data-page="members"])[data-tp-theme="dark"] .srt-btn { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .srt-btn.on,
:where([data-page="members"])[data-tp-theme="dark"] .srt-btn:hover { background: rgba(26, 79, 255, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-col-hd { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-col-hd span { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-row { border-bottom: 1px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-row:hover { background: var(--tp-surface-2); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-av img { border: 1.5px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-dot { border: 2px solid var(--tp-border); }
:where([data-page="members"])[data-tp-theme="dark"] .dot-on { color: #0f172a; }
:where([data-page="members"])[data-tp-theme="dark"] .dot-off { background: var(--tp-border-strong); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-uname { color: var(--tp-text); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-meta { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-act { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-act:hover { background: rgba(26, 79, 255, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-act.fr:hover { color: #8aefaf; background: rgba(52, 228, 107, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-act.rm:hover { color: #f58585; background: rgba(239, 42, 42, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-act.bl:hover { color: #fbc17e; background: rgba(255, 209, 26, 0.16); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-empty { color: var(--tp-muted); }
:where([data-page="members"])[data-tp-theme="dark"] .mb-empty strong { color: var(--tp-text); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-bar { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-title { color: var(--tp-text); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-title i { color: var(--tp-muted); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-link { color: var(--tp-text-2); background: var(--tp-surface-2); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-link:hover { background: var(--tp-surface-3); color: var(--tp-text); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-card:hover { border-color: var(--tp-border-strong); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-card.is-active { background: rgba(51, 230, 102, 0.16); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-name { color: var(--tp-text); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-tag { color: var(--tp-text-2); background: var(--tp-surface-2); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-tag.is-active { color: #8decb1; background: rgba(44, 237, 110, 0.16); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-price { color: #f9b581; background: rgba(255, 209, 26, 0.16); }
:where([data-page="shop"])[data-tp-theme="dark"] .shop-desc { color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .horizontal-category-menu { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link { color: var(--tp-text-2); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link:hover { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link.active,
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-item.active > .cat-menu-link,
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-item.active > .dropdown > .cat-menu-link { background: rgba(26, 79, 255, 0.16); color: #86a8f4 !important; }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link.active:hover { background: rgba(26, 77, 255, 0.16); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-icon { color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link:hover .cat-icon { color: var(--tp-text-2); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link.active .cat-icon { color: #86a8f4 !important; }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-count { color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link:hover .cat-count { color: var(--tp-text-2); }
:where([data-page="browse"])[data-tp-theme="dark"] .cat-menu-link.active .cat-count { color: #86a8f4; }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-menu { border: 1px solid var(--tp-border); background: var(--tp-surface); }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-menu::-webkit-scrollbar-thumb { background: var(--tp-surface-3); }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item { color: var(--tp-text); }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item i { color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item:hover { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item:hover i { color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item.active { background: rgba(26, 79, 255, 0.16); color: #86a8f4; }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item.active i { color: #86a8f4; }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item.active .badge { color: #86a8f4 !important; }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-item .badge { color: var(--tp-muted) !important; }
:where([data-page="browse"])[data-tp-theme="dark"] .dropdown-menu .dropdown-divider { border-color: var(--tp-border); }
:where([data-page="browse"])[data-tp-theme="dark"] .search-top-compact { background: var(--tp-surface) !important; border-bottom: 1px solid var(--tp-border) !important; }
:where([data-page="browse"])[data-tp-theme="dark"] .search-form-compact .input-group { border: 1px solid var(--tp-border-strong); background: var(--tp-surface); }
:where([data-page="browse"])[data-tp-theme="dark"] .search-form-compact .btn-outline-secondary { border-color: var(--tp-border-strong); color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .search-form-compact .btn-outline-secondary:hover { background: var(--tp-surface-2); border-color: var(--tp-border-strong); color: var(--tp-text); }
:where([data-page="browse"])[data-tp-theme="dark"] .rating-dot { color: var(--tp-muted); }
:where([data-page="browse"])[data-tp-theme="dark"] .brws.tr_searchcloud td { border-top: 1px solid var(--tp-border); }
:where([data-page="browse"])[data-tp-theme="dark"] .br_cat { border: 1px solid var(--tp-border-strong); }
:where([data-page="browse"])[data-tp-theme="dark"] .br_cat option { border-bottom: 1px solid var(--tp-border); }
:where([data-page="browse"])[data-tp-theme="dark"] .br_cat option:hover { background-color: var(--tp-surface-2); }
:where([data-page="browse"])[data-tp-theme="dark"] .br_cat option.cat_ismain { background-color: var(--tp-surface-2); }
:where([data-page="browse"])[data-tp-theme="dark"] .card { border-color: var(--tp-border) !important; }
:where([data-page="browse"])[data-tp-theme="dark"] .card-header { border-bottom: 1px solid var(--tp-border); background: var(--tp-surface-2); }
:where([data-page="browse"])[data-tp-theme="dark"] select::-webkit-scrollbar-track { background: var(--tp-surface-2); }
:where([data-page="browse"])[data-tp-theme="dark"] select::-webkit-scrollbar-thumb { background-color: var(--tp-border-strong); }
[data-tp-theme="dark"] .fb-wrap { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .fb-head { border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .fb-head-ic { background: rgba(26, 87, 255, 0.16); color: #8599f4; }
[data-tp-theme="dark"] .fb-head-title { color: var(--tp-text); }
[data-tp-theme="dark"] .forum-thread-link { color: var(--tp-text); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .forum-thread-link:hover { background: rgba(26, 76, 255, 0.16); }
[data-tp-theme="dark"] .forum-thread-link:hover .fbl-icon,
[data-tp-theme="dark"] .forum-thread-link:hover .fbl-count,
[data-tp-theme="dark"] .forum-thread-link:hover .fbl-title { color: #8599f4; }
[data-tp-theme="dark"] .forum-thread-link:hover .fbl-arrow { color: #8599f4; }
[data-tp-theme="dark"] .fb-foot { border-top: 1px solid var(--tp-border); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .fb-foot a { color: var(--tp-muted); }
[data-tp-theme="dark"] .fb-foot a:hover { color: #8599f4; }
[data-tp-theme="dark"] .cb-outer { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .cb-tabbar { background: rgba(71, 126, 209, 0.16); border-bottom: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .cb-tabbar .tab { color: var(--tp-muted); }
[data-tp-theme="dark"] .cb-tabbar .tab:hover { color: #98b8e1; background: var(--tp-surface-3); }
[data-tp-theme="dark"] .cb-tabbar .tab.active { color: #87b5f3; background: var(--tp-surface); border-color: var(--tp-border); border-bottom-color: var(--tp-border); }
[data-tp-theme="dark"] :where(.cb-outer) .count-bubble { background: rgba(71, 123, 209, 0.16); color: #87b5f3; }
[data-tp-theme="dark"] :where(.cb-outer) .block_bots .colhead { color: var(--tp-muted); background: rgba(71, 126, 209, 0.16); border-bottom: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .block_bots tr.cb-row { border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .block_bots tr.cb-row:hover { background: rgba(71, 126, 209, 0.16); }
[data-tp-theme="dark"] :where(.cb-outer) .block_bots td { color: var(--tp-text); }
[data-tp-theme="dark"] :where(.cb-outer) .block_bots a.alink { color: var(--tp-text); }
[data-tp-theme="dark"] :where(.cb-outer) .block_bots a.alink:hover { color: #87b5f3; }
[data-tp-theme="dark"] .block_bots td.cb-td-user a { color: var(--tp-text); }
[data-tp-theme="dark"] .block_bots td.cb-td-user a:hover { color: #87b5f3; }
[data-tp-theme="dark"] .block_bots td.cb-td-time { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.cb-outer) .float-actions var a.alink { color: var(--tp-muted); background: var(--tp-surface-2); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.cb-outer) .float-actions var a.alink:hover { background: var(--tp-surface-3); color: #87b5f3; }
[data-tp-theme="dark"] :where(.cb-outer) .update_reason { background: var(--tp-surface-2); color: #98e19c; border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] :where(.cb-outer) .update_reason:hover { background: var(--tp-surface-3); }
[data-tp-theme="dark"] :where(.cb-outer) .update_reason span { color: #98e19b; }
[data-tp-theme="dark"] :where(.cb-outer) .prv_click:hover { color: #87b5f3; }
[data-tp-theme="dark"] :where(.cb-outer) .rateyo_upside { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.cb-outer) .block_bots .divcolhead td,
[data-tp-theme="dark"] .block_bots tr.cb-pager td { background: rgba(71, 126, 209, 0.16); border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.cb-outer) .block_bots .divcolhead a,
[data-tp-theme="dark"] .block_bots tr.cb-pager a { color: #87b5f3; }
[data-tp-theme="dark"] :where(.cb-outer) .profiler { color: var(--tp-muted); border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.viewn_c_in) .caption { color: var(--tp-muted); }
[data-tp-theme="dark"] .user__nick { color: var(--tp-text-2); }
[data-tp-theme="dark"] :where(.viewn_c_in) .avatar img { background-color: var(--tp-surface-2); }
[data-tp-theme="dark"] a.tegssa { color: var(--tp-muted); }
[data-tp-theme="dark"] a.tegssa:hover { color: #84b2f5; }
[data-tp-theme="dark"] .xc-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .xc-card:hover { border-color: var(--tp-border-strong); }
[data-tp-theme="dark"] .xc-img-wrap { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .xc-play-btn { background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .xc-play-btn:hover { background: var(--tp-surface-3); color: var(--tp-text); }
[data-tp-theme="dark"] .xc-free { background: rgba(255, 201, 26, 0.16); color: #ffdc7a; }
[data-tp-theme="dark"] .xc-title { color: var(--tp-text); }
[data-tp-theme="dark"] .xc-title a:hover { color: #87a3f2; }
[data-tp-theme="dark"] .xc-pill--up { background: rgba(71, 209, 136, 0.16); color: #90e9b6; }
[data-tp-theme="dark"] .xc-pill--dn { background: rgba(255, 26, 26, 0.16); color: #e99191; }
[data-tp-theme="dark"] .xc-pill--cm { background: rgba(50, 98, 231, 0.16); color: #92a7e8; }
[data-tp-theme="dark"] .xc-meta { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .xc-row { color: var(--tp-muted); }
[data-tp-theme="dark"] .xc-size { color: var(--tp-text); }
[data-tp-theme="dark"] .modern-torrent-item { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .torrent-name { color: var(--tp-text); }
[data-tp-theme="dark"] .torrent-name:hover { color: #7abaff; }
[data-tp-theme="dark"] .torrent-details { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.viewn_c_in) .rating { background: var(--tp-surface-2); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .rating-label { color: var(--tp-text-2); }
[data-tp-theme="dark"] .free-tag { color: #eed28b; }
[data-tp-theme="dark"] :where(.viewn_c_in) .size { background: rgba(26, 140, 255, 0.16); color: #7abdff; border: 1px solid rgba(26, 138, 255, 0.35); }
[data-tp-theme="dark"] :where(.viewn_c_in) .owner { color: var(--tp-text-2); }
[data-tp-theme="dark"] :where(.viewn_c_in) .torrent-stats { background: var(--tp-surface-2); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] :where(.viewn_c_in) .stat-label { color: var(--tp-muted); }
[data-tp-theme="dark"] .seeders-count { color: #94e5a7; }
[data-tp-theme="dark"] .leechers-count { color: #eb8e97; }
[data-tp-theme="dark"] .djl { color: var(--tp-text); }
[data-tp-theme="dark"] .djl-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .djl-card.is-hero { background: radial-gradient(120% 140% at 0% 0%, rgba(var(--dj-rgb), .16) 0%, rgba(var(--dj-rgb), .05) 45%, rgba(255,255,255,0) 70%),
                            var(--tp-surface); }
[data-tp-theme="dark"] .djl-logo-img { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .djl-onair { background: rgba(14, 22, 40, 0.94); }
[data-tp-theme="dark"] .djl-giftcorner { background: rgba(14, 22, 40, 0.96); }
[data-tp-theme="dark"] .djl-gc-item { background: var(--tp-surface-2); border: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .djl-chip { background: rgba(14, 22, 40, 0.8); border: 1px solid var(--tp-border); color: var(--tp-text-2); }
[data-tp-theme="dark"] .djl-chip.is-ok { background: rgba(47, 233, 124, 0.16); border-color: rgba(48, 233, 111, 0.35); color: #8decb1; }
[data-tp-theme="dark"] .djl-chip.is-ok i { color: #8aefaf; }
[data-tp-theme="dark"] .djl-chip.is-no { color: var(--tp-muted); }
[data-tp-theme="dark"] .djl-fraza { color: var(--tp-text-2); }
[data-tp-theme="dark"] .djl-act { background: var(--tp-surface); }
[data-tp-theme="dark"] .djl-now-cover { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .djl-song { color: var(--tp-text); }
[data-tp-theme="dark"] .djl-next { color: var(--tp-muted); }
[data-tp-theme="dark"] .dj-progress { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .dj-player-actions a { background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .djl-recent > summary { color: var(--tp-muted); }
[data-tp-theme="dark"] .dj-track-item { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .dj-track-name { color: var(--tp-text); }
[data-tp-theme="dark"] .djl-gift { border: 1px solid var(--tp-border); background: linear-gradient(180deg, var(--tp-surface) 0%, var(--tp-surface-2) 100%); color: var(--tp-text); }
[data-tp-theme="dark"] .djl-received { color: var(--tp-muted); }
[data-tp-theme="dark"] .djl-sub { border-top: 1px dashed var(--tp-border); }
[data-tp-theme="dark"] .donator-avatar { border: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .top-2 .donator-avatar { border-color: var(--tp-border-strong); }
[data-tp-theme="dark"] .donator-medal { background: var(--tp-surface); }
[data-tp-theme="dark"] .donation-total { color: #ffd67a; }
@media (min-width: 992px) {
[data-tp-theme="dark"] .djl-card.is-support .djl-sub { border-left: 1px dashed var(--tp-border-strong); }
}
[data-tp-theme="dark"] .st-wrap { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .st-page-header { background: var(--tp-surface); }
[data-tp-theme="dark"] .st-page-header h1 { color: var(--tp-text); }
[data-tp-theme="dark"] .st-page-header p { color: var(--tp-muted); }
[data-tp-theme="dark"] .st-live-dot { color: #0f172a; }
[data-tp-theme="dark"] :where(.st-wrap) .st-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .st-table thead th { background: var(--tp-surface-2); color: var(--tp-muted); border-bottom: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .st-table tbody tr { border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .st-table tbody tr:hover { background: rgba(26, 71, 255, 0.16); }
[data-tp-theme="dark"] .st-song-artist { color: var(--tp-text); }
[data-tp-theme="dark"] .st-song-name { color: var(--tp-muted); }
[data-tp-theme="dark"] .st-btn-search { border: 1.5px solid var(--tp-border); background: var(--tp-surface); }
[data-tp-theme="dark"] .st-btn-google { color: #82aef8; }
[data-tp-theme="dark"] .st-btn-yandex { color: var(--tp-text); }
[data-tp-theme="dark"] .st-clip-add { background: var(--tp-surface); color: #8eebb0; }
[data-tp-theme="dark"] .st-badge-who { background: rgba(33, 162, 248, 0.16); color: #7cd1fe; }
[data-tp-theme="dark"] .st-btn-reject { background: var(--tp-surface); color: #f58585; }
[data-tp-theme="dark"] .st-footer-actions { background: var(--tp-surface-2); border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .st-btn-nav.secondary { background: var(--tp-surface); border-color: var(--tp-border-strong); color: var(--tp-text); }
[data-tp-theme="dark"] .st-state-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .st-state-icon.success { background: rgba(52, 228, 107, 0.16); color: #8eebb0; }
[data-tp-theme="dark"] .st-state-icon.warning { background: rgba(241, 169, 40, 0.16); color: #facc80; }
[data-tp-theme="dark"] .st-state-icon.danger { background: rgba(255, 26, 26, 0.16); color: #f58585; }
[data-tp-theme="dark"] .st-state-icon.info { background: rgba(26, 133, 255, 0.16); color: #80aef9; }
[data-tp-theme="dark"] .st-state-card h4 { color: var(--tp-text); }
[data-tp-theme="dark"] .st-state-card p { color: var(--tp-muted); }
[data-tp-theme="dark"] .st-num { background: var(--tp-surface-2); color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-wrap { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .dz-page-header { background: var(--tp-surface); }
[data-tp-theme="dark"] .dz-page-header h1 { color: var(--tp-text); }
[data-tp-theme="dark"] .dz-page-header p { color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .dz-alpha-label { color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-letter { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .dz-letter:hover { color: var(--dj-color, #ed8c8c); background: rgba(255, 26, 26, 0.16); }
[data-tp-theme="dark"] .dz-btn-filter { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .dz-btn-filter:hover { color: var(--dj-color, #ed8c8c); background: rgba(255, 26, 26, 0.16); }
[data-tp-theme="dark"] .dz-btn-add-open { background: rgba(255, 26, 26, 0.16); color: var(--dj-color, #ed8c8c); }
[data-tp-theme="dark"] .dz-modal { background: var(--tp-surface); }
[data-tp-theme="dark"] .dz-form-label { color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-input { border: 1.5px solid var(--tp-border-strong); color: var(--tp-text); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .dz-input:focus { background: var(--tp-surface); }
[data-tp-theme="dark"] .dz-input-wrap:focus-within .dz-input-icon { color: var(--dj-color, #ed8c8c); }
[data-tp-theme="dark"] .dz-btn-cancel { background: var(--tp-surface-2); color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-btn-cancel:hover { background: var(--tp-surface-3); color: var(--tp-text); }
[data-tp-theme="dark"] .dz-alpha-divider { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .dz-table-wrap { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .dz-table thead th { background: var(--tp-surface-2); color: var(--tp-muted); border-bottom: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .dz-table tbody tr { border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .dz-table tbody tr:hover { background: rgba(26, 71, 255, 0.16); }
[data-tp-theme="dark"] .dz-thumb { border: 2px solid var(--tp-border); }
[data-tp-theme="dark"] .dz-thumb-empty { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .dz-artist-link { color: var(--tp-text); }
[data-tp-theme="dark"] .dz-artist-link:hover { color: var(--dj-color, #ed8c8c); }
[data-tp-theme="dark"] .dz-track-name { color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-badge-hit { background: rgba(26, 126, 255, 0.16); color: #86a8f4; }
[data-tp-theme="dark"] .dz-btn-order.order-del { background: var(--tp-surface); color: #f58585; }
[data-tp-theme="dark"] .dz-btn-order.order-del:hover { background: rgba(239, 42, 42, 0.16); }
[data-tp-theme="dark"] .dz-btn-trash { background: var(--tp-surface); color: #f58585; }
[data-tp-theme="dark"] .dz-empty { color: var(--tp-muted); }
[data-tp-theme="dark"] .dz-pager-wrap { border-top: 1px solid var(--tp-border); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .dz-bonus-tag { color: #8aefaf; background: rgba(52, 228, 107, 0.16); border: 1px solid rgba(50, 231, 113, 0.35); }
[data-tp-theme="dark"] .rpv6-wrap { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .rpv6-topbar { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-topbar-info-date { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-topbar-info-dow { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-topbar-divider { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .rpv6-topbar-title { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-onair-dot { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-msk-badge { color: var(--tp-muted); background: var(--tp-surface-2); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-card { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-stat { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-stat-val { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-stat-lbl { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-flabel { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-ctrl { border: 1.5px solid var(--tp-border-strong); color: var(--tp-text); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .rpv6-ctrl:focus { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-day-pick { border: 2px solid var(--tp-border-strong); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .rpv6-day-pick:hover { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-dp-sub { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-dp-name { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-dp-date { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-swrow { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-swrow-lbl { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-sw-slider { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .rpv6-sw-slider::before { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-sw input:checked + .rpv6-sw-slider { color: #0f172a; }
[data-tp-theme="dark"] .rpv6-infobox { background: rgba(26, 126, 255, 0.16); border: 1.5px solid rgba(29, 128, 251, 0.35); color: #8aa5ef; }
[data-tp-theme="dark"] .rpv6-daytabs { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-daytab { border: 2px solid var(--tp-border-strong); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .rpv6-daytab:hover { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-dt-sub { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-dt-name { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-dt-date { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-calwrap { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-cell { border: 1.5px solid var(--tp-border); background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-cell-hd { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .rpv6-cell-time { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-cell-dot { background: var(--tp-border-strong); }
[data-tp-theme="dark"] .rpv6-cell.rp-now .rpv6-cell-dot { background: var(--tp-surface); }
[data-tp-theme="dark"] .rpv6-dj-name { color: var(--tp-text); }
[data-tp-theme="dark"] .rpv6-dj-user { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-dj-prog { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-stol-y { background: rgba(52, 228, 107, 0.16); color: #8aefaf; border: 1px solid rgba(50, 231, 113, 0.35); }
[data-tp-theme="dark"] .rpv6-stol-n { background: rgba(255, 26, 26, 0.16); color: #ed8d8d; border: 1px solid rgba(251, 30, 30, 0.35); }
[data-tp-theme="dark"] .rpv6-legend { border-top: 1px solid var(--tp-border); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .rpv6-leg-item { color: var(--tp-muted); }
[data-tp-theme="dark"] .rpv6-spin-ring { border: 3px solid var(--tp-border); }
[data-tp-theme="dark"] .dlx { color: var(--tp-text); }
[data-tp-theme="dark"] .dlx-count { background: var(--tp-surface-2); color: var(--tp-muted); }
[data-tp-theme="dark"] .dlx-sub { color: var(--tp-muted); }
[data-tp-theme="dark"] .dlc { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .dlc-tool { background: rgba(14, 22, 40, 0.9); color: var(--tp-text); }
[data-tp-theme="dark"] .dlc-tool.is-del { color: #ed8d8d; }
[data-tp-theme="dark"] .dlc-live { background: var(--tp-surface); }
[data-tp-theme="dark"] .dlc-logo { background: var(--tp-surface-2); box-shadow: 0 0 0 3px var(--tp-surface), 0 6px 16px rgba(0,0,0,.15); }
[data-tp-theme="dark"] .dlc-chip { background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .dlc-bio { color: var(--tp-text-2); }
[data-tp-theme="dark"] .dlc-btn { background: var(--tp-surface); }
[data-tp-theme="dark"] .dlx-empty { color: var(--tp-muted); background: var(--tp-surface); border: 1px dashed var(--tp-border-strong); }
[data-tp-theme="dark"] .dlx-help { background: rgba(255, 209, 26, 0.16); color: #f3af86; }
[data-tp-theme="dark"] .dlx-add { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .dlx-input { border: 1.5px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .edx { color: var(--tp-text); }
[data-tp-theme="dark"] .edx-back { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .edx-sub { color: var(--tp-muted); }
[data-tp-theme="dark"] .edx-sec { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .edx-label { color: var(--tp-text-2); }
[data-tp-theme="dark"] .edx-hint { color: var(--tp-muted); }
[data-tp-theme="dark"] .edx-control { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .edx-swatch { border: 2px solid var(--tp-border); box-shadow: 0 0 0 1px var(--tp-surface-3); }
[data-tp-theme="dark"] .edx-code { color: var(--tp-text-2); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .edx-save-bar { background: rgba(14, 22, 40, 0.92); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .edx-btn { border: 1.5px solid var(--tp-border-strong); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .edx-pv-label { color: var(--tp-muted); }
[data-tp-theme="dark"] .edx-pv { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .edx-pv-logo { background: var(--tp-surface-2); box-shadow: 0 0 0 3px var(--tp-surface); }
[data-tp-theme="dark"] .edx-pv-bio { color: var(--tp-text-2); }
[data-tp-theme="dark"] .tv-toolbar { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .tv-filter-input { border: 1px solid var(--tp-border-strong); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-filter-input:focus { background: var(--tp-surface); }
[data-tp-theme="dark"] .tv-sortdd { border: 1px solid var(--tp-border-strong); background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .tv-selectall { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-modeswitch { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-modebtn { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-modebtn.active { background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .tv-count { color: var(--tp-muted); }
[data-tp-theme="dark"] tr.tv-daysep>td { background: var(--tp-surface) !important; }
[data-tp-theme="dark"] .tv-daysep-pill { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-daysep-pill a { color: var(--tp-text); }
[data-tp-theme="dark"] .tv-daysep-ago,
[data-tp-theme="dark"] .tv-daysep-ago a { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-row { background: var(--tp-surface); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .tv-row.tv-head { background: var(--tp-surface-2); border-top: 1px solid var(--tp-border); border-bottom: 1px solid var(--tp-border); color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-row.tv-state-banned { background: rgba(255, 26, 26, 0.16); }
[data-tp-theme="dark"] .tv-c { color: var(--tp-text-2); }
[data-tp-theme="dark"] .tv-sl { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-who-n a { color: var(--tp-text); }
[data-tp-theme="dark"] .tv-ago { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-bar { background: rgba(255, 26, 26, 0.16); }
[data-tp-theme="dark"] .tv-bar.is-empty { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .tv-bar i { color: #0f172a; }
[data-tp-theme="dark"] .tv-cat { color: var(--tp-muted); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-stats { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-poster { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-t0 { color: var(--tp-text); }
[data-tp-theme="dark"] .tv-row .prv_click { background: var(--tp-surface-2); color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-badge-new { background: rgba(64, 217, 92, 0.16); color: #98e1a7; }
[data-tp-theme="dark"] .tv-badge-sticky { background: rgba(255, 193, 26, 0.16); color: #ffbf7a; }
[data-tp-theme="dark"] .tv-badge-banned { background: rgba(255, 26, 26, 0.16); color: #e89191; }
[data-tp-theme="dark"] .tv-badge-free { background: rgba(255, 193, 26, 0.16); color: #ffbf7a; }
[data-tp-theme="dark"] .tv-badge-vip { background: rgba(80, 26, 255, 0.16); color: #ab98e1; }
[data-tp-theme="dark"] .tv-tag { background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .tv-tag.tg_active { background: rgba(26, 159, 255, 0.16); color: #8abff0; }
[data-tp-theme="dark"] .tv-btn-icon { background: var(--tp-surface-2); color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-btn-icon.is-active { background: rgba(26, 159, 255, 0.16); color: #8abff0; }
[data-tp-theme="dark"] .tv-dl-btn { color: var(--mdb-primary,var(--bs-primary,#8abff0)); background: var(--tp-surface); }
[data-tp-theme="dark"] .tv-dl-btn.is-disabled { background: var(--tp-surface-2); border-color: var(--tp-border); }
[data-tp-theme="dark"] .tv-rating { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-peers .up { color: #98e1a7; }
[data-tp-theme="dark"] .tv-peers .down { color: #e89191; }
[data-tp-theme="dark"] .tv-owner a { color: var(--tp-text); }
[data-tp-theme="dark"] .tv-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .tv-card-poster { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-card-poster .tv-card-cat { background: var(--tp-surface); color: var(--tp-text-2); }
[data-tp-theme="dark"] .tv-card-meta { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-card-foot { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .tv-tile-cover { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-tile-chk { background: var(--tp-surface); }
[data-tp-theme="dark"] .tv-tile-title { color: var(--tp-text); }
[data-tp-theme="dark"] .tv-tile-info { background: rgba(14, 22, 40, 0.97); border-top: 1px solid var(--tp-border); color: var(--tp-text-2); }
[data-tp-theme="dark"] .tv-dg { background: var(--tp-surface-2); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .tv-dg-date { color: var(--tp-text); }
[data-tp-theme="dark"] .tv-dg-sub { color: var(--tp-muted); }
[data-tp-theme="dark"] .tv-dg-n { background: var(--tp-surface-3); color: var(--tp-muted); }
@media(hover:hover) {
[data-tp-theme="dark"] .tv-row:hover { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-row.tv-head:hover { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .tv-row.tv-state-banned:hover { background: rgba(255, 26, 26, 0.16); }
[data-tp-theme="dark"] .tv-t0:hover,
[data-tp-theme="dark"] .tv-head a:hover,
[data-tp-theme="dark"] .tv-owner a:hover,
[data-tp-theme="dark"] .tv-stats a:hover,
[data-tp-theme="dark"] .tv-who-n a:hover { color: var(--mdb-primary,var(--bs-primary,#8abff0)); }
[data-tp-theme="dark"] .tv-tag:hover { background: rgba(26, 159, 255, 0.16); color: #8abff0; }
[data-tp-theme="dark"] .tv-modebtn:hover { background: var(--tp-surface-3); color: var(--tp-text); }
[data-tp-theme="dark"] .tv-card:hover { border-color: var(--tp-border-strong); }
[data-tp-theme="dark"] .tv-tile-title:hover { color: var(--mdb-primary,var(--bs-primary,#8abff0)); }
[data-tp-theme="dark"] .tv-dg-date:hover { color: var(--mdb-primary,var(--bs-primary,#8abff0)); }
}
[data-tp-theme="dark"] .ist-6cd4af { color: #7afff3 !important; }
[data-tp-theme="dark"] .ist-e71007 { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-076120 { border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-fdd056 { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-8ec3be { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-85414b { color: var(--tp-text-2) !important; border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-96af48 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-6e872b { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-aff542 { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-cdb7ad { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-4845f1 { background: var(--tp-surface-2) !important; border-top: 1px solid var(--tp-border-strong) !important; color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-f0bfae { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-8ee445 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-1809d7 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-cbba6f { color: #87b5f3 !important; }
[data-tp-theme="dark"] .ist-883bb1 { border-bottom: 1px solid var(--tp-border) !important; color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-1c93f1 { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-ff0ef1 { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-1243f3 { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-ee8b3d { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-ca4511 { border: 1px solid var(--tp-border-strong) !important; }
[data-tp-theme="dark"] .ist-43b19d { color: var(--tp-text-2) !important; border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-a2322c { border-bottom: 1px solid var(--tp-border-strong) !important; }
[data-tp-theme="dark"] .ist-45ec9d { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-92e006 { border-top: 1px solid var(--tp-border-strong) !important; }
[data-tp-theme="dark"] .ist-ea819b { border: 1px solid var(--tp-border-strong) !important; }
[data-tp-theme="dark"] .ist-49b4b7 { border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-987493 { border-top: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-f57f2f { border: 1px solid var(--tp-border-strong) !important; }
[data-tp-theme="dark"] .ist-872065 { border-bottom: 1px solid var(--tp-border-strong) !important; background: var(--tp-surface) !important; }
[data-tp-theme="dark"] .ist-33a341 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-3274ba { color: #87b5f3 !important; }
[data-tp-theme="dark"] .ist-6cd0f7 { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-c8f54c { color: var(--tp-text-2) !important; border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-899523 { color: var(--tp-text) !important; border-bottom: 1px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-0c6af0 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-3bc911 { background: rgba(251, 232, 29, 0.16) !important; color: #edba8d !important; }
[data-tp-theme="dark"] .ist-8668d5 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-281c90 { color: #98e19c !important; }
[data-tp-theme="dark"] .ist-355608 { color: #ed8c8c !important; }
[data-tp-theme="dark"] .ist-6d05ad { color: #90e9b6 !important; }
[data-tp-theme="dark"] .ist-33eee8 { color: #e99191 !important; }
[data-tp-theme="dark"] .ist-c9af8b { color: #91e8bb !important; }
[data-tp-theme="dark"] .ist-7a06e7 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-3008be { color: #8eebb0 !important; }
[data-tp-theme="dark"] .ist-7c49d7 { background: var(--tp-surface) !important; }
[data-tp-theme="dark"] .ist-867352 { background: var(--tp-surface-2) !important; border: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-ede142 { background: var(--tp-surface-3) !important; }
[data-tp-theme="dark"] .ist-2c4830 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-456c99 { color: var(--tp-muted) !important; }

/* ── тёмные варианты: block-novinki2 (themes/BTPro_v24/style.css) ── */
[data-tp-theme="dark"] .my-torrents-block { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .my-torrents-header { border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .my-torrents-title { color: var(--tp-text); }
[data-tp-theme="dark"] .my-torrents-title .title-icon { background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .my-torrents-badge { background: var(--tp-surface-2); color: var(--tp-text); }
[data-tp-theme="dark"] .my-torrents-date { color: var(--tp-muted); }
[data-tp-theme="dark"] .my-torrents-link { color: #92b6e8; }
[data-tp-theme="dark"] .my-torrents-link:hover { color: #8fb2ea; }
[data-tp-theme="dark"] .ts-poster-wrap { background: var(--tp-surface-2); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .ts-movie-title { color: var(--tp-text); }
[data-tp-theme="dark"] .ts-movie-link:hover .ts-movie-title { color: #92b6e8; }
[data-tp-theme="dark"] .ts-nav-btn { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); color: var(--tp-text-2); }
[data-tp-theme="dark"] .ts-nav-btn:hover { background: var(--tp-surface-2); border-color: var(--tp-border-strong); color: var(--tp-text); }
[data-tp-theme="dark"] .ts-movie-owner { color: var(--tp-muted); }
[data-tp-theme="dark"] .ts-movie-owner a { color: var(--tp-muted); }
[data-tp-theme="dark"] .ts-movie-owner a:hover { color: #92b6e8; }

/* ── тёмные варианты: мессенджер (css/messenger.css) ── */
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr { --m-text: var(--tp-text); --m-muted: var(--tp-muted); --m-line: var(--tp-border); --m-hover: var(--tp-surface-2); --m-in: var(--tp-surface); --m-out: rgba(150, 248, 32, 0.16); --m-chat-bg: var(--tp-surface-3); background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-side { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-search > i { color: var(--tp-muted); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-search input { background: var(--tp-surface-2); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-search input:focus { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-dot { border: 2.5px solid var(--tp-border); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-dlg.is-active .msgr-badge { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-main { background-image: radial-gradient(circle at 15% 20%, rgba(14, 22, 40, 0.55) 0, transparent 40%),
        radial-gradient(circle at 85% 75%, rgba(170, 205, 235, 0.45) 0, transparent 45%),
        linear-gradient(160deg, var(--tp-surface-3) 0%, var(--tp-surface-3) 100%); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-head { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-csearch { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-csearch-res { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-csearch-item { border-bottom: 1px solid var(--tp-border); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-csearch-item mark { color: #0f172a; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-banner { background: rgba(14, 22, 40, 0.85); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-us { background: rgba(14, 22, 40, 0.6); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-row.sys .msgr-bb { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-row.out .msgr-bb-fwd { color: #98e198; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-row.out .msgr-bb-reply b { color: #98e198; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-bb-meta { color: var(--tp-muted); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-more { background: rgba(14, 22, 40, 0.85) !important; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-fab { background: var(--tp-surface) !important; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-box { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-input::placeholder { color: var(--tp-muted); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-readonly { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-emoji { background: var(--tp-surface); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-ctx { background: rgba(14, 22, 40, 0.97); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-ctx button { color: var(--tp-text); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-ctx button:hover { background: var(--tp-surface-2); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-ctx button i { color: var(--tp-muted); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-ctx button.danger,
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-ctx button.danger i { color: #f08c8a; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-modal-box { background: var(--tp-surface); color: var(--tp-text); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-modal-text { color: var(--tp-text); }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-modal-btns button { color: #86bdf4; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-modal-btns button.danger { color: #f08c8a; }
:where([data-page^="message_"])[data-tp-theme="dark"] .msgr-modal .msgr-search input { background: var(--tp-surface-2); }

/* ── тёмные варианты: радио (js/chat/dj-radio-chat.css) ── */
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-dj-ava .ava-img { box-shadow: 0 0 0 3px var(--tp-surface), 0 0 0 5px var(--dj), 0 6px 18px rgba(0, 0, 0, .35) !important; }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr.is-playing .djr-dj-ava::before { border: 2px solid var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-live { color: #0f172a; }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-ctrl { border: 1px solid var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-vol input[type=range]::-webkit-slider-thumb { background: var(--tp-surface); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-vol input[type=range]::-moz-range-thumb { background: var(--tp-surface); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-play { background: var(--tp-surface); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-play:focus-visible { outline: 3px solid var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr.is-loading .djr-play::after { border: 2px solid var(--tp-border); border-top-color: var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-tabs { background: var(--tp-surface); border-top: 1px solid var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-tab { border: 1px solid var(--tp-border); background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-tab i { color: var(--tp-muted); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-tab:hover { background: var(--tp-surface-3); color: var(--tp-text); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-fold { box-shadow: -10px 0 10px var(--tp-surface); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-panel { background: var(--tp-surface-2); border-top: 1px solid var(--tp-border); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-error { color: var(--tp-muted); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-retry { background: var(--tp-surface); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .djr-mini-eq i { background: var(--tp-surface); }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .chat-settings-list a.alink { background: rgba(14, 22, 40, 0.92); color: var(--tp-text) !important; }
:where([data-page="tracker-chat"])[data-tp-theme="dark"] .chat-settings-list a.alink:hover { background: var(--tp-surface); }

/* ── тёмные варианты: чат (js/style.chat.scripts.css) ── */
[data-tp-theme="dark"] .chat .msg_del:after,
[data-tp-theme="dark"] .tab:hover .is_private_close:after,
[data-tp-theme="dark"] .chat-rcancel:after,
[data-tp-theme="dark"] .file-cancel:after { color: #ff7a7a; }
[data-tp-theme="dark"] .chat.rounded:has(.msg_del:hover),
[data-tp-theme="dark"] .ul_help_spoiler ul li:hover,
[data-tp-theme="dark"] .chat-rcancel:hover,
[data-tp-theme="dark"] .file-cancel:hover { border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .cquote.quoted { color: #7aff7a; }
[data-tp-theme="dark"] span.cquote { color: #ff7a7a; }
[data-tp-theme="dark"] .chat.rounded:hover span.cquote,
[data-tp-theme="dark"] .cquote.quoted { border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .chat-rnotice,
[data-tp-theme="dark"] .fileList { background: var(--tp-surface-3); color: #98e19c; }
[data-tp-theme="dark"] .chat-rnotice:hover,
[data-tp-theme="dark"] .fileList:hover { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .chat-div * .reaction_btn,
[data-tp-theme="dark"] span.cquote,
[data-tp-theme="dark"] .is_replied { background-color: var(--tp-surface-3); }
[data-tp-theme="dark"] .progress-wrapper { background-color: var(--tp-surface-3); }
[data-tp-theme="dark"] .song-title { color: var(--tp-text); }
[data-tp-theme="dark"] .chat-coms { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .ul_help_spoiler ul li span { color: var(--tp-muted); }
[data-tp-theme="dark"] .chat-rgroup { background: rgba(26, 197, 255, 0.16); }
[data-tp-theme="dark"] .is_replied::before { color: #f87aff; }
[data-tp-theme="dark"] .fileList.is_errorsize { background: rgba(255, 26, 26, 0.16); }
[data-tp-theme="dark"] .filelist_totals { background: var(--tp-surface-2); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .audio-download-btn { background-color: var(--tp-surface-3); color: #7abaff; }
[data-tp-theme="dark"] .is_deleted::before { color: #ff7a7a; }
[data-tp-theme="dark"] #tabs.is_chats > span.tab.archive.active { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .chat-avatar { border: 3px solid var(--tp-border); }
[data-tp-theme="dark"] #tabs.chat_channels.is_overflow > span.tab.archive.active { background: var(--tp-surface-3); }
[data-tp-theme="dark"] #chatLineHolder .msgbox { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] #chatLineHolder .msgbox:hover { background: var(--tp-surface-2); border-color: var(--tp-border-strong); }
[data-tp-theme="dark"] #chatLineHolder .msgbox.is-mine { background: rgba(26, 88, 255, 0.16); border-color: rgba(26, 83, 255, 0.35); }
[data-tp-theme="dark"] #chatLineHolder .msgbox .ava-img.chat-avatar { box-shadow: 0 0 0 2px var(--ring, var(--tp-surface-3)); }
[data-tp-theme="dark"] #chatLineHolder .msgbox .msg-time { color: var(--tp-muted); }
[data-tp-theme="dark"] #chatLineHolder .msgbox .msg-text { color: var(--tp-text); }
[data-tp-theme="dark"] #chatLineHolder .msgbox .msg-footer { color: var(--tp-muted); }
[data-tp-theme="dark"] .msg-pm { background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .msg-pm:hover { background: var(--tp-surface-3); color: var(--tp-text); }
[data-tp-theme="dark"] .ucard { background-color: var(--tp-surface); border: 1px solid var(--tp-border); color: var(--tp-text); }
[data-tp-theme="dark"] .ucard-dot { border: 2px solid var(--tp-border); color: #0f172a; }
[data-tp-theme="dark"] .ucard-sub,
[data-tp-theme="dark"] .ucard-time { color: var(--tp-muted); }
[data-tp-theme="dark"] .ucard-bday { color: #facc80; }
[data-tp-theme="dark"] .ucard-live { color: var(--dj, #ed8c8c); }
[data-tp-theme="dark"] .ucard-g { color: var(--tp-muted); }
[data-tp-theme="dark"] .ucard-g.is-f { color: #f387bc; }
[data-tp-theme="dark"] .ucard-pm { color: var(--tp-text); }

/* ── тёмные варианты: чат (themes/BTPro_v24/css/chat.css) ── */
[data-tp-theme="dark"] .seedss:hover { color: #ff997a; }
[data-tp-theme="dark"] .list_status { background: var(--tp-surface); }
[data-tp-theme="dark"] .bustate { color: var(--tp-muted); }
[data-tp-theme="dark"] .card__clock { fill: #e1bb98; }
[data-tp-theme="dark"] .card__author { color: #e1bb98; }
[data-tp-theme="dark"] .msgbox { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .msg-avatar { background-color: var(--tp-border-strong); }
[data-tp-theme="dark"] .msg-user { color: var(--tp-text); }
[data-tp-theme="dark"] .msg-time { color: var(--tp-muted); }
[data-tp-theme="dark"] .msg-text { color: var(--tp-text); background-color: rgba(26, 140, 255, 0.16); }
[data-tp-theme="dark"] .msg-empty { color: var(--tp-muted); }
[data-tp-theme="dark"] .msg-footer { color: var(--tp-muted); }
[data-tp-theme="dark"] .chat-userlist-wrap { border-left: 1px solid var(--tp-border-strong); background: var(--tp-surface); }
[data-tp-theme="dark"] .chat-userlist-wrap::-webkit-scrollbar-thumb { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .chat-userlist-wrap { background: var(--tp-surface-2); border-left: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .chat-userlist-wrap::-webkit-scrollbar-thumb { background: var(--tp-surface-3); }

/* Старое правило .activeCat в style.css темы задаёт серый фон с !important — в тёмной теме перекрываем */
[data-tp-theme="dark"] .activeCat { background: var(--tp-surface-3) !important; }

/* тёмный вариант заголовка карточки torrenttable */
[data-tp-theme="dark"] .tv-card-title { color: var(--tp-text); }

/* ── тёмные варианты: block_3view_jquery.php — правила из themes/BTPro_v24/style.css ── */
[data-tp-theme="dark"] .user__nick { color: var(--tp-text-2); }
[data-tp-theme="dark"] .texx:hover { color: var(--tp-text-2); }
[data-tp-theme="dark"] .sublnk { border: 1px solid var(--tp-border); background-color: rgba(255, 255, 255, 0.05); }
[data-tp-theme="dark"] .v3block { background: var(--tp-surface); border: 1px solid var(--tp-border); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .lc-card { background: var(--tp-surface); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .lc-card:hover { border-color: var(--tp-border-strong); }
[data-tp-theme="dark"] .lc-head { border-bottom: 1px solid var(--tp-border); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .lc-fire { color: #f69783; }
[data-tp-theme="dark"] .lc-head-title a { color: var(--tp-text); }
[data-tp-theme="dark"] .lc-head-title a:hover { color: #87a3f2; }
[data-tp-theme="dark"] .lc-poster { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .lc-moderated { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .lc-desc { color: var(--tp-text-2); }
[data-tp-theme="dark"] .lc-foot { border-top: 1px dashed var(--tp-border); }
[data-tp-theme="dark"] .lc-stat { border-right: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .lc-stat-lbl { color: var(--tp-muted); }
[data-tp-theme="dark"] .lc-ava { border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .lc-uname { color: var(--tp-text); }
[data-tp-theme="dark"] .lc-uname-link,
[data-tp-theme="dark"] .lc-uname a { color: var(--tp-text); }
[data-tp-theme="dark"] .lc-uname-link:hover,
[data-tp-theme="dark"] .lc-uname a:hover { color: #87a3f2; }
[data-tp-theme="dark"] .lc-utime { color: var(--tp-muted); }
[data-tp-theme="dark"] .lc-badge-upd { background: rgba(50, 98, 231, 0.16); color: #92a7e8; }

/* ── тёмные варианты: block_3view_jquery.php — правила из themes/BTPro_v24/css/chat.css ── */
[data-tp-theme="dark"] .card__time { color: #e1bb98; }
[data-tp-theme="dark"] .card__info { background-color: var(--tp-surface); }
[data-tp-theme="dark"] .card__category { color: var(--tp-muted); }

/* ── тёмные варианты: пагинатор — правила из themes/BTPro_v24/style.css ── */
[data-tp-theme="dark"] .paginator span { color: #e49595; background: var(--tp-surface); }
[data-tp-theme="dark"] .paginator span strong,
[data-tp-theme="dark"] .paginator span a { color: var(--tp-text); background: var(--tp-surface-3); }
[data-tp-theme="dark"] .paginator span a:hover { background-color: var(--tp-surface-3); }
[data-tp-theme="dark"] .paginator span a:active { background-color: var(--tp-surface-3); }
[data-tp-theme="dark"] .paginator .scroll_trough { background: var(--tp-border-strong); }
[data-tp-theme="dark"] .pagination > li > a,
[data-tp-theme="dark"] .pagination > li > span { background-color: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .pagination > li > a:hover,
[data-tp-theme="dark"] .pagination > li > span:hover,
[data-tp-theme="dark"] .pagination > li > a:focus,
[data-tp-theme="dark"] .pagination > li > span:focus { background-color: var(--tp-border-strong); color: var(--tp-text); }
[data-tp-theme="dark"] .pagination > .disabled > span,
[data-tp-theme="dark"] .pagination > .disabled > span:hover,
[data-tp-theme="dark"] .pagination > .disabled > span:focus,
[data-tp-theme="dark"] .pagination > .disabled > a,
[data-tp-theme="dark"] .pagination > .disabled > a:hover,
[data-tp-theme="dark"] .pagination > .disabled > a:focus { color: var(--tp-muted); background-color: var(--tp-surface); border-color: var(--tp-border-strong); }

/* текущая страница: тёмное правило для всех кнопок выше перебивает старое .active — возвращаем выделение акцентом */
[data-tp-theme="dark"] .pagination > .active > a,
[data-tp-theme="dark"] .pagination > .active > span,
[data-tp-theme="dark"] .pagination > .active > a:hover,
[data-tp-theme="dark"] .pagination > .active > span:hover,
[data-tp-theme="dark"] .pagination > .active > a:focus,
[data-tp-theme="dark"] .pagination > .active > span:focus,
[data-tp-theme="dark"] .page-item.active .page-link { background-color: #2563eb; border-color: #2563eb; color: #ffffff; }
[data-tp-theme="dark"] .paginator span strong { background-color: #2563eb; color: #ffffff; }
[data-tp-theme="dark"] .paginator span a:hover,
[data-tp-theme="dark"] .paginator span a:active { background-color: #1d4ed8; color: #ffffff; }
[data-tp-theme="dark"] .paginator_pages { color: var(--tp-muted); }
/* ── тёмные варианты: пакет 3 (upload.php, edit.php, pictedit.php) ── */
:where([data-page="upload"])[data-tp-theme="dark"] .te-tpl-btn { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-tpl-btn:hover { background: rgba(26, 126, 255, 0.16); color: #8aa5ef; }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-nav { background: var(--tp-surface); border-top: 1.5px solid var(--tp-border); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-nav-label { color: var(--tp-muted); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-btn { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-muted); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-btn:hover { color: #86a8f4; background: rgba(26, 126, 255, 0.16); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-btn.te-step-done { border-color: rgba(50, 231, 113, 0.35); background: rgba(52, 228, 107, 0.16); color: #8aefaf; }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-btn.te-step-done::after { border: 2px solid var(--tp-border); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-num { background: var(--tp-surface-2); color: var(--tp-muted); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-btn.te-step-done .te-step-num { background: rgba(44, 237, 110, 0.16); color: #8aefaf; }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-arrow { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text-2); }
:where([data-page="upload"])[data-tp-theme="dark"] .te-step-arrow:hover { color: var(--tp-text); background: var(--tp-surface-2); }
:where([data-page="edit"])[data-tp-theme="dark"] .settings-main-items { background-color: var(--tp-surface-2); }
:where([data-page="edit"])[data-tp-theme="dark"] .nav-tabs .nav-link { color: var(--tp-text-2); background-color: var(--tp-surface-2); }
:where([data-page="edit"])[data-tp-theme="dark"] .nav-tabs .nav-link:hover { color: #7bb0fe; background-color: var(--tp-surface-3); }
:where([data-page="edit"])[data-tp-theme="dark"] .nav-tabs .nav-link.active { color: #7bb0fe; background-color: var(--tp-surface); }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-wrap { background: var(--tp-surface); border: 1px solid var(--tp-border); }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-label { color: var(--tp-muted); }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-name { color: var(--tp-text); }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-link { color: var(--tp-text); }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-link:hover { color: #facc80; }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-chip { background: var(--tp-surface-2); color: var(--tp-muted); }
:where([data-page="edit"])[data-tp-theme="dark"] .uc-divider { background: var(--tp-surface-2); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-nav { background: var(--tp-surface); border-top: 1.5px solid var(--tp-border); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-nav-label { color: var(--tp-muted); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-btn { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-muted); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-btn:hover { color: #86a8f4; background: rgba(26, 126, 255, 0.16); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-btn.te-step-done { border-color: rgba(50, 231, 113, 0.35); background: rgba(52, 228, 107, 0.16); color: #8aefaf; }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-btn.te-step-done::after { border: 2px solid var(--tp-border); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-num { background: var(--tp-surface-2); color: var(--tp-muted); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-btn.te-step-done .te-step-num { background: rgba(44, 237, 110, 0.16); color: #8aefaf; }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-arrow { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text-2); }
:where([data-page="edit"])[data-tp-theme="dark"] .te-step-arrow:hover { color: var(--tp-text); background: var(--tp-surface-2); }
:root[data-tp-theme="dark"]:where([data-page="pictedit"]) { --pe-white: var(--tp-surface); --pe-bg: var(--tp-surface-2); --pe-border: var(--tp-border-strong); --pe-border-light: var(--tp-border); --pe-text: var(--tp-text); --pe-muted: var(--tp-muted); --pe-accent-soft: rgba(26, 97, 255, 0.16); --pe-danger-soft: rgba(255, 26, 26, 0.16); --pe-success-soft: rgba(71, 209, 140, 0.16); --pe-warning-soft: rgba(255, 148, 26, 0.16); }
:where([data-page="pictedit"])[data-tp-theme="dark"] body { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-page-title { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-page-title i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-card-header { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-card-header i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-tab-item { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-tab-item:hover { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-tab-item.active { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-alert-warning { color: #f0b88a; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-alert-warning i { color: #f2b988; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-alert-danger { border-color: rgba(221, 60, 77, 0.35); color: #e5949c; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-alert-danger i { color: #eb8e97; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-alert-info { border-color: rgba(29, 128, 251, 0.35); color: #8ea4ec; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-alert-info i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-action-label { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-action-bar select { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-check-all-wrap { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-online-bar { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-online-bar #edit_online { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-image-thumb-label { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-field-type { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-input-file,
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-input-text { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-active-badge { color: #8feac0; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-rating-label { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-add-section-header { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-add-section-header i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-upload-block-label { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-upload-block-label i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-btn-link { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .inputs .pe-input-file,
:where([data-page="pictedit"])[data-tp-theme="dark"] .in_puts .pe-input-text,
:where([data-page="pictedit"])[data-tp-theme="dark"] .in_puts input[type=text],
:where([data-page="pictedit"])[data-tp-theme="dark"] .inputs input[type=file] { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-textarea { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-desc-section-label { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-desc-section-label i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-check-label { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-desc-select { color: var(--tp-text); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-mod-header { background: var(--tp-surface-2); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-mod-header-left { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-mod-header-left i { color: #86a8f4; }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-mod-length-badge { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-btn-reset { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-btn-reset:hover { color: var(--tp-text); border-color: var(--tp-border-strong); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-size-notice { color: var(--tp-muted); }
:where([data-page="pictedit"])[data-tp-theme="dark"] .pe-size-notice strong { color: var(--tp-text); }
[data-tp-theme="dark"] .ist-004ef3 { background: rgba(255, 209, 26, 0.16) !important; }
[data-tp-theme="dark"] .ist-9fbde3 { border: 2px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-eb7149 { border-color: rgba(50, 231, 113, 0.35) !important; }
[data-tp-theme="dark"] .ist-2332b3 { background: rgba(52, 228, 107, 0.16) !important; border-bottom-color: rgba(50, 231, 113, 0.35) !important; }
[data-tp-theme="dark"] .ist-b94474 { color: #ffaf7a !important; }
[data-tp-theme="dark"] .ist-c86cf2 { border-color: rgba(50, 231, 113, 0.35) !important; }
[data-tp-theme="dark"] .ist-1c4d45 { border-color: rgba(69, 31, 250, 0.35) !important; }
[data-tp-theme="dark"] .ist-e33089 { background: rgba(64, 26, 255, 0.16) !important; border-bottom-color: rgba(69, 31, 250, 0.35) !important; }
[data-tp-theme="dark"] .ist-e874df { border-bottom: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-6e4254 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-fb71f3 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-8352b5 { color: #86a8f4 !important; }
[data-tp-theme="dark"] .ist-a015cc { color: #8ea4ec !important; }
[data-tp-theme="dark"] .ist-366758 { color: #f3af86 !important; }
[data-tp-theme="dark"] .ist-87dbe9 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-54f116 { color: #86a8f4 !important; }
[data-tp-theme="dark"] .ist-2ddb72 { color: #ffaf7a !important; }
[data-tp-theme="dark"] .ist-914c44 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-ccaad9 { color: #f9df80 !important; }
[data-tp-theme="dark"] .ist-154493 { background: var(--tp-surface-2) !important; border: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-2904fb { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-806a3e { color: #ae86f4 !important; }
[data-tp-theme="dark"] .ist-ce7996 { color: #ed8d8d !important; }
[data-tp-theme="dark"] .ist-256b5c { background: var(--tp-surface-2) !important; border: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-e09827 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-a57c2b { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-cc9a01 { color: #ed8d8d !important; }
[data-tp-theme="dark"] .ist-7137a9 { background: var(--tp-surface) !important; border: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-3c3a08 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-07bd68 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-f723e7 { color: #8aefaf !important; }
[data-tp-theme="dark"] .ist-41f400 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-bc091e { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-4ce38a { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-dd1ed6 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-57e62b { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-d0cea7 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-66b5d7 { border: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-1127be { border-bottom: 1.5px solid var(--tp-border) !important; background: var(--tp-surface-2) !important; }
[data-tp-theme="dark"] .ist-ce8b1d { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-fad810 { color: #86a8f4 !important; }
[data-tp-theme="dark"] .ist-6160e5 { color: var(--tp-text) !important; }
[data-tp-theme="dark"] .ist-ec8677 { border-color: var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-f079bd { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-b8ee86 { color: #0f172a !important; }
[data-tp-theme="dark"] .ist-6f76b7 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-63cc27 { background: var(--tp-surface-2) !important; border: 1.5px solid var(--tp-border) !important; }
[data-tp-theme="dark"] .ist-83acc8 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-1d748e { background: rgba(255, 209, 26, 0.16) !important; }
[data-tp-theme="dark"] .ist-6964fa { color: #fbc17e !important; }
[data-tp-theme="dark"] .ist-d21e61 { color: #f3af86 !important; }
[data-tp-theme="dark"] .ist-b330a5 { color: #f3af86 !important; }
[data-tp-theme="dark"] .ist-8b820a { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-1aec55 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-f3166f { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-de794f { color: #8aefaf !important; }
[data-tp-theme="dark"] .ist-d6b52d { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-d3483b { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-36468f { background: rgba(239, 42, 42, 0.16) !important; border: 1.5px solid rgba(251, 30, 30, 0.35) !important; }
[data-tp-theme="dark"] .ist-bf6c89 { color: #eb8e8e !important; }
[data-tp-theme="dark"] .ist-0f795b { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-1057f2 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-5fd2ba { color: #86a8f4 !important; }
[data-tp-theme="dark"] .ist-b404b0 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-974c19 { color: #86a8f4 !important; }
[data-tp-theme="dark"] .ist-c69e5e { color: #86a8f4 !important; }
[data-tp-theme="dark"] .ist-52d954 { color: var(--tp-muted) !important; }

/* ── тёмные варианты: themes/BTPro_v24/css/edit_torrent_style.css ── */
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-wrapper { color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tabs-nav { background: var(--tp-surface-2); border: 1px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tab-btn { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tab-btn:hover { background: var(--tp-surface); color: #8ea4ec; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tab-btn.active { background: var(--tp-surface); color: #86a8f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-card { background: var(--tp-surface); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-card-header { border-bottom: 1px solid var(--tp-border); background: var(--tp-surface-2); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-blue { background: rgba(26, 126, 255, 0.16); color: #86a8f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-green { background: rgba(52, 228, 107, 0.16); color: #8aefaf; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-amber { background: rgba(255, 209, 26, 0.16); color: #fbc17e; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-red { background: rgba(239, 42, 42, 0.16); color: #ed8d8d; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-violet { background: rgba(64, 26, 255, 0.16); color: #ae86f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-slate { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ci-teal { background: rgba(52, 228, 187, 0.16); color: #85f4ea; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-card-title { color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-card-sub { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-label { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-label i { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-wrapper .form-control,
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-wrapper .form-select,
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-wrapper textarea.sharelnk { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ig { border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-ig-pre { background: var(--tp-surface-2); border-right: 1.5px solid var(--tp-border); color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-btn-ghost { background: var(--tp-surface); color: var(--tp-text-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-btn-ghost:hover { color: var(--tp-text); background: var(--tp-surface-2); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-btn-sm { background: var(--tp-surface); color: var(--tp-text-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-btn-sm:hover { color: #86a8f4; background: rgba(26, 126, 255, 0.16); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-badge-blue { background: rgba(26, 126, 255, 0.16); color: #8aa5ef; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-badge-red { background: rgba(239, 42, 42, 0.16); color: #ed8d8d; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-badge-green { background: rgba(52, 228, 107, 0.16); color: #8decb1; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-badge-amber { background: rgba(255, 209, 26, 0.16); color: #f9b581; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-badge-slate { background: var(--tp-surface-2); color: var(--tp-text-2); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-n-blue { background: rgba(26, 126, 255, 0.16); color: #8ea4ec; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-n-green { background: rgba(52, 228, 107, 0.16); color: #8decb1; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-n-amber { background: rgba(255, 209, 26, 0.16); color: #f3af86; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-n-red { background: rgba(239, 42, 42, 0.16); color: #eb8e8e; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .success { background: rgba(52, 228, 107, 0.16); color: #8decb1; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .error { background: rgba(239, 42, 42, 0.16); color: #eb8e8e; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-hr { border-top: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-pill label { border: 1.5px solid var(--tp-border); color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-pill input:checked + label { background: rgba(26, 126, 255, 0.16); color: #8aa5ef; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-pill label:hover { color: #86a8f4; background: rgba(26, 117, 255, 0.16); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-switch-card { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-switch-card:hover { background: rgba(26, 148, 255, 0.16); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-switch-card .te-sw-icon { color: #86a8f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-switch-card .te-sw-label { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .tglink { border: 1.5px solid var(--tp-border); color: var(--tp-muted); background: var(--tp-surface); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .tglink:hover { background: rgba(26, 126, 255, 0.16); color: #86a8f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] #from { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-hash { color: #86a8f4; background: rgba(26, 126, 255, 0.16); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-hash:hover { color: #8aa5ef; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-dl-card { border: 1.5px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-dl-card:hover { background: rgba(26, 126, 255, 0.16); color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-dl-icon-wrap { background: rgba(26, 126, 255, 0.16); color: #86a8f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-dl-title { color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-dl-sub { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-spoiler { border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-spoiler-head { background: var(--tp-surface-2); color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-spoiler-head:hover { background: var(--tp-surface-2); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tbl th { background: var(--tp-surface-2); color: var(--tp-muted); border-bottom: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tbl td { border-bottom: 1px solid var(--tp-border); color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-tbl tr:hover td { background: var(--tp-surface-2); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-id-row { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-id-row:focus-within { background: var(--tp-surface); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-id-row input { color: var(--tp-text); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-id-row a { color: #86a8f4; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-submit-bar { border-top: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-editing-chip { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border); color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-char { background: var(--tp-surface-2); color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-delete-card { border: 1.5px solid rgba(251, 30, 30, 0.35); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-delete-card .te-card-header { background: rgba(255, 26, 26, 0.16); border-bottom: 1px solid rgba(251, 30, 30, 0.35); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-prerel { border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-prerel-head { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-sticky-on { background: rgba(52, 228, 107, 0.16); border: 1.5px solid rgba(50, 231, 113, 0.35); color: #8decb1; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-sticky-config { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .te-group-row { background: var(--tp-surface-2); border: 1.5px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] #from::-webkit-scrollbar-thumb { background: var(--tp-border-strong); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper { border: 2px dashed var(--tp-border-strong) !important; background: var(--tp-surface-2) !important; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper:hover { background: rgba(26, 126, 255, 0.16) !important; }

/* ── тёмные варианты: css/dropify.css ── */
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper { color: var(--tp-muted); background-color: var(--tp-surface); border: 2px solid var(--tp-border-strong); background: rgba(255, 255, 255, 0.06); border: 2px dashed var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper:hover { background-image: -webkit-linear-gradient(135deg, var(--tp-surface-2) 25%, transparent 25%, transparent 50%, var(--tp-surface-2) 50%, var(--tp-surface-2) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, var(--tp-surface-2) 25%, transparent 25%, transparent 50%, var(--tp-surface-2) 50%, var(--tp-surface-2) 75%, transparent 75%, transparent); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-message p.dropify-error { color: #f78282; }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-clear { border: 2px solid var(--tp-border); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-preview { background-color: var(--tp-surface); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-preview .dropify-render img { background-color: var(--tp-surface); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-preview .dropify-render i { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message::before { background: var(--tp-surface); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper.touch-fallback .dropify-preview .dropify-infos .dropify-infos-inner p { color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper.touch-fallback .dropify-clear { border-color: var(--tp-border); color: var(--tp-muted); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-loader::after { border-top: 1px solid var(--tp-border-strong); border-left: 1px solid var(--tp-border-strong); }
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper ~ .dropify-errors-container ul li { color: #f78282; }

/* ── тёмные варианты: themes/BTPro_v24/css/upload.css ── */
:where([data-page="upload"],[data-page="lol"])[data-tp-theme="dark"] a.btup { background-color: var(--tp-surface); }
:where([data-page="upload"],[data-page="lol"])[data-tp-theme="dark"] a.btup:hover,
:where([data-page="upload"],[data-page="lol"])[data-tp-theme="dark"] a.btup:focus { color: var(--tp-text); }

/* ошибки dropify: красная плашка остаётся, текст на ней — белый, как в светлой теме */
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-errors-container,
:where([data-page="edit"],[data-page="upload"])[data-tp-theme="dark"] .dropify-wrapper .dropify-errors-container ul li { color: #ffffff; }

/* ── тёмные варианты: пакет 4 (include/functions_comments.php: редактор .sn-*, инлайн-стили) ── */
[data-tp-theme="dark"] .sn-composer { background: var(--tp-surface); border: 1px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .sn-avatar img.user-avatar { border: 2px solid var(--tp-border-strong); }
[data-tp-theme="dark"] .sn-compose textarea.resizable { color: var(--tp-text); }
[data-tp-theme="dark"] .sn-divider { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .sn-fmtbar { border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sn-fb { border: 1px solid var(--tp-border); background: var(--tp-surface-2); color: var(--tp-text); }
[data-tp-theme="dark"] .sn-fb:hover { background: rgba(35, 112, 245, 0.16); color: #87b5f3; }
[data-tp-theme="dark"] .sn-fsep { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .sn-selrow { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sn-sel { border: 1px solid var(--tp-border); color: var(--tp-text); background: var(--tp-surface); }
[data-tp-theme="dark"] .sn-colorpick { border: 1px solid var(--tp-border); background: var(--tp-surface); }
[data-tp-theme="dark"] .sn-toolbar { border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .sn-tb { color: var(--tp-text-2); }
[data-tp-theme="dark"] .sn-tb:hover { background: rgba(35, 112, 245, 0.16); color: #87b5f3; }
[data-tp-theme="dark"] .sn-tsep { background: var(--tp-surface-3); }
[data-tp-theme="dark"] .sn-ring .rg-bg { stroke: var(--tp-border); }
[data-tp-theme="dark"] .sn-ring-num { color: var(--tp-text-2); }
[data-tp-theme="dark"] .sn-btn-preview { color: #87b5f3; }
[data-tp-theme="dark"] .sn-btn-preview:hover { background: rgba(35, 112, 245, 0.16); }
[data-tp-theme="dark"] .sn-btn-reset { border: 1px solid var(--tp-border); background: var(--tp-surface-2); color: var(--tp-text-2); }
[data-tp-theme="dark"] .sn-btn-reset:hover { background: var(--tp-surface-2); }
[data-tp-theme="dark"] .sn-extra { background: var(--tp-surface-2); border-top: 1px solid var(--tp-border); color: var(--tp-text-2); }
[data-tp-theme="dark"] .sn-note-sel { border: 1px solid var(--tp-border); color: var(--tp-text); background: var(--tp-surface); }
[data-tp-theme="dark"] .sn-act { border: 1px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .sn-act:hover { background: rgba(35, 112, 245, 0.16); color: #87b5f3; }
[data-tp-theme="dark"] .sn-attach { border-top: 1px solid var(--tp-border); background: var(--tp-surface-2); }
[data-tp-theme="dark"] .sn-tab { border: 1px solid var(--tp-border); background: var(--tp-surface); color: var(--tp-text); }
[data-tp-theme="dark"] .sn-tab:hover { background: rgba(35, 112, 245, 0.16); color: #87b5f3; }
[data-tp-theme="dark"] :where(.sn-composer) .dinputs { color: var(--tp-text-2); }
[data-tp-theme="dark"] .ist-206678 { color: var(--tp-muted) !important; }
[data-tp-theme="dark"] .ist-0151e4 { color: #f08c8a !important; }
[data-tp-theme="dark"] .ist-3c5265 { color: var(--tp-text-2) !important; }
[data-tp-theme="dark"] .ist-5994fb { color: var(--tp-text-2) !important; }
/* образцы цвета/шрифта в выпадающих списках остаются на светлом фоне, как в светлой теме */
[data-tp-theme="dark"] .sn-composer select option { background: #fff; color: #0f172a; }

/* ── тёмные варианты: комментарии — правила из themes/BTPro_v24/style.css ── */
[data-tp-theme="dark"] .p-comment-branch[data-nesting="6"] { --accent-bg: rgba(255, 255, 255, 0.05); --control-color: var(--tp-muted); }
[data-tp-theme="dark"] .p-comment-branch[data-nesting="7"] { --accent-bg: rgba(255, 255, 255, 0.05); --control-color: var(--tp-text-2); }
[data-tp-theme="dark"] .p-comment-branch[data-nesting="8"],
[data-tp-theme="dark"] .p-comment-branch[data-nesting="9"] { --accent-bg: rgba(255, 255, 255, 0.04); --control-color: var(--tp-text); }
[data-tp-theme="dark"] .p-comment-main { background-color: var(--accent-bg, var(--tp-surface-2)); border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .p-comment-main:hover { background-color: color-mix(in srgb, var(--accent-bg, var(--tp-surface-2)) 80%, black 5%); }
[data-tp-theme="dark"] .p-branch-collapsed-placeholder { color: var(--tp-text-2); }
[data-tp-theme="dark"] .p-expand-button { color: var(--control-color, #98e19b); }
[data-tp-theme="dark"] .p-username-placeholder,
[data-tp-theme="dark"] .p-comments-count,
[data-tp-theme="dark"] .p-expand-text { color: var(--tp-text); }
[data-tp-theme="dark"] .comment-card { border: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .comment-header { background: var(--tp-surface-3); color: var(--tp-text); } /* было #332d2d (коричневая шапка) */
[data-tp-theme="dark"] .comment-card.sticky { background: linear-gradient(135deg, rgba(255, 26, 26, 0.16) 0%, var(--tp-surface) 100%); }
[data-tp-theme="dark"] .comment-body { background: var(--tp-surface); }
[data-tp-theme="dark"] .comment-footer { background: var(--tp-surface-2); border-top: 1px solid var(--tp-border); }
[data-tp-theme="dark"] .signature { border-left: 3px solid var(--tp-border); color: var(--tp-muted); }
[data-tp-theme="dark"] .comment-meta { color: var(--tp-muted); }
[data-tp-theme="dark"] .action-link { color: var(--tp-muted); }
[data-tp-theme="dark"] .rating-stars { color: #ffde7a; }
[data-tp-theme="dark"] .attachments-preview { background: var(--tp-surface-2); border: 1px dashed var(--tp-border-strong); }
[data-tp-theme="dark"] .ip-info { background: rgba(41, 156, 240, 0.16); }

/* ── тёмные варианты: комментарии — правила из js/added_style.css ── */
[data-tp-theme="dark"] .p-comment-branch[data-nesting="6"] { --control-color: var(--tp-muted); }
[data-tp-theme="dark"] .p-comment-branch[data-nesting="7"] { --control-color: var(--tp-text-2); }
[data-tp-theme="dark"] .p-branch-collapsed-placeholder { background: rgba(255, 255, 255, 0.04); color: var(--tp-text-2); }
[data-tp-theme="dark"] .p-branch-collapsed-placeholder:hover { background: rgba(255, 255, 255, 0.05); }
[data-tp-theme="dark"] .p-expand-button { color: var(--control-color, #98e19b); }
[data-tp-theme="dark"] .p-comments-count { color: var(--tp-muted); }