/* ==========================================================================
   Стили страниц и блоков, перенесённые из <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. БАЗОВАЯ КАРТОЧКА (общая для обоих блоков)
           ═══════════════════════════════════════════════ */
        
        /* Шапка карточки */
        
        
        
        
        /* Тело */
        
        /* Разделитель */
        
        /* Нижняя секция */
        
        /* ═══════════════════════════════════════════════
           3. БЛОК ЗАГРУЗЧИКА
           ═══════════════════════════════════════════════ */

        /* Аватар */
        
        
        
        /* Мета */
                
        
        
        
        
        /* Кнопки репутации */
        
        
                                
        /* Ссылка «все раздачи» */
        
                
        /* ═══════════════════════════════════════════════
           4. БЛОК МОДЕРАЦИИ
           ═══════════════════════════════════════════════ */

        /* Алерт (предупреждение / ошибка) */
        
        
        
        /* Кнопка «Одобрить» */
        
        
        /* Подсказка */
        
        
        /* Pre-release ссылки */
        
        
                        
                        
        /* Статус «Одобрено» */
        
        
                                
        
        
        /* Отказ */
        
        
        /* Extra-ссылки */
        
                
        /* ═══════════════════════════════════════════════
           5. БЛОК БЛАГОДАРНОСТЕЙ
           ═══════════════════════════════════════════════ */

        /* Список поблагодаривших */
        
        
                
        
        /* Разделитель перед кнопкой */
        
        /* ── Кнопки «Спасибо» ── */
        
        
        /* — добавить спасибо (синяя / янтарная) */
        
        
        /* — удалить спасибо */
        
                
        
        
/* ── details.php (строка 2692) ── */












/* БЫЛО — неправильно */


/* НАДО — правильно */













/* ── 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}
                                        
                                                                                                                                                                                                                
                
/* ── 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
        ═══════════════════════════════════════════════ */
                        
        
                                                
        

        /* ═══════════════════════════════════════════════
           TRAILER
        ═══════════════════════════════════════════════ */
        
                
                
        /* Play button */
                                
        /* Iframe после клика */
        
        /* ═══════════════════════════════════════════════
           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 === */

        
        /* ---- 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; }

        
        
        
        
        
        /* спиннер загрузки */
                @keyframes tdt-spin { to { transform: rotate(360deg); } }

        /* бейдж */
                
        /* лоадер-спан справа */
        
        /* ---- PANELS ---- */
                
        /* панель описания */
                        
        /* панель AJAX */
        
        /* пустой стейт */
                
        /* адаптив */
        

/* ── details.php (строка 4864) ── */

/* ── 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;
}

/* Sysop sender panel */

/* Rating required */
/* 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 */

/* 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;
}

/* Filter tabs */

/* Reaction filter */

/* 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 */

/* 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 */

/* Sysop actions card */

/* Pagination */

/* 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: фулл-оберт видео/фото ----- */
/* 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"]) .video-controls {
    position: absolute;
    bottom: 14px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    z-index: 10;
}

/* ----- ПРОФИЛЬ-КАРТОЧКА (под обложкой) ----- */
/* аватар — вылезает из карточки вверх */

/* инфо рядом с аватаром */

/* ----- СТАТИСТИКА (чипы) ----- */

/* ----- ВКЛАДКИ ----- */

/* стаж справа */

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

/* адаптив */
@media (max-width: 768px) {
    
                    :where([data-page="userdetails"]) .video-controls { bottom: 10px; left: 10px; }
    }

/* ── userdetails.php (строка 1362) ── */
            :where([data-page="userdetails"]) .page_counter {
        display: block;
    }
                                                                
/* ── 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"]) #body {
            animation: body-in .22s ease;
        }
        @keyframes body-in {
            from { opacity: 0; transform: translateY(6px); }
            to   { opacity: 1; transform: translateY(0); }
        }

        /* ─── Empty-state Alert ──────────────────────── */
                
        /* ─── 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; }
@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"]) .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"]) .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"]) code {
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #f1f3f5;
    color: #e83e8c;
    font-size: 0.875em;
}

/* ── userdetails.php (строка 3657) ── */







: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;
}



/* ── blocks/block-3view.php (строка 25) ── */
/* Обёртка */

/* Контейнер поиска */

/* Иконка поиска */


/* Поле ввода */
: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;
}


/* Кнопка поиска */



/* ── blocks/block-last_files.php (строка 15) ── */
.slider-modern { position: relative; overflow: hidden; } :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) .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; } }

:where(.slider-modern) #body1 { transition: opacity .2s ease; }
:where(.slider-modern) #body1.lf-busy { opacity: .45; pointer-events: none; }
:where(.slider-modern) .slider-track { cursor: grab; }
:where(.slider-modern) .slider-item.is-free .slider-image::after { content: ""; position: absolute; inset: 0; border: 2px solid #ff980059; border-radius: 12px 12px 0 0; pointer-events: none; }
:where(.slider-modern) .lf-empty { padding: 32px 16px; text-align: center; color: #6c757d; font-size: .9rem; }
[data-tp-theme="dark"] :where(.slider-modern) .lf-empty { color: var(--tp-muted); }

/* ── 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: старый дизайн удалён 2026-10-28, стили блока — css/block-online.css.
      .user-avatar-img оставлен — его используют другие блоки. ── */

/* ==========================================================================
   Инлайн-стили 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-15b680 { font-size: 11px !important; }
.ist-a08315 { max-width: 16px !important; }
.ist-eb30b1 { color: #dcaf35 !important; }
.ist-cea31e { font-size: 12px !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.
   ========================================================================== */

/* ── 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)}
}

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

/* ── PAGE HEADER ── */

/* ── NAV TABS ── */
: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; }

/* ── SECTION ── */
:where([data-page="friends"]) .section { margin-bottom: 28px; }

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

/* ── CARD ── */

/* Card top row */
:where([data-page="friends"]) .dot-on { background: #22c55e; }
:where([data-page="friends"]) .dot-off { background: #d1d5db; }


/* Card info row */

/* Badges */

/* ── DROPDOWN MENU ── */

/* Dropdown рендерится в <body> — вне stacking context карточки */
@keyframes ddFade {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
}
/* Скрытые оригинальные dropdown в карточках */

/* 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); }
}


@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"]) .nav-tab { font-size: 12px; padding: 5px 9px; }
}

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

/* STATS */

/* BIRTHDAY */


/* SEARCH PANEL */

/* QUICK CLASS FILTERS */

/* ALPHABET — буквы через iconv как в users.php */
: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}

/* MEMBERS PANEL */

/* COL HEADERS */

/* ROWS */

:where([data-page="members"]) .dot-on {background:#22c55e}
:where([data-page="members"]) .dot-off {background:#d1d5db}


/* RATIO — цвет через get_ratio_color() */

/* GENDER */

/* 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 */

/* BADGES */

/* EMPTY */

@media(max-width:900px){
    :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}
    }


/* ── 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-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; }
    
                    
/* ── 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}

/* ── 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;
}

: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);
}


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

/* ── block_3view_jquery.php (строка 464) ── */

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

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

            

            

            

/* ── block_3view_jquery.php (строка 810) ── */

    
    .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;
    }

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

    
    
    
    
    :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);
    }

    
    :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;
    }

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

            }

    @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;
        }

        
        .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;
        }

        
        :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;
        }

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

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

    
    /* Улучшенные hover эффекты */
    
    
    
    /* Эффект границы при hover */
    
    
    /* Улучшенная читаемость для длинных названий */
    .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);
    }

/* ==========================================================================
   Пакет 2: инлайн-стили style="" из my, message, friends, members, shop, browse, блоков, shoutbox и torrenttable().
   !important повторяет приоритет инлайн-стиля. Свойства, которые меняет JS (display, width,
   height, opacity, transform, позиционирование) и которые задают утилиты Bootstrap на том же
   элементе, остались инлайн. Имя класса — хэш набора свойств, одинаковые стили делят класс.
   ========================================================================== */
.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-f12b9a { color: #adb5bd !important; }
.ist-019b32 { position: relative !important; }
.ist-5b61b6 { max-width: 50px !important; }


/* ==========================================================================
   Пакет 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"]) .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) ── */

/* ── upload.php (строка 952) ── */

/* ── upload.php (строка 1522) ── */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


/* ── 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;
}


/* ── 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) ── */

/* ── edit.php (строка 1721) ── */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 


/* ── 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 — */
        
        /* — Page title — */
                
        /* — Card shell — */
                                
        /* — Tab navigation — */
                                                        
        /* — Alerts — */
                                                                
        /* — Action bar — */
                                
                
        /* — Online users bar — */
                        
        /* — Image row — */
                
        
                                        
                                
                        
        
                
        /* — Kino/IMDb thumbnails — */
                                        
        /* — Add screenshots section — */
                                
                                                
        :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); }

                        
        /* — Description actions section — */
                                                                
        /* — Moderator notes — */
                                                
        /* — Footer submit bar — */
                                
                
        /* — Divider — */
        
        /* — Max size notice — */
                
        /* — Responsive — */
        

/* ── инлайн-стили style="" страниц upload, edit, pictedit (классы; !important повторяет приоритет инлайн-стиля) ── */

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

/* ── инлайн-стили style="" include/functions_comments.php (классы; !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"] .ic { background: var(--tp-surface); border: 1px solid var(--tp-border); }
: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"] #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-bar { background: var(--tp-surface-2); border-bottom: 1px solid var(--tp-border-strong); }
: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"] .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"] .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"] .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"] .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; }
: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"] .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"] .list-group-item:hover { background-color: var(--tp-surface-2); }
:where([data-page="userdetails"])[data-tp-theme="dark"] code { background-color: var(--tp-surface-2); color: #f189b8; }
[data-tp-theme="dark"] :where(.viewn_c_in) .search-input::placeholder { color: var(--tp-muted); }
[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) .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"] .ist-77c76c { color: #ff7a7a !important; }
[data-tp-theme="dark"] .ist-eb30b1 { color: #ebd28e !important; }
: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"] .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"] .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"] .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"] .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"] .dot-on { color: #0f172a; }
:where([data-page="members"])[data-tp-theme="dark"] .dot-off { background: var(--tp-border-strong); }
: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-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); }
[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"] :where(.viewn_c_in) .caption { color: var(--tp-muted); }
[data-tp-theme="dark"] :where(.viewn_c_in) .avatar img { background-color: var(--tp-surface-2); }
[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"] :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"] .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; }

/* ── тёмные варианты: 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-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"] .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"] .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; }


/* ── тёмные варианты: block_3view_jquery.php — правила из themes/BTPro_v24/style.css ── */

/* ── тёмные варианты: 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="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); }
: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"] .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); }

/* ── тёмные варианты: themes/BTPro_v24/css/edit_torrent_style.css ── */
: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"] .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"] #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: инлайн-стили) ── */

/* ── тёмные варианты: комментарии — правила из 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"] .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); }