/* ==========================================================================
    NoScript — Dark theme override (userContent.css)
   ========================================================================== */
@media (prefers-color-scheme: dark) {
    /****** 1. ОБЩИЙ БЛОК: ******/
    @-moz-document url-prefix(moz-extension://ваш uuid/ui/) {
        /*** 1.1. КОНСТАНТЫ ***/
        :root {
            /* Базовые цвета */
            --ns-bg:               #1e1e21;
            --ns-bg-alt:           #242428;
            --ns-bg-tab-active:    #222;
            --ns-bg-tab-idle:      #2C2C30;
            /* Текст */
            --ns-fg:               #ddd;
            --ns-fg-2:             #bbb;
            --ns-fg-dim:           #888;
            /* Границы */
            --ns-border:           #444;
            /* Акценты пресетов */
            --ns-preset-default:   #666666;
            --ns-preset-t-trusted: #FFEE00;
            --ns-preset-trusted:   #008000;
            --ns-preset-untrusted: #FF4444;
            --ns-preset-custom:    #FFA500;
            /* Акцент UI */
            --ns-accent:           #0084ff;
            /* Размеры */
            --line-size:           22px !important;
            --ns-preset-size:      20px;
            --ns-icon-size:        2em;
            --ns-checkbox-size:    18px;
            --ns-control-height:   2.2em;
            --ns-preset-font-size: 0.9em;
            /* Радиусы */
            --ns-radius:           2px;
            --ns-radius-none:      0;
            /* Прочее */
            --extra-preset-width:  0;
            --img-ui-http:         url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><defs><mask id='m'><rect width='24' height='24' fill='white'/><rect x='4' y='17' width='16' height='1' fill='black'/></mask></defs><g mask='url(%23m)'><rect x='4' y='10' width='16' height='11' rx='1.5' fill='%23EF4545' stroke='%23EF4545' stroke-width='1'/><path d='M7.5 10V7a4.5 4.5 0 0 1 9 0v3' fill='none' stroke='%23EF4545' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></g></svg>") !important;
        }

        /*** 1.2. URL САЙТОВ ***/
        .site .url .full-address {
            text-indent: 6px !important;
        }
        .site .url .full-address .protocol {
            color: #fff !important;
        }
        .site .url .full-address .sub {
            color: var(--ns-fg-dim) !important;
        }
        .site .url .full-address .domain {
            color: var(--ns-fg) !important;
        }

        /*** 1.3. ТАБЛИЦА САЙТОВ ***/
        .sites > li.site {
            min-height: var(--line-size) !important;

            &:nth-of-type(odd) {
                background: var(--ns-bg-alt) !important;
                background-image: none !important;
            }
            &:nth-of-type(even) {
                background: var(--ns-bg) !important;
                background-image: none !important;
            }
            &:hover,
            &:focus-within {
                background: var(--ns-bg-tab-idle) !important;
            }
        }

        /*** 1.4. ЧЕКБОКСЫ ***/
        input[type="checkbox"] {
            appearance: none !important;
            border: 1px solid var(--ns-border) !important;
            background-color: var(--ns-bg-alt) !important;
            transition: color 0.3s;
            width:  var(--ns-checkbox-size) !important;
            height: var(--ns-checkbox-size) !important;
            margin-bottom: 0 !important;

            &:not([disabled="true"]):hover {
                box-shadow: 0 0 4px var(--ns-accent) !important;
                border-color: var(--ns-accent) !important;
            }
            &:not(.temp):checked {
                background:
                    var(--ns-bg-alt)
                    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15px" height="15px" viewBox="0 0 16 16"><path fill="rgb(220,220,220)" d="M 13.09,2.87 C 13.09,2.87 6.00,11.00 6.00,11.00 6.00,11.00 2.00,9.00 2.00,9.00 4.25,12.81 7.00,14.00 7.00,14.00 9.24,10.42 12.04,7.39 13.09,2.87 Z" /></svg>')
                    no-repeat center calc(50% - 2px) !important;
            }
        }
        input[type="checkbox"]:not(.https-only):not(.temp):checked::before {
            transform: scale(0) !important;
        }
        span.cap.needed {
            appearance: none !important;
            background-color: var(--ns-preset-untrusted) !important;
            box-shadow: none !important;
            &:focus-visible,
            &:is(.cap.needed, .switch):focus-within {
                filter: none !important;
            }
        }
        .cap {
            border-radius: var(--ns-radius-none) !important;
            margin-right: 2px !important;
            & input[type="checkbox"] {
                margin: 2px 4px 0 0 !important;
            }
        }

        /* Радио — ховер */
        input[type="radio"]:not(.preset):not([disabled="true"]):hover {
            box-shadow: 0 0 4px var(--ns-accent) !important;
            border-color: var(--ns-accent) !important;
        }

        /*** 1.5. ПОЛЯ ВВОДА ***/
        input[type="text"],
        input[type="search"],
        textarea,
        select {
            border-color: var(--ns-border) !important;
            border-radius: var(--ns-radius) !important;
        }

        /*** 1.6. КНОПКИ ***/
        button {
            background-color: transparent !important;
            color: var(--ns-fg) !important;
            border-radius: var(--ns-radius) !important;
        }

        /*** 1.7. ПРЕСЕТЫ — попап и настройки ***/
        tr.site td.presets,
        .site .presets {
            padding-right: 8px !important;
        }
        .presets {
            display: flex !important;
            flex-wrap: nowrap !important;
            align-items: center !important;
        }

        /* Поле пресета */
        .presets input.preset {
            width:  var(--ns-preset-size) !important;
            height: var(--ns-preset-size) !important;
            margin: 0 0.1em 0 calc(0.3em - 1px) !important;
            background: color-mix(in srgb, var(--ns-bg) 20%, transparent) !important;
            box-shadow: inset 0 1px 1px #000 !important;
            border-radius: var(--ns-radius-none) !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            vertical-align: middle !important;
            box-sizing: border-box !important;
            &:checked {
                background: none !important;
                box-shadow: none !important;
                width: 150px !important;
                min-width: 150px !important;
            }
        }

        /* Label пресета */
        .preset label.preset {
            display: none;
            padding: 0 0.4em !important;
            color: var(--ns-fg-2) !important;
            text-shadow: 0 1px 1px #000 !important;
            font-size: var(--ns-preset-font-size) !important;
            height: calc(var(--ns-preset-size) - 1px) !important;
            line-height: calc(var(--ns-preset-size) - 1px) !important;
            align-items: center !important;
            white-space: nowrap !important;
            border-radius: var(--ns-radius-none) !important;
            left: 6px !important;
        }

        .presets input.preset:checked + label.preset {
            display: inline-flex !important;
            flex: 1 !important;
            justify-content: center !important;
            color: var(--ns-fg-dim) !important;
            background-color: var(--ns-bg) !important;
            letter-spacing: 0.1em !important;
            font-weight: 600 !important;
            width: 138px !important;
            min-width: 138px !important;
        }

        /* Label - ИНДИВИДУАЛЬНО */
        .presets:has(input.preset:checked ~ input.temp) input.preset:checked + label.preset {
            justify-content: left !important;
            padding: 0 0 2px 10px !important;
            .site.customizing & {
                background-color: var(--ns-bg-alt) !important;
            }
        }
        .site.customizing .presets:has(input.preset[aria-expanded="true"]) input.preset:checked {
            border-bottom: 1px solid var(--ns-bg-alt) !important;
        }
        .customizing .presets:has(input.preset[aria-expanded="true"]) input.preset:checked:hover {
            box-shadow: none !important;
        }
        #sites .customizer-controls {
            margin: -2px 0 0 0 !important;
            border: 1px solid var(--ns-preset-custom) !important;
        }

        /* Часы - ИНДИВИДУАЛЬНО */
        input.preset:checked ~ input.temp {
            width:  calc(var(--ns-preset-size) - 1px) !important;
            height: calc(var(--ns-preset-size) - 1px) !important;
            top: 3px !important;
            right: 6px !important;
            margin: 0 !important;
            background-color: transparent !important;
            border-color: transparent !important;
            &:hover {
                box-shadow: inset 0 0 6px var(--ns-accent) !important;
                border-color: var(--ns-accent) !important;
            }
        }

        /* --- Контуры пресетов (обычное состояние) --- */
        .preset.DEFAULT   input.preset { border: 1px solid var(--ns-preset-default)   !important; }
        .preset.T_TRUSTED input.preset { border: 1px solid var(--ns-preset-t-trusted) !important; }
        .preset.TRUSTED   input.preset { border: 1px solid var(--ns-preset-trusted)   !important; }
        .preset.UNTRUSTED input.preset { border: 1px solid var(--ns-preset-untrusted) !important; }
        .preset.CUSTOM    input.preset { border: 1px solid var(--ns-preset-custom)    !important; }

        /* --- Контуры пресетов (hover) --- */
        .preset.DEFAULT input.preset:hover {
            box-shadow: inset 0 0 2px var(--ns-preset-default) !important;
            border-color: var(--ns-preset-default) !important;
        }
        .preset.T_TRUSTED input.preset:hover {
            box-shadow: inset 0 0 2px var(--ns-preset-t-trusted) !important;
            border-color: var(--ns-preset-t-trusted) !important;
        }
        .preset.TRUSTED input.preset:hover {
            box-shadow: inset 0 0 2px var(--ns-preset-trusted) !important;
            border-color: var(--ns-preset-trusted) !important;
        }
        .preset.UNTRUSTED input.preset:hover {
            box-shadow: inset 0 0 2px var(--ns-preset-untrusted) !important;
            border-color: var(--ns-preset-untrusted) !important;
        }
        .preset.CUSTOM input.preset:hover {
            box-shadow: inset 0 0 2px var(--ns-preset-custom) !important;
            border-color: var(--ns-preset-custom) !important;
        }

        /*** 1.8. Основные >> Пресеты ***/
        .customizer fieldset {
            padding: 4px 2px 0px 8px !important;
            background-color: var(--ns-bg-alt) !important;
        }
        .capsContext select {
            height: var(--ns-control-height) !important;
            font-size: var(--ns-preset-font-size) !important;
        }
        .capsContext button.reset {
            padding: 0 8px !important;
            border: 1px solid var(--ns-border) !important;
            height: var(--ns-control-height) !important;
            font-size: var(--ns-preset-font-size) !important;
        }

        /*** 1.9. ПРОЧЕЕ ***/
        #https-only {
            margin-top: 0.1em !important;
        }
        :not([data-theme="light"]) input.preset {
            filter: none !important;
        }
    }

    /****** 2. OPTIONS / PROMPT / SITEINFO ******/
    @-moz-document
        url-prefix(moz-extension://ваш uuid/ui/options.html),
        url-prefix(moz-extension://ваш uuid/ui/prompt.html),
        url-prefix(moz-extension://ваш uuid/ui/siteInfo.html) {
        h1 {
            color: var(--ns-fg) !important;
        }
        .flextabs__toggle[aria-expanded="true"],
        .flextabs__content {
            background: var(--ns-bg-tab-active) !important;
            color: var(--ns-fg) !important;
        }
        .flextabs__toggle[aria-expanded="false"] {
            background: var(--ns-bg-tab-idle) !important;
            color: var(--ns-fg-dim) !important;
        }
        input#newsite,
        #xssChoices select {
            border-radius: var(--ns-radius) !important;
        }
        section fieldset {
            background: var(--ns-bg-tab-idle) !important;
            border-radius: var(--ns-radius) !important;
        }
        button:not(.flextabs__toggle) {
            color: var(--ns-fg) !important;
            border: 1px solid var(--ns-border) !important;
            background: var(--ns-bg-tab-idle) !important;
        }
        button.close {
            background:
                var(--ns-bg-tab-idle)
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="%23ddd" stroke-width="2.4" stroke-linecap="round" d="M6 6 L18 18 M18 6 L6 18"/></svg>')
                no-repeat center / 1.2em !important;
            transition: background-color 0.2s;
        }

        /* Ховер кнопок */
        button:not(.flextabs__toggle):not(.close):hover,
        #current-behavior:hover,
        #xssChoices button:hover,
        #tgForgetButton:hover,
        .buttons button:hover {
            background: color-mix(in srgb, var(--ns-bg-tab-idle) 95%, white) !important;
            color: var(--ns-fg-2) !important;
        }
        button.close:hover {
            background:
                color-mix(in srgb, var(--ns-bg-tab-idle) 95%, white)
                url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path stroke="%23ddd" stroke-width="2.4" stroke-linecap="round" d="M6 6 L18 18 M18 6 L6 18"/></svg>')
                no-repeat center / 1.2em !important;
        }

        #presets :is(.presets input.preset + label, .customizer-controls) {
            box-shadow: 0 0 .2em transparent !important;
        }
        .customizer-controls {
            margin: -1px 0 0 0 !important;
        }

        /* выделение строки в межсайтовых запросах */
        select[multiple]:focus option:checked {
            background: var(--ns-border) linear-gradient(0deg, var(--ns-border) 0%, var(--ns-border) 100%) !important;
            -webkit-text-fill-color: var(--ns-fg-2) !important;
        }

        /* Основные >> Пресеты  */
        #sect-presets #presets {
            & ul.sites > li.site {
                background: inherit !important;
            }
            & .presets input.preset:checked {
                position: relative !important;
                z-index: 101 !important;
                top: 0 !important;
            }
            & .presets input.preset:checked + label.preset {
                background-color: var(--ns-bg-alt) !important;
                z-index: 100 !important;
                bottom: 3px !important;
            }
            & .site-controls .presets > .preset {
                display: inline-flex !important;
                margin-bottom: -3px !important;
            }
            & .site-controls .presets > .preset:not(:has(input.preset:checked)) {
                flex-direction: row !important;
                align-items: center !important;
                & label {
                    width: 120px !important;
                    justify-content: center !important;
                    letter-spacing: 0.1em !important;
                }
            }
            & .site-controls .presets > .preset:not(:has(input.preset:checked)) input.preset {
                border-bottom-color: transparent !important;
            }

            /* цвета обводки поля правил */
            & .site[data-preset="DEFAULT"] .customizer fieldset {
                border: 1px solid var(--ns-preset-default) !important;
            }
            & .site[data-preset="TRUSTED"] .customizer fieldset {
                border: 1px solid var(--ns-preset-trusted) !important;
            }
            & .site[data-preset="UNTRUSTED"] .customizer fieldset {
                border: 1px solid var(--ns-preset-untrusted) !important;
            }
            & .site[data-preset="T_TRUSTED"] .customizer fieldset {
                border: 1px solid var(--ns-preset-t-trusted) !important;
            }
            & .site[data-preset="CUSTOM"] .customizer fieldset {
                border: 1px solid var(--ns-preset-custom) !important;
            }
        }
    }

    /****** 3. POPUP ******/
    @-moz-document url-prefix(moz-extension://ваш uuid/ui/popup.html) {
        body {
            margin: 0 !important;
            padding: 0 !important;
        }
        #message {
            --hilite-color: #777777 !important;
            background-color: var(--ns-bg) !important;
            border-radius: var(--ns-radius-none) !important;
        }
        #top {
            border-bottom: 1px solid var(--ns-border) !important;
            height: var(--ns-icon-size) !important;
            padding: 0 !important;
            background: none !important;
        }
        #top .icon {
            width:  var(--ns-icon-size) !important;
            height: var(--ns-icon-size) !important;
            margin: 0 0.25em !important;
        }
        #buttons {
            display: none !important;
        }
    }
}

/* ============================================================================
   uBlock Origin — dark theme (custom, v44, nested) 260924
   ===========================================================================*/
@media (prefers-color-scheme: dark) {
/****** 1. ОБЩИЕ ПРАВИЛА ******/
@-moz-document url-prefix("moz-extension://ваш uuid/") {
    :root {
        /* ===== Акценты ===== */
        --accent-base: rgb(0, 116, 232);        /* Основной акцент (синий) */
        --accent-blue: rgba(51, 153, 255, 0.9); /* Голубой (значки, татлы, ссылки) */
        --accent-blue-hover: #3399FF;           /* Голубой — ховер */
        --hover-soft: rgba(150, 150, 150, 0.1); /* Нейтральный фон ховера */
        --gold: #ffbb33;                        /* Золотой (фильтр, counts, badge) */
        /* ===== Фоны ===== */
        --bg-base: #2B2A33;                     /* Основной фон (body, вкладки) */
        --bg-surface: #232228;                  /* Фон панелей, кнопок, полей */
        --bg-code: #1a1920;                     /* Фон редактора CodeMirror */
        /* ===== Бордеры ===== */
        --border-base: #3a3944;                 /* Основной бордер */
        --border-hover: #4D4D4D;                /* Бордер при ховере/фокусе */
        /* ===== Текст ===== */
        --ink-base: #d8d8d8;                    /* Основной текст */
        --ink-bright: #e8e8e8;                  /* Светлый текст */
        --ink-dim: #a0a0a0;                     /* Серый (иконки, статистика) */
        --ink-faint: #707070;                   /* Placeholder, номера строк */
        --ink-hover: #d0d0d0;                   /* Текст при ховере */
        --ink-disabled: #888888;                /* Отключённый текст */
        /* ===== Статусы ===== */
        --error: #ff6060;                       /* Ошибка / удалить */
        --ok: #1fa61f;                          /* Успех / кэш */
        /* ===== Радиусы ===== */
        --radius-0: 0px;                        /* Поля ввода */
        --radius-2: 2px;                        /* Кнопки, чекбоксы */
        /* ===== Прочее ===== */
        --scrollbar-width: 10px;                /* Отступ под системный скроллбар:
                                                 *   оверлей как правило 8–16px,
                                                 *   обычный наверное 0px */
    }
    /* Скрыть настройки цвета в Настройках */
    .li:has(input[data-setting-name="uiAccentCustom"]),
    .li:has(input[data-setting-name="colorBlindFriendly"]) {
        display: none !important;
    }
    html:not(#ublock0-epicker):not(#ublock0-inspector) {
        &, & > body {
            background-color: var(--bg-base) !important;
            color: var(--ink-base) !important;
        }
    }
    /* Ссылки */
    a {
        &:link    { color: var(--accent-blue) !important; }
        &:visited { color: #BE79D5 !important; }
        &:hover   { color: #a8d0ff !important; }
        &:active  { color: var(--accent-blue-hover) !important; }
    }
    /* Выделение текста */
    ::selection {
        background-color: color-mix(in srgb, var(--accent-base) 35%, transparent) !important;
        color: inherit !important;
    }
    /* выделение в коде */
    .CodeMirror-selected,
    .CodeMirror-focused .CodeMirror-selected,
    .CodeMirror-line::selection,
    .CodeMirror-line > span::selection,
    .CodeMirror-line > span > span::selection {
        background-color: color-mix(in srgb, var(--accent-base) 35%, transparent) !important;
        color: inherit !important;
    }
    .fieldset-header, h3 {
        color: var(--accent-blue) !important;
        font-size: 18px !important;
    }
    .synopsis {
        color: var(--accent-blue) !important;
        font-size: 16px !important;
    }
    .synopsis {
        padding-left: 26px !important;
    }
    hr {
        border: 0 !important;
        border-top: 1px solid var(--border-base) !important;
        margin: 0 !important;
    }
    code {
        background-color: var(--bg-surface) !important;
        color: var(--ink-base) !important;
    }
    .fieldset {
        margin: 0 !important;
        padding: 1em 0.5em !important;
    }
/****** 2. КНОПКИ ******/
    button,
    input[type="button"],
    input[type="submit"] {
        border-radius: var(--radius-2) !important;
    }
    button > .hover { border-radius: var(--radius-2) !important; }
    .tabButton > .hover { border-radius: 4px 4px 0 0 !important; }
    select,
    textarea {
        border-radius: var(--radius-0) !important;
    }
    button:not(.whatisthis):not(#buttonUpdate):not(#buttonApply):not(.tabButton) {
        appearance: none !important;
        background-color: var(--bg-surface) !important;
        background-image: none !important;
        color: var(--ink-base) !important;
        border: 1px solid var(--border-base) !important;
        box-shadow: none !important;
        &:hover {
            background-color: var(--hover-soft) !important;
            border-color: var(--border-hover) !important;
        }
    }
    button.whatisthis { filter: brightness(200%) !important; }
    button[disabled="true"] { opacity: 0.5 !important; }
    #buttonApply.important.iconifiable,
    #buttonUpdate.important.iconifiable {
        &.disabled {
            appearance: none !important;
            background-color: color-mix(in srgb, var(--accent-base) 40%, var(--bg-surface)) !important;
            color: var(--ink-disabled) !important;
            fill: var(--ink-disabled) !important;
            border: 1px solid var(--border-base) !important;
        }
        &:not(.disabled) {
            appearance: none !important;
            background-color: var(--accent-base) !important;
            color: var(--ink-bright) !important;
            fill: var(--ink-bright) !important;
            border: none !important;
            &:hover {
                background-color: var(--accent-blue-hover) !important;
                color: var(--ink-bright) !important;
                fill: var(--ink-bright) !important;
            }
        }
    }
    #localData > div:last-of-type > button {
        min-width: 400px !important;
        width: 400px !important;
    }
/****** 3. ВКЛАДКИ ДАШБОРДА ******/
    html body #dashboard-nav button.tabButton {
        background-color: var(--bg-base) !important;
        color: var(--ink-dim) !important;
        fill: var(--ink-dim) !important;
        border: 0 !important;
        border-bottom: 2px solid transparent !important;
        border-radius: 4px 4px 0 0 !important;
        box-shadow: none !important;
        &:not(.selected):hover {
            background-color: var(--hover-soft) !important;
            border-bottom-color: var(--border-hover) !important;
            color: var(--ink-base) !important;
        }
        &.selected {
            background-color: var(--bg-surface) !important;
            color: var(--accent-blue) !important;
            fill: var(--accent-blue) !important;
            border: 0 !important;
            border-bottom: 2px solid var(--accent-blue) !important;
            border-radius: 4px 4px 0 0 !important;
            font-weight: 600 !important;
        }
    }
/****** 4. ПОЛЯ ВВОДА / SELECT / TEXTAREA / ЧЕКБОКСЫ ******/
    input:not([type="checkbox"]):not([type="color"]),
    select,
    textarea:not(.ace_text-input) {
        appearance: none !important;
        background-color: var(--bg-surface) !important;
        background-image: none !important;
        color: var(--ink-bright) !important;
        border: 1px solid var(--border-base) !important;
        &:hover,
        &:focus {
            border-color: var(--border-hover) !important;
        }
    }
    input::placeholder,
    textarea::placeholder { color: var(--ink-faint) !important; }
    select {
        padding: 3px 24px 3px 6px !important;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M434.574 488L430.5 492.147 426.428 488 425 489.399 430.5 494.999 436 489.399z' transform='translate(-425 -488)' fill='%23d8d8d8' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: calc(100% - 6px) 50% !important;
        &:hover,
        &:focus {
            color: var(--ink-bright) !important;
            background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M434.574 488L430.5 492.147 426.428 488 425 489.399 430.5 494.999 436 489.399z' transform='translate(-425 -488)' fill='%23e8e8e8' fill-rule='evenodd'/%3E%3C/svg%3E") !important;
        }
    }
    .checkbox > input[type="checkbox"] {
        & + svg {
            background-color: var(--bg-surface) !important;
            border: 2px solid var(--border-base) !important;
            border-radius: var(--radius-2) !important;
        }
        &:not([disabled]):hover + svg {
            border-color: var(--border-hover) !important;
        }
        &:checked + svg {
            background-color: var(--accent-base) !important;
            border-color: var(--accent-base) !important;
            stroke: var(--ink-bright) !important;
        }
    }
    label:hover .checkbox > input[type="checkbox"]:checked + svg,
    .checkbox:hover > input[type="checkbox"]:checked + svg,
    .checkbox > input[type="checkbox"]:checked:hover + svg,
    label:hover .checkbox:not([disabled]) > input[type="checkbox"]:checked + svg {
        background-color: var(--accent-base) !important;
        border-color: var(--accent-base) !important;
        stroke: var(--ink-bright) !important;
    }
    input[type="number"] {
        appearance: textfield !important;
        &::-webkit-inner-spin-button,
        &::-webkit-outer-spin-button {
            appearance: none !important;
            margin: 0 !important;
        }
    }
    #ruleFilter {
        background-color: var(--bg-surface) !important;
        border-top: 1px solid var(--border-base) !important;
    }
    /* Замок общей прокрутки — по центру gap, как обычная кнопка */
    .CodeMirror-merge-gap {
        position: relative !important;
    }
    .CodeMirror-merge-scrolllock-wrap {
        margin: 0 !important;
        position: absolute !important;
        top: 50% !important;
        left: 70% !important;
        transform: translate(-50%, -50%) !important;
    }
    .CodeMirror-merge-scrolllock {
        align-items: center !important;
        background-color: var(--bg-code) !important;
        border: 1px solid var(--border-base) !important;
        border-radius: var(--radius-2) !important;
        color: var(--accent-blue) !important;
        cursor: pointer !important;
        display: inline-flex !important;
        font-size: 16px !important;
        height: 22px !important;
        justify-content: center !important;
        padding: 0 !important;
        width: 34px !important;
        &:hover {
            background-color: var(--hover-soft) !important;
            border-color: var(--border-hover) !important;
        }
    }
/****** 5. СПИСКИ ФИЛЬТРОВ ******/
    #lists {
        & .listEntry {
            color: var(--ink-base) !important;
            & .listname          { color: var(--ink-base) !important; }
            &.checked .listname  { color: var(--ink-bright) !important; }
            &.toRemove .listname { color: var(--error) !important; }
            & .nodestats,
            & .leafstats         { color: var(--ink-dim) !important;
                                   fill: var(--ink-dim) !important;
            }
            &:hover,
            &[data-role="leaf"]:hover,
            &[data-role="node"]:hover,
            &[data-key]:hover,
            &[data-key="user"]:hover,
            &[data-role="import"]:hover,
            & > .detailbar:hover,
            &[data-role="node"] > .detailbar:hover {
                background-color: transparent !important;
                box-shadow: none !important;
            }
        }
        & label:hover .checkbox {
            background-color: transparent !important;
            box-shadow: none !important;
        }
        & .checkbox > input[type="checkbox"]:checked + svg,
        & label:hover .checkbox > input[type="checkbox"]:checked + svg,
        & .checkbox:hover > input[type="checkbox"]:checked + svg,
        & label:hover .checkbox:not([disabled]) > input[type="checkbox"]:checked + svg {
            background-color: var(--accent-base) !important;
            border-color: var(--accent-base) !important;
            stroke: var(--ink-bright) !important;
        }
        & .iconbar {
            &,
            & a {
                color: var(--ink-dim) !important;
                fill: var(--ink-dim) !important;
            }
            & .content         { fill: var(--accent-blue) !important; }
            & .support         { fill: var(--accent-blue) !important; }
            & .remove          { fill: var(--error) !important; }
            & .mustread        { fill: var(--accent-blue) !important; }
            & .status.cache    { fill: var(--ok) !important; }
            & .status.updating { fill: var(--accent-blue-hover) !important; }
        }
        & .searchfield input {
            background-color: var(--bg-surface) !important;
            color: var(--ink-bright) !important;
            border: 1px solid var(--border-base) !important;
            &:hover,
            &:focus {
                border-color: var(--border-hover) !important;
            }
        }
        & .listExpander {
            color: var(--ink-base) !important;
            fill: var(--ink-base) !important;
        }
    }
/****** 6. CodeMirror ******/
    .CodeMirror,
    .CodeMirror-merge,
    .CodeMirror-merge-pane,
    .CodeMirror-merge .CodeMirror {
        background-color: var(--bg-code) !important;
        color: var(--ink-bright) !important;
        border: none !important;
    }
    .CodeMirror-gutters,
    .CodeMirror-merge-gap {
        background-color: var(--bg-surface) !important;
        border: none !important;
    }
    .CodeMirror-linenumber { color: var(--ink-faint) !important; }
    .CodeMirror-cursor     { border-left-color: var(--ink-bright) !important; }
    .CodeMirror-activeline-background {
        background-color: rgba(150, 150, 150, 0.15) !important;
    }
    .CodeMirror-code {
        & > div:nth-child(odd)  { background-color: rgba(255, 255, 255, 0.015) !important; }
        & > div:nth-child(even) { background-color: transparent !important; }
    }
    .CodeMirror-matchingbracket {
        background-color: color-mix(in srgb, var(--accent-base) 35%, transparent) !important;
        color: inherit !important;
        font-weight: bold !important;
    }
    .CodeMirror-search-match,
    .cm-searching {
        background-color: color-mix(in srgb, var(--accent-base) 40%, transparent) !important;
        color: #e0e0e0 !important;
    }
    .cm-search-widget {
        appearance: none !important;
        background-color: var(--bg-surface) !important;
        color: var(--ink-base) !important;
        border: 1px solid var(--border-base) !important;
        border-bottom: 1px solid var(--bg-code) !important;
        & input {
            appearance: none !important;
            background-color: var(--bg-surface) !important;
            color: var(--ink-base) !important;
            border: 1px solid var(--border-base) !important;
        }
    }
    .cm-theme-override .cm-s-default {
        & .cm-allowrule{ color: var(--ok) !important; }
        & .cm-blockrule{ color: #ff5546 !important; }
        & .cm-comment  { color: #6a9955 !important; }
        & .cm-def      { color: var(--accent-blue) !important; }
        & .cm-keyword  { color: #c586c0 !important; }
        & .cm-nooprule { color: #47A8A8 !important; }
        & .cm-sortkey  { color: #FFB2C7 !important; }
        & .cm-tag      { color: #4ec9b0 !important; }
        & .cm-value    { color: #ce9178 !important; }
        & .cm-variable { color: #dcdcdc !important; }
    }
    .cm-allowrule      { color: var(--ok) !important; }
    .cm-blockrule      { color: #ff5546 !important; }
    .cm-comment        { color: #6a9955 !important; }
    .cm-def            { color: var(--accent-blue) !important; }
    .cm-keyword        { color: #c586c0 !important; }
    .cm-nooprule       { color: #47A8A8 !important; }
    .cm-sortkey        { color: #FFB2C7 !important; }
    .cm-tag            { color: #4ec9b0 !important; }
    .cm-value          { color: #ce9178 !important; }
    .cm-variable       { color: #dcdcdc !important; }
    .cm-builtin        { color: var(--accent-blue-hover) !important; }
    .cm-error          { color: var(--error) !important; }
    .cm-staticOpt      { background-color: var(--bg-code) !important; }
    .cm-staticext      { color: #47A8A8 !important; }
    .cm-staticnetBlock { color: #ff887d !important; }
    .CodeMirror-merge-l-chunk {
        background-color: color-mix(in srgb, var(--accent-base) 25%, transparent) !important;
    }
    .CodeMirror-merge-l-chunk-start,
    .CodeMirror-merge-l-chunk-end {
        border-color: color-mix(in srgb, var(--accent-base) 60%, transparent) !important;
    }
    .CodeMirror-merge-spacer {
        background-color: var(--hover-soft) !important;
    }
    .CodeMirror-merge-copy,
    .CodeMirror-merge-copy-reverse {
        color: var(--accent-blue) !important;
    }
/****** 7. ЗНАЧКИ ******/
    /* --- меню / подсказки --- */
    .fa-icon.info,
    a.fa-icon.info,
    span.fa-icon.info {
        fill: var(--accent-blue) !important;
        &:hover {
            color: var(--accent-blue-hover) !important;
            fill: var(--accent-blue-hover) !important;
        }
    }
    a:hover.fa-icon.info svg.fa-icon_cogs,
    .fa-icon.info.important {
        color: var(--gold) !important;
        fill: var(--gold) !important;
    }
    .info.very-important {
        color: var(--error) !important;
        fill: var(--error) !important;
    }
    /* --- списки --- */
    .fa-icon_download-alt,
    .fa-icon_upload-alt,
    .fa-icon_filter,
    .fa-icon_double-angle-up,
    .fa-icon_undo,
    .fa-icon_arrow-right,
    .fa-icon_arrow-left,
    .fa-icon_save {
        fill: var(--accent-blue) !important;
    }
    .fa-icon_clock-o,
    .fa-icon_spinner,
    .fa-icon_refresh,
    .fa-icon_cogs {
        fill: color-mix(in srgb, var(--gold) 90%, transparent) !important;
    }
    .fa-icon_check {
        fill: var(--accent-base) !important;
    }
    .fa-icon_unlink {
        fill: var(--error) !important; /* Сбой обновления */
    }
/****** 8. ДИАЛОГИ ******/
    .toImport > label:nth-child(1) > span:nth-child(2) > span:nth-child(1) {
        color: var(--accent-blue) !important;
        font-family: monospace !important;
        font-size: 18px !important;
    }
    div.geDetails {
        color: var(--accent-blue) !important;
        font-family: monospace !important;
        & .geCount { color: var(--ink-dim) !important; }
        &::before  { color: var(--accent-blue) !important; }
    }
/****** 9. Поддержка *******/
    div.supportEntry div p span {
        color: var(--accent-blue) !important;
    }
}
/****** 10. POPUP — ОБЩЕЕ ******/
@-moz-document regexp("^moz-extension://ваш uuid/popup-fenix\\.html(\\?.*)?$") {
    #hostname, #sticky, #stickyTools, #basicTools, #extraTools,
    .toolRibbon, #moreOrLess, #panes, #main {
        background-color: var(--bg-surface) !important;
        background-image: none !important;
    }
    :root.desktop #main {
        max-width: 200px !important;
        font-size: 12px !important;
    }
    .toolRibbon {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        max-width: 200px !important;
    }
    #basicTools, #extraTools {
        justify-content: center !important;
        justify-items: center !important;
        align-content: center !important;
        margin-inline: auto !important;
        & > span,
        & > a {
            justify-content: center !important;
            text-align: center !important;
        }
        & span,
        & a {
            height: 24px !important;
            padding: 4px 0 !important;
            border-radius: var(--radius-2) !important;
        }
        & .fa-icon.tool,
        & .fa-icon {
            fill: var(--ink-dim) !important;
            border-radius: 0 !important;
        }
        & > span:hover,
        & > a:hover,
        & .fa-icon.tool:hover {
            background: var(--hover-soft) !important;
            background-color: var(--hover-soft) !important;
            background-image: none !important;
            box-shadow: inset 0 0 0 100px var(--hover-soft) !important;
            border-radius: var(--radius-2) !important;
        }
        & > span:hover .fa-icon,
        & > a:hover .fa-icon,
        & .fa-icon.tool:hover,
        & .fa-icon.tool:hover > svg {
            fill: var(--ink-hover) !important;
        }
    }
    body {
        &.advancedUser:not(.off) #switch .fa-icon {
            fill: var(--accent-base) !important;
            &:hover { fill: var(--ink-hover) !important; }
        }
        &.off #switch .fa-icon {
            fill: var(--ink-dim) !important;
            &:hover { fill: var(--ink-hover) !important; }
        }
    }
    #hostname > span + span {
        font-size: 14px !important;
        font-weight: 600 !important;
    }
    span.fa-icon.fa-icon-badged > .fa-icon-badge {
        color: var(--gold) !important;
        visibility: visible !important;
    }
    #basicStats, #main > hr:nth-child(6) {
        display: none !important;
    }
    .itemRibbon {
        padding: 0 4px !important;
        margin: 0 !important;
        & > span { margin: 0 !important; }
        & > [data-i18n] + span { color: var(--accent-blue) !important; }
    }
    hr {
        border-top: 1px solid var(--border-base) !important;
    }
    #moreButton, #lessButton {
        height: 20px !important;
        padding: 4px 14px !important;
        & .fa-icon { fill: var(--ink-dim) !important; }
        &:hover {
            background-color: var(--hover-soft) !important;
            color: var(--ink-hover) !important;
            & .fa-icon { fill: var(--ink-hover) !important; }
        }
    }
    :root {
        --popup-cell-allow-own-surface-rgb: 60 151 91 !important;
        --popup-cell-allow-surface-rgb:     60 151 91 !important;
        --popup-cell-block-own-surface-rgb: 136 45 23 !important;
        --popup-cell-block-surface-rgb:     136 45 23 !important;
        --popup-cell-noop-own-surface-rgb:  0 98 44 !important;
        --popup-cell-noop-surface-rgb:      0 98 44 !important;
/*        --popup-cell-label-mixed-surface:   #c29100 !important; /* оригинал */
    }
    /* FIREWALL */
    #firewall {
        & > section svg.fa-icon_filter,
        & > section:hover svg.fa-icon_filter,
        &.showBlocked > section svg.fa-icon_filter,
        &.showAllowed > section svg.fa-icon_filter,
        &.hideBlocked > section svg.fa-icon_filter,
        &.hideAllowed > section svg.fa-icon_filter,
        &.show3pScript > section svg.fa-icon_filter,
        &.show3pFrame > section svg.fa-icon_filter,
        &.hide3pScript > section svg.fa-icon_filter,
        &.hide3pFrame > section svg.fa-icon_filter {
            color: var(--gold) !important;
            fill: var(--gold) !important;
        }
        & > div {
            background-color: var(--bg-surface) !important;
            box-sizing: border-box !important;
            & > span {
                min-height: 22px !important;
                background-color: var(--bg-surface) !important;
                border-bottom: 1px solid #3A394460 !important;
                border-right: 1px solid #3A394460 !important;
                color: var(--ink-base) !important;
                font-size: 12px !important;
                padding: 3px 4px 0 0 !important;
                &:first-of-type { padding-right: 6px !important; }
                &:hover {
                    background-color: var(--hover-soft) !important;
                    color: var(--gold) !important;
                }
                &[data-acount], &[data-bcount] {
                    color: var(--gold) !important;
                    fill: var(--gold) !important;
                }
            }
            &:first-of-type > span:first-of-type::before {
                color: var(--gold) !important;
                font-size: 16px !important;
                padding-right: 1.5em !important;
            }
        }
        & > section {
            & .filterExpressions {
                background-color: var(--bg-surface) !important;
                border: 1px solid var(--border-base) !important;
                color: var(--ink-base) !important;
                & div {
                    border-bottom: 1px dotted var(--border-base) !important;
                }
                & span {
                    color: var(--ink-base) !important;
                    border: 1px solid transparent !important;
                    &:hover {
                        background-color: var(--hover-soft) !important;
                        border: 1px solid var(--border-base) !important;
                        color: var(--ink-base) !important;
                    }
                    &.on {
                        background-color: color-mix(in srgb, var(--accent-base) 40%, transparent) !important;
                        border: 1px solid var(--accent-base) !important;
                        color: var(--ink-bright) !important;
                    }
                }
            }
        }
    }
}
/****** 11. POPUP — СДВИГ СЛЕВА (popup-fenix.html без query) ******/
@-moz-document regexp("^moz-extension://ваш uuid/popup-fenix\\.html$") {
    #firewall {
        & > div {
            padding-left: var(--scrollbar-width) !important;
        }
        & > section {
            left: var(--scrollbar-width) !important;
        }
    }
}
/****** 12. POPUP — СДВИГ СПРАВА (popup-fenix.html?portrait...) ******/
@-moz-document regexp("^moz-extension://ваш uuid/popup-fenix\\.html\\?.*$") {
    #firewall {
        & > div {
            padding-right: var(--scrollbar-width) !important;
        }
        & > section {
            right: var(--scrollbar-width) !important;
            left: auto !important;
        }
    }
}
/****** 13. ELEMENT PICKER ******/
@-moz-document url-prefix("moz-extension://ваш uuid/") {
    #ublock0-epicker {
        & aside {
            background-color: var(--bg-surface) !important;
            color: var(--ink-base) !important;
            border: 1px solid var(--border-base) !important;
            & #candidateFilters li:hover {
                background-color: var(--hover-soft) !important;
            }
            & button:not(#create) {
                appearance: none !important;
                background-color: var(--bg-surface) !important;
                color: var(--ink-base) !important;
                border: 1px solid var(--border-base) !important;
                border-radius: var(--radius-2) !important;
                &:hover {
                    background-color: var(--hover-soft) !important;
                }
            }
            & #create {
                appearance: none !important;
                background-color: var(--accent-base) !important;
                color: var(--ink-bright) !important;
                border: none !important;
                border-radius: var(--radius-2) !important;
                &:hover { background-color: var(--accent-blue-hover) !important; }
            }
        }
        & .cm-variable {
            color: #6b3 !important;
        }
        & #resultsetCount {
            background-color: var(--border-base) !important;
            color: var(--ink-base) !important;
        }
        & section > div:first-child {
            border: 1px solid var(--border-base) !important;
            & > textarea {
                background-color: var(--bg-code) !important;
                color: var(--ink-base) !important;
                border: 1px solid var(--border-base) !important;
            }
        }
        & svg#sea > path + path {
            stroke: var(--accent-base) !important;
            fill: color-mix(in srgb, var(--accent-base) 20%, transparent) !important;
        }
        &.zap svg#sea > path + path {
            stroke: var(--gold) !important;
            fill: color-mix(in srgb, var(--gold) 20%, transparent) !important;
        }
    }
}
/****** 14. DOCUMENT-BLOCKED ******/
@-moz-document url-prefix("moz-extension://ваш uuid/document-blocked.html") {
    html, body, .code { background-color: var(--bg-base) !important; }
    body {
        margin-top: 10em;
        & p, & span {
            color: var(--ink-base) !important;
        }
    }
    .fa {
        color: var(--accent-blue) !important;
    }
    a {
        &:link    { color: var(--accent-blue) !important; }
        &:hover   { color: #a8d0ff !important; }
        &:active  { color: var(--accent-blue-hover) !important; }
    }
    button {
        appearance: none !important;
        background-color: var(--bg-surface) !important;
        color: var(--ink-base) !important;
        border: 1px solid var(--border-base) !important;
        border-radius: var(--radius-2) !important;
        &:hover {
            background-color: var(--hover-soft) !important;
        }
    }
}
/****** 15. LOGGER ******/
@-moz-document url-prefix("moz-extension://ваш uuid/logger-ui.html") {
    :root {
        --border-1: #4D4D4D !important;
        --border-4: #4D4D4D !important;
    }
    body > .permatoolbar,
    #netInspector > .permatoolbar,
    #netInspector.inspector > .permatoolbar {
        font-size: 96% !important;
        padding: 0.15em 0.25em !important;
        margin: 0 !important;
        min-height: unset !important;
        height: auto !important;
        line-height: 1.2 !important;
        & > div { align-items: center !important; }
        & button,
        & .button,
        & .fa-icon {
            background-color: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
            padding: 0.15em 0.3em !important;
            margin: 0 !important;
            min-height: unset !important;
            height: auto !important;
            border-radius: var(--radius-2) !important;
            fill: var(--ink-dim) !important;
            font-size: 100% !important;
            & > .fa-icon,
            & > svg {
                font-size: 110% !important;
                width: 1.1em !important;
                height: 1.1em !important;
            }
            &:hover {
                background-color: var(--hover-soft) !important;
                fill: var(--ink-hover) !important;
            }
        }
    }
    #inspectors {
        padding-right: 0 !important;
        scrollbar-gutter: auto !important;
    }
    #vwRenderer .logEntry {
        & > .fields {
            padding-right: var(--scrollbar-width) !important;
            & > span {
                border-left: 1px dotted var(--border-hover) !important;
                color: inherit !important;
            }
            & > span:nth-of-type(8) a {
                right: 6px !important;
            }
            & > span:nth-of-type(8):hover a {
                background-color: var(--accent-blue-hover) !important;
                color: var(--bg-surface) !important;
                opacity: 1 !important;
            }
        }
        & > div {
            background-color: var(--bg-surface) !important;
            border-bottom: 1px dotted var(--border-hover) !important;
            color: var(--ink-base) !important;
            &:hover {
                background-color: var(--hover-soft) !important;
            }
            &[data-status="1"] {
                background-color: rgba(227, 27, 93, 0.15) !important;
                &:hover { background-color: rgba(227, 27, 93, 0.3) !important;
                }
            }
            &[data-status="2"] {
                background-color: rgba(31, 166, 31, 0.15) !important;
                &:hover { background-color: rgba(31, 166, 31, 0.3) !important;
                }
            }
            &[data-status="3"] {
                background-color: rgba(150, 150, 150, 0.1) !important;
            }
            &.extendedRealm,
            &.redirect {
                background-color: color-mix(in srgb, var(--accent-base) 15%, transparent) !important;
            }
            &.extendedRealm.scriptlet {
                background-color: color-mix(in srgb, var(--accent-base) 25%, transparent) !important;
            }
            &[data-type="error"] {
                color: var(--error) !important;
            }
            &[data-type="info"] {
                color: var(--accent-blue) !important;
            }
            &.voided {
                opacity: 0.5 !important;
                &:hover { opacity: 0.7 !important; }
            }
            &:hover > span {
                background-color: rgba(0, 0, 0, 0.15) !important;
            }
        }
    }
    #filterExprGroup {
        display: inline-flex !important;
        align-items: center !important;
        height: 100% !important;
        gap: 2px !important;
        & #filterInput input {
            padding-left: 10px !important;
        }
    }
    #filterInput {
        display: inline-flex !important;
        align-items: center !important;
        height: auto !important;
        min-height: unset !important;
        max-height: 22px !important;
        border: 1px solid var(--border-base) !important;
        background-color: var(--bg-surface) !important;
        border-radius: var(--radius-2) !important;
        padding: 0 !important;
        margin: 0 !important;
        & > input,
        & input[type="search"] {
            border: 0 !important;
            outline: none !important;
            box-shadow: none !important;
            background-color: transparent !important;
            color: var(--ink-base) !important;
            padding: 0.15em 0.4em !important;
            height: 1.5em !important;
            min-width: 16em !important;
            font-size: 96% !important;
            font-family: inherit !important;
            &::placeholder { color: var(--ink-faint) !important; }
        }
    }
    #filterExprButton, #filterButton {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: auto !important;
        max-height: 22px !important;
        padding: 0.15em 0.3em !important;
        margin: 0 !important;
        background-color: transparent !important;
        border: 0 !important;
        border-radius: var(--radius-2) !important;
        fill: var(--ink-dim) !important;
        &:hover {
            background-color: var(--hover-soft) !important;
            fill: var(--ink-hover) !important;
        }
    }
    #filterExprPicker {
        background-color: var(--bg-surface) !important;
        border: 1px solid var(--border-base) !important;
        color: var(--ink-base) !important;
        & > div { border-color: var(--border-base) !important; }
        & span[data-filtex]:hover {
            background-color: var(--hover-soft) !important;
            border-color: var(--accent-blue) !important;
        }
        & span.on[data-filtex] {
            background-color: color-mix(in srgb, var(--accent-base) 40%, transparent) !important;
            border-color: var(--accent-base) !important;
        }
    }
    #filterExprButton {
        &.active {
            fill: var(--ink-hover) !important;
        }
    }
    #filterButton {
        opacity: 0.5 !important;
        .f & {
            opacity: 1 !important;
        }
    }
    .f #filterButton {
        opacity: 1 !important;
    }
    #pageSelector {
        background-color: var(--bg-surface) !important;
    }
    span#showdom.button.fa-icon {
        fill: var(--ink-base) !important;
        &:hover { fill: var(--accent-blue) !important;
        }
    }
    span#showpopup.button.ubo-icon.needdom:not(.disabled):hover {
        fill: var(--error) !important;
    }
    a#info.button.fa-icon {
        fill: var(--accent-blue) !important;
        &:hover {
            fill: var(--accent-blue-hover) !important;
        }
    }
    .permatoolbar {
        & #clean.button.fa-icon,
        & #clear.button.fa-icon {
            fill: var(--ink-dim) !important;
        }
        & #clean.button.fa-icon:hover,
        & #clear.button.fa-icon:hover,
        & #pause span.button.fa-icon:hover,
        & #filterExprGroup:hover,
        & #loggerExport.button.fa-icon:hover,
        & #loggerSettings.button.fa-icon:hover,
        & .button.fa-icon.vCompactToggler:hover {
            fill: var(--accent-blue) !important;
        }
        & span.button.fa-icon.commit.disabled,
        & span.button.fa-icon.revert.disabled {
            fill: var(--ink-dim) !important;
        }
    }
    #modalOverlayContainer {
        background-color: var(--bg-surface) !important;
        color: var(--ink-base) !important;
        border: 1px solid var(--border-base) !important;
        & a {
            &:link   { color: var(--accent-blue) !important; }
            &:hover  { color: #a8d0ff !important; }
            &:active { color: var(--accent-blue-hover) !important; }
        }
    }
    #netInspector div#popupContainer {
        background-color: var(--bg-surface) !important;
        border: 1px solid var(--border-base) !important;
        & > div { background-color: rgba(150, 150, 150, 0.15) !important; }
    }
    .toolbar {
        & td {
            border: 1px solid var(--border-base) !important;
            background-color: var(--bg-surface) !important;
        }
        & #saveRules {
            background-color: var(--bg-surface) !important;
            border: 1px solid var(--border-base) !important;
            color: var(--ink-base) !important;
            &:hover {
                background-color: var(--hover-soft) !important;
                color: var(--ink-bright) !important;
            }
        }
    }
    .headers {
        border-bottom: 1px solid var(--bg-code) !important;
    }
    button.important {
        appearance: none !important;
        background-color: var(--accent-base) !important;
        color: var(--ink-bright) !important;
        border: none !important;
        border-radius: var(--radius-2) !important;
        &:hover { background-color: var(--accent-blue-hover) !important; }
    }
    .header {
        &.dynamic, &.static, &.details {
            background-color: var(--bg-surface) !important;
            color: var(--ink-dim) !important;
            border: 1px solid var(--border-base) !important;
            border-bottom: 1px solid transparent !important;
        }
    }
    #netFilteringDialog {
        &[data-pane="dynamic"] .header.dynamic,
        &[data-pane="static"]  .header.static,
        &[data-pane="details"] .header.details {
            background-color: var(--bg-surface) !important;
            color: var(--ink-base) !important;
            border: 1px solid var(--border-base) !important;
            border-bottom: 1px solid transparent !important;
        }
    }
    .button.disabled {
        opacity: 0.5 !important;
    }
    #domTree {
        &, & ul {
            background-color: var(--bg-base) !important;
        }
        & .isCosmeticHide,
        & .isCosmeticHide li {
            background-color: rgba(227, 27, 93, 0.2) !important;
        }
    }
    span.fa-icon.reload {
        fill: var(--ink-base) !important;
        &:hover { fill: var(--accent-blue) !important; }
    }
    #domInspector li {
        &.branch.hasCosmeticHide > span:first-child::before {
            color: var(--error) !important;
        }
        & > span:first-child {
            color: var(--accent-blue) !important;
        }
        & > code.filter {
            color: var(--error) !important;
        }
    }
    /* Диалог экспорта логгера — один скролл */
    #loggerExportDialog {
        display: flex !important;
        flex-direction: column !important;
        max-height: 80vh !important;
        height: 80vh !important;
    }
    #loggerExportDialog .options {
        flex-shrink: 0 !important;
    }
    #loggerExportDialog .output {
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
    }
    /* Убираем скролл с родителя */
    body:has(#loggerExportDialog) #modalOverlayContainer,
    #modalOverlayContainer:has(#loggerExportDialog:only-child) {
        overflow: hidden !important;
    }
    /* Кнопки в экспорте логгера */
    #loggerExportDialog .options span[data-i18n] {
        background-color: var(--bg-surface) !important;
        border: 1px solid var(--border-base) !important;
        border-radius: var(--radius-2) !important;
        color: var(--ink-base) !important;
    }
    #loggerExportDialog .options span[data-i18n]:hover {
        background-color: var(--hover-soft) !important;
        border-color: var(--border-hover) !important;
        color: var(--ink-bright) !important;
    }
    #loggerExportDialog .options span.on[data-i18n] {
        background-color: var(--accent-base) !important;
        border-color: var(--accent-base) !important;
        color: var(--ink-bright) !important;
    }
}
/****** 16. ASSET VIEWER ******/
@-moz-document url-prefix("moz-extension://ваш uuid/asset-viewer") {
    :any-link:not(svg) {
        color: var(--accent-blue) !important;
    }
}

} /* @media (prefers-color-scheme: dark) */