/* ===== ТЕМНАЯ ТЕМА ДЛЯ DLE ШАБЛОНА ===== */

/* Основные переменные для темной темы */
.dt-is-active {
    --bg: #18202a;
    --bg-darker: #1d2530;
    --bg-dark: #131720;
    --bg-dark-lighter: #1e2530;
    --tt: #ffffff;
    --tt-fade: #b8bdca;
    --tt-dark: #b8bdca;
    --tt-dark-fade: #8a92a5;
    --bg-btn: #1abc9c;
    --tt-btn: #ffffff;
    --bg-btn-hover: #16a085;
    --bdc: #2a3441;
    --bsh: 0 2px 8px rgba(0, 0, 0, 0.4);
    --accent-red: #1abc9c;
    --accent-blue: #3498db;
    --accent-green: #2ecc71;
    --bg-tab: #2a3441;
    --bsh-comm: 0 4px 15px rgba(0, 0, 0, 0.6);
    --ui-bg: #18202a;
    --ui-bg-darker: #131720;
    --ui-bg-darkest: #0f1419;
    --ui-accent: #1abc9c;
    --ui-bdc: #2a3441;
    --ui-tt-fade: #8a92a5;
    --ui-bsh: 0 12px 40px rgba(0, 0, 0, 0.8);
    --ui-bsh-inset: inset 1px 2px 8px rgba(0, 0, 0, 0.3);
    --ui-gradient: linear-gradient(to bottom, #1e2530, #131720);
    --ui-bg-black: #0f1419;
    --ui-green: #2ecc71;
    --ui-red: #e74c3c;
    --ui-bd-attention: #f39c12;
}

/* Основные стили для body в темной теме */
body.dt-is-active {
    background-color: var(--bg);
    color: var(--tt);
    padding: 0;
    background-image: none;
}

/* Стили для основного контейнера */
.dt-is-active .wrapper__container--main {
    background-color: var(--bg-dark);
    border-radius: 0;
}

/* Стили для header */
.dt-is-active .header {
    background-color: var(--bg-dark);
    border-bottom: 1px solid var(--ui-bdc);
    box-shadow: var(--bsh);
}

.dt-is-active .header__logo {
    color: var(--tt);
}

.dt-is-active .header__logo span {
    color: var(--accent-red);
}

/* Стили для навигации */
.dt-is-active .header__menu>li>a {
    color: var(--tt-dark);
}

.dt-is-active .header__menu>li:hover>a {
    color: var(--accent-red);
}

/* Стили для поиска */
.dt-is-active .search-block__input,
.dt-is-active .search-block__input:focus {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .search-block__input::placeholder {
    color: var(--tt-fade);
}

.dt-is-active .search-block__btn {
    color: var(--tt);
}

/* Стили для кнопок */
.dt-is-active button,
.dt-is-active .btn {
    background-color: var(--bg-btn);
    color: var(--tt-btn);
    border: 1px solid var(--bg-btn);
}

.dt-is-active button:hover,
.dt-is-active .btn:hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

.dt-is-active .btn-secondary {
    background-color: var(--ui-bg-darker);
    color: var(--tt-fade);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .btn-without-bg {
    background: transparent;
    color: var(--tt);
}

/* Стили для карусели */
.dt-is-active .carousel {
    background-color: var(--bg-dark-lighter);
    border-radius: 0;
    margin: 0 var(--indent-negative);
    padding: 20px calc(var(--indent) * 2);
}

/* Стили для контента */
.dt-is-active .content__title {
    color: var(--tt);
}

.dt-is-active .content__title::before {
    color: var(--accent-red);
}

.dt-is-active .speedbar {
    color: var(--tt-fade);
}

.dt-is-active .speedbar a {
    color: var(--tt);
}

/* Стили для секций */
.dt-is-active .sect--bg {
    background-color: var(--bg-dark-lighter);
}

/* Стили для карточек */
.dt-is-active .scard {
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .scard__left {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .scard__title {
    color: var(--tt);
}

.dt-is-active .scard__text {
    color: var(--tt-fade);
}

.dt-is-active .scard__category {
    color: var(--accent-red);
}

.dt-is-active .scard__footer-item {
    color: var(--tt-fade);
}

/* Стили для сайдбара */
.dt-is-active .sb__title {
    color: var(--accent-red);
    padding-left: 20px;
    border-left: 3px solid var(--accent-red);
}

.dt-is-active .sb__title::after {
    display: none;
}

.dt-is-active .sb__nav {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .sb__nav a {
    color: var(--tt);
}

.dt-is-active .sb__nav a:hover {
    color: var(--accent-red);
}

/* Стили для популярных элементов */
.dt-is-active .popular-item {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .popular-item__title {
    color: var(--tt);
}

.dt-is-active .popular-item__meta {
    color: var(--tt-fade);
}

/* Стили для комментариев */
.dt-is-active .lcomm {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .lcomm__text {
    background-color: var(--bg-dark);
    color: var(--tt);
}

.dt-is-active .comm__bd {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .comm__author,
.dt-is-active .comm__author a {
    color: var(--tt);
}

.dt-is-active .comm__date {
    color: var(--tt-fade);
}

.dt-is-active .comm__action li,
.dt-is-active .comm__action li a {
    color: var(--tt-fade);
}

/* Стили для пагинации */
.dt-is-active .pagination__pages span:not(.nav_ext) {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .pagination__pages a {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .pagination__pages a:hover {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .pagination__btns {
    background-color: var(--accent-red);
}

/* Стили для форм */
.dt-is-active input[type="text"],
.dt-is-active input[type="password"],
.dt-is-active select,
.dt-is-active textarea {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active input[type="text"]:focus,
.dt-is-active input[type="password"]:focus,
.dt-is-active textarea:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

.dt-is-active input::placeholder,
.dt-is-active textarea::placeholder {
    color: var(--tt-fade);
}

/* Стили для модальных окон */
.dt-is-active .login {
    background-color: var(--bg-dark);
    border-color: var(--ui-bdc);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.8);
}

.dt-is-active .login__header {
    background-color: var(--bg-dark-lighter);
    border-bottom-color: var(--ui-bdc);
}

.dt-is-active .login__title {
    color: var(--tt);
}

.dt-is-active .login__caption {
    color: var(--tt-fade);
}

/* Стили для мобильного меню */
.dt-is-active .mobile-menu {
    background-color: var(--bg-dark);
}

.dt-is-active .mobile-menu__header {
    background-color: var(--bg-dark-lighter);
}

/* Стили для footer */
.dt-is-active .footer {
    background-color: var(--bg-dark);
    color: var(--tt-fade);
    border-top: 1px solid var(--ui-bdc);
    padding-left: 0;
}

.dt-is-active .footer a {
    color: var(--accent-red);
}

/* Стили для уведомлений */
.dt-is-active .alert {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .alert a {
    color: var(--accent-red);
}

/* Стили для рейтингов */
.dt-is-active .scard__rating-likes a {
    background-color: var(--ui-green);
}

.dt-is-active .scard__rating-likes a+a {
    background-color: var(--ui-red);
}

/* Стили для скроллбара */
.dt-is-active ::-webkit-scrollbar {
    background-color: var(--bg-dark);
    width: 8px;
}

.dt-is-active ::-webkit-scrollbar-thumb {
    background-color: var(--tt-fade);
    border-radius: var(--bdrs);
}

.dt-is-active ::-webkit-scrollbar-thumb:hover {
    background-color: var(--accent-red);
}

/* Стили для выделенного текста */
.dt-is-active ::selection {
    background: var(--accent-red);
    color: #fff;
}

/* Стили для таблиц */
.dt-is-active table {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
}

.dt-is-active table th {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active table td {
    border-bottom: 1px solid var(--ui-bdc);
}

/* Стили для кода */
.dt-is-active code,
.dt-is-active pre {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

/* Стили для цитат */
.dt-is-active blockquote {
    background-color: var(--bg-dark-lighter);
    border-left: 4px solid var(--accent-red);
    color: var(--tt-fade);
}

/* Анимации для плавного перехода */
body,
.wrapper__container--main,
.header,
.footer,
.sect--bg,
.popular-item,
.lcomm,
.carousel,
input,
textarea,
select,
button {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Стили для улучшения контрастности */
.dt-is-active .descr,
.dt-is-active .full-text {
    color: var(--tt-fade);
}

.dt-is-active .descr h1,
.dt-is-active .descr h2,
.dt-is-active .descr h3,
.dt-is-active .full-text h1,
.dt-is-active .full-text h2,
.dt-is-active .full-text h3 {
    color: var(--tt);
}

.dt-is-active .descr a,
.dt-is-active .full-text a {
    color: var(--accent-red);
}

/* Стили для медиа запросов в темной теме */
@media screen and (max-width: 1220px) {
    .dt-is-active .wrapper {
        background-image: none;
    }

    .dt-is-active .header__btn-login {
        background-color: var(--bg-dark-lighter);
        color: var(--tt);
    }
}

@media screen and (max-width: 760px) {

    .dt-is-active .login__header,
    .dt-is-active .login__content {
        background-color: var(--bg-dark);
    }

    .dt-is-active .login__input input {
        background-color: var(--bg-dark-lighter);
        color: var(--tt);
    }
}

/* Дополнительные стили для специфических элементов */
.dt-is-active .filter-background {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .button-podbor,
.dt-is-active .button-raspisanie,
.dt-is-active .button-spiski {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .button-podbor:hover,
.dt-is-active .button-raspisanie:hover,
.dt-is-active .button-spiski:hover {
    background-color: var(--bg-btn-hover);
}

/* Стили для элементов с фоновыми изображениями */
.dt-is-active .img-mask::before {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
}

/* Стили для активных состояний */
.dt-is-active .is-active,
.dt-is-active .active {
    background-color: var(--accent-red);
    color: #fff;
}

/* Стили для отключенных элементов */
.dt-is-active .disabled,
.dt-is-active :disabled {
    opacity: 0.5;
    color: var(--tt-fade);
}

/* Стили для границ и разделителей */
.dt-is-active hr {
    border-color: var(--ui-bdc);
}

.dt-is-active .border {
    border-color: var(--ui-bdc);
}

/* Стили для теней */
.dt-is-active .shadow {
    box-shadow: var(--ui-bsh);
}

/* Стили для градиентов */
.dt-is-active .gradient {
    background: var(--ui-gradient);
}

/* ===== СТИЛИ ДЛЯ БЛОКА ОБНОВЛЕНИЙ ===== */

/* Основной блок обновлений - только цвета, без изменения структуры */
.dt-is-active .ksupdate_block {
    background-color: var(--bg-dark-lighter);
}

/* Список обновлений */
.dt-is-active .ksupdate_block_list {
    background-color: transparent;
}

/* Элементы популярного контента */
.dt-is-active .popular {
    color: var(--tt);
}

.dt-is-active .popular:hover {
    color: var(--accent-red);
}

/* Заголовок популярного контента */
.dt-is-active .popular__title {
    color: var(--tt);
}

.dt-is-active .popular__title:hover {
    color: var(--accent-red);
}

/* Подзаголовок популярного контента */
.dt-is-active .popular__subtitle {
    color: var(--tt-fade);
}

/* Метаинформация обновлений */
.dt-is-active .updli__meta {
    background-color: var(--accent-red);
    color: #fff;
}

/* Стили для изображений в блоке обновлений (если есть) */
.dt-is-active .popular__img {
    border: 1px solid var(--ui-bdc);
}

/* Стили для рейтинга в блоке обновлений */
.dt-is-active .popular__rating {
    background-color: var(--bg-dark);
    color: var(--accent-red);
}

/* Стили для жанров в блоке обновлений */
.dt-is-active .popular__genre {
    color: var(--tt-fade);
}

.dt-is-active .popular__genre a {
    color: var(--tt-fade);
}

.dt-is-active .popular__genre a:hover {
    color: var(--accent-red);
}

/* Стили для года выпуска */
.dt-is-active .popular__year {
    color: var(--tt-fade);
}

/* Дополнительные стили для полного покрытия всех элементов */

/* Стили для popup окон */
.dt-is-active #popup {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-color: var(--ui-bdc);
}

.dt-is-active #close-btn-tg {
    color: var(--tt-fade);
}

.dt-is-active #close-btn-tg:hover {
    color: var(--ui-red);
}

.dt-is-active .btn-tg {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .btn-tg:hover {
    background-color: var(--bg-btn-hover);
}

/* Стили для фильтров */
.dt-is-active .filter-background {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .button-container a {
    background-color: var(--accent-red);
    color: #fff;
    border: 1px solid var(--accent-red);
}

.dt-is-active .button-container a:hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

/* Стили для всех ссылок */
.dt-is-active a {
    color: var(--tt);
}

.dt-is-active a:hover {
    color: var(--accent-red);
}

/* Стили для заголовков */
.dt-is-active h1,
.dt-is-active h2,
.dt-is-active h3,
.dt-is-active h4,
.dt-is-active h5,
.dt-is-active h6 {
    color: var(--tt);
}

/* Стили для параграфов */
.dt-is-active p {
    color: var(--tt-fade);
}

/* Стили для списков */
.dt-is-active ul,
.dt-is-active ol {
    color: var(--tt-fade);
}

.dt-is-active li {
    color: var(--tt-fade);
}

/* Стили для изображений с подписями */
.dt-is-active .carou__desc {
    background: linear-gradient(to top, rgba(19, 23, 32, 0.9) 0%, transparent 100%);
    color: #fff;
}

/* Стили для элементов навигации */
.dt-is-active .nav,
.dt-is-active .navigation {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .nav a,
.dt-is-active .navigation a {
    color: var(--tt);
}

.dt-is-active .nav a:hover,
.dt-is-active .navigation a:hover {
    color: var(--accent-red);
}

/* Стили для breadcrumbs */
.dt-is-active .breadcrumb {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .breadcrumb a {
    color: var(--tt);
}

.dt-is-active .breadcrumb .active {
    color: var(--tt-fade);
}

/* Стили для карточек контента */
.dt-is-active .card {
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
}

.dt-is-active .card-header {
    background-color: var(--bg-dark);
    border-bottom-color: var(--ui-bdc);
    color: var(--tt);
}

.dt-is-active .card-body {
    color: var(--tt-fade);
}

.dt-is-active .card-footer {
    background-color: var(--bg-dark);
    border-top-color: var(--ui-bdc);
    color: var(--tt-fade);
}

/* Стили для меток и бейджей */
.dt-is-active .badge {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .label {
    background-color: var(--accent-red);
    color: #fff;
}

/* Стили для прогресс-баров */
.dt-is-active .progress {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .progress-bar {
    background-color: var(--accent-red);
}

/* Стили для всплывающих подсказок */
.dt-is-active .tooltip {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

/* Стили для выпадающих меню */
.dt-is-active .dropdown-menu {
    background-color: var(--bg-dark);
    border-color: var(--ui-bdc);
}

.dt-is-active .dropdown-item {
    color: var(--tt);
}

.dt-is-active .dropdown-item:hover {
    background-color: var(--bg-dark-lighter);
    color: var(--accent-red);
}

/* Стили для модальных окон */
.dt-is-active .modal-content {
    background-color: var(--bg-dark);
    border-color: var(--ui-bdc);
}

.dt-is-active .modal-header {
    border-bottom-color: var(--ui-bdc);
}

.dt-is-active .modal-footer {
    border-top-color: var(--ui-bdc);
}

/* Стили для вкладок */
.dt-is-active .nav-tabs {
    border-bottom-color: var(--ui-bdc);
}

.dt-is-active .nav-tabs .nav-link {
    color: var(--tt);
    border-color: transparent;
}

.dt-is-active .nav-tabs .nav-link:hover {
    border-color: var(--ui-bdc);
    color: var(--accent-red);
}

.dt-is-active .nav-tabs .nav-link.active {
    background-color: var(--bg-dark);
    border-color: var(--ui-bdc) var(--ui-bdc) var(--bg-dark);
    color: var(--tt);
}

.dt-is-active .tab-content {
    background-color: var(--bg-dark);
}

/* Стили для аккордеонов */
.dt-is-active .accordion {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .accordion-header {
    background-color: var(--bg-dark);
    color: var(--tt);
}

.dt-is-active .accordion-body {
    background-color: var(--bg-dark-lighter);
    color: var(--tt-fade);
}

/* Стили для панелей */
.dt-is-active .panel {
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
}

.dt-is-active .panel-heading {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom-color: var(--ui-bdc);
}

.dt-is-active .panel-body {
    color: var(--tt-fade);
}

/* Стили для всех текстовых элементов */
.dt-is-active .text-muted {
    color: var(--tt-fade) !important;
}

.dt-is-active .text-primary {
    color: var(--accent-red) !important;
}

.dt-is-active .text-success {
    color: var(--ui-green) !important;
}

.dt-is-active .text-danger {
    color: var(--ui-red) !important;
}

.dt-is-active .text-warning {
    color: var(--ui-bd-attention) !important;
}

.dt-is-active .text-info {
    color: var(--accent-blue) !important;
}

/* Стили для всех фоновых элементов */
.dt-is-active .bg-primary {
    background-color: var(--accent-red) !important;
}

.dt-is-active .bg-success {
    background-color: var(--ui-green) !important;
}

.dt-is-active .bg-danger {
    background-color: var(--ui-red) !important;
}

.dt-is-active .bg-warning {
    background-color: var(--ui-bd-attention) !important;
}

.dt-is-active .bg-info {
    background-color: var(--accent-blue) !important;
}

.dt-is-active .bg-light {
    background-color: var(--bg-dark-lighter) !important;
}

.dt-is-active .bg-dark {
    background-color: var(--bg-dark) !important;
}

/* Стили для всех элементов с белым фоном */
.dt-is-active [style*="background-color: white"],
.dt-is-active [style*="background-color: #fff"],
.dt-is-active [style*="background-color: #ffffff"],
.dt-is-active [style*="background: white"],
.dt-is-active [style*="background: #fff"],
.dt-is-active [style*="background: #ffffff"] {
    background-color: var(--bg-dark-lighter) !important;
}

/* Стили для всех элементов с черным текстом */
.dt-is-active [style*="color: black"],
.dt-is-active [style*="color: #000"],
.dt-is-active [style*="color: #000000"] {
    color: var(--tt) !important;
}

/* Стили для всех border элементов */
.dt-is-active [class*="border"] {
    border-color: var(--ui-bdc) !important;
}

/* Стили для всех элементов с тенями */
.dt-is-active [class*="shadow"] {
    box-shadow: var(--ui-bsh) !important;
}

/* Стили для всех кнопок без специфичных классов */
.dt-is-active button:not([class*="btn-"]):not(.btn-without-bg) {
    background-color: var(--bg-btn);
    color: var(--tt-btn);
    border: 1px solid var(--bg-btn);
}

.dt-is-active button:not([class*="btn-"]):not(.btn-without-bg):hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

/* Стили для всех input элементов без специфичных классов */
.dt-is-active input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]) {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

/* Стили для всех select элементов */
.dt-is-active select {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active select:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

.dt-is-active option {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
}

/* Стили для всех textarea элементов */
.dt-is-active textarea {
    background-color: var(--bg-dark-lighter);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active textarea:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

/* Стили для всех элементов с классом container */
.dt-is-active .container,
.dt-is-active .container-fluid {
    background-color: transparent;
}

/* Стили для всех элементов с классом row */
.dt-is-active .row {
    background-color: transparent;
}

/* Стили для всех элементов с классом col */
.dt-is-active [class*="col-"] {
    background-color: transparent;
}

/* Стили для всех div элементов без специфичных классов */
.dt-is-active div:not([class]) {
    color: var(--tt-fade);
}

/* Стили для всех span элементов */
.dt-is-active span {
    color: inherit;
}

/* Стили для всех strong и b элементов */
.dt-is-active strong,
.dt-is-active b {
    color: var(--tt);
}

/* Стили для всех em и i элементов */
.dt-is-active em,
.dt-is-active i:not([class*="fa"]) {
    color: var(--tt-fade);
}

/* Стили для всех small элементов */
.dt-is-active small {
    color: var(--tt-fade);
}

/* Стили для всех элементов с классом text-center, text-left, text-right */
.dt-is-active .text-center,
.dt-is-active .text-left,
.dt-is-active .text-right {
    color: inherit;
}

/* Стили для всех элементов с классом d-flex */
.dt-is-active .d-flex {
    background-color: transparent;
}

/* Стили для всех элементов с классом justify-content */
.dt-is-active [class*="justify-content"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом align-items */
.dt-is-active [class*="align-items"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом flex */
.dt-is-active [class*="flex-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом gap */
.dt-is-active [class*="gap-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом margin */
.dt-is-active [class*="m-"],
.dt-is-active [class*="mt-"],
.dt-is-active [class*="mb-"],
.dt-is-active [class*="ml-"],
.dt-is-active [class*="mr-"],
.dt-is-active [class*="mx-"],
.dt-is-active [class*="my-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом padding */
.dt-is-active [class*="p-"],
.dt-is-active [class*="pt-"],
.dt-is-active [class*="pb-"],
.dt-is-active [class*="pl-"],
.dt-is-active [class*="pr-"],
.dt-is-active [class*="px-"],
.dt-is-active [class*="py-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом width */
.dt-is-active [class*="w-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом height */
.dt-is-active [class*="h-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом position */
.dt-is-active [class*="position-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом display */
.dt-is-active [class*="d-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом overflow */
.dt-is-active [class*="overflow-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом visibility */
.dt-is-active [class*="visible"],
.dt-is-active [class*="invisible"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом float */
.dt-is-active [class*="float-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом clear */
.dt-is-active [class*="clear"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом z-index */
.dt-is-active [class*="z-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом cursor */
.dt-is-active [class*="cursor-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом user-select */
.dt-is-active [class*="user-select-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом pointer-events */
.dt-is-active [class*="pointer-events-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом opacity */
.dt-is-active [class*="opacity-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом transform */
.dt-is-active [class*="transform"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом transition */
.dt-is-active [class*="transition"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом animation */
.dt-is-active [class*="animation"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом filter */
.dt-is-active [class*="filter"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом backdrop */
.dt-is-active [class*="backdrop"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом blend */
.dt-is-active [class*="blend"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом isolation */
.dt-is-active [class*="isolation"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом object */
.dt-is-active [class*="object-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом resize */
.dt-is-active [class*="resize"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом scroll */
.dt-is-active [class*="scroll-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом snap */
.dt-is-active [class*="snap-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом touch */
.dt-is-active [class*="touch-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом will-change */
.dt-is-active [class*="will-change"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом content */
.dt-is-active [class*="content"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом appearance */
.dt-is-active [class*="appearance"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом caret */
.dt-is-active [class*="caret"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом accent */
.dt-is-active [class*="accent"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом decoration */
.dt-is-active [class*="decoration"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом underline */
.dt-is-active [class*="underline"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом line-through */
.dt-is-active [class*="line-through"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом no-underline */
.dt-is-active [class*="no-underline"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом uppercase */
.dt-is-active [class*="uppercase"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом lowercase */
.dt-is-active [class*="lowercase"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом capitalize */
.dt-is-active [class*="capitalize"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом normal-case */
.dt-is-active [class*="normal-case"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом truncate */
.dt-is-active [class*="truncate"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом overflow-ellipsis */
.dt-is-active [class*="overflow-ellipsis"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом overflow-clip */
.dt-is-active [class*="overflow-clip"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом text-ellipsis */
.dt-is-active [class*="text-ellipsis"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом text-clip */
.dt-is-active [class*="text-clip"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом hyphens */
.dt-is-active [class*="hyphens"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом break */
.dt-is-active [class*="break-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом whitespace */
.dt-is-active [class*="whitespace-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом word */
.dt-is-active [class*="word-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом writing */
.dt-is-active [class*="writing-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом list */
.dt-is-active [class*="list-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом placeholder */
.dt-is-active [class*="placeholder"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом file */
.dt-is-active [class*="file:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом selection */
.dt-is-active [class*="selection:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом first */
.dt-is-active [class*="first:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом last */
.dt-is-active [class*="last:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом odd */
.dt-is-active [class*="odd:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом even */
.dt-is-active [class*="even:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом only */
.dt-is-active [class*="only:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом first-of-type */
.dt-is-active [class*="first-of-type:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом last-of-type */
.dt-is-active [class*="last-of-type:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом only-of-type */
.dt-is-active [class*="only-of-type:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом visited */
.dt-is-active [class*="visited:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом target */
.dt-is-active [class*="target:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом open */
.dt-is-active [class*="open:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом default */
.dt-is-active [class*="default:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом checked */
.dt-is-active [class*="checked:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом indeterminate */
.dt-is-active [class*="indeterminate:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом placeholder-shown */
.dt-is-active [class*="placeholder-shown:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом autofill */
.dt-is-active [class*="autofill:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом optional */
.dt-is-active [class*="optional:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом required */
.dt-is-active [class*="required:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом valid */
.dt-is-active [class*="valid:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом invalid */
.dt-is-active [class*="invalid:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом in-range */
.dt-is-active [class*="in-range:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом out-of-range */
.dt-is-active [class*="out-of-range:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом read-only */
.dt-is-active [class*="read-only:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом empty */
.dt-is-active [class*="empty:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом focus-within */
.dt-is-active [class*="focus-within:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом hover */
.dt-is-active [class*="hover:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом focus */
.dt-is-active [class*="focus:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом focus-visible */
.dt-is-active [class*="focus-visible:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом active */
.dt-is-active [class*="active:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом enabled */
.dt-is-active [class*="enabled:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом disabled */
.dt-is-active [class*="disabled:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом group */
.dt-is-active [class*="group-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом peer */
.dt-is-active [class*="peer-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом marker */
.dt-is-active [class*="marker:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом before */
.dt-is-active [class*="before:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом after */
.dt-is-active [class*="after:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом first-line */
.dt-is-active [class*="first-line:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом first-letter */
.dt-is-active [class*="first-letter:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом backdrop */
.dt-is-active [class*="backdrop:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом sm */
.dt-is-active [class*="sm:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом md */
.dt-is-active [class*="md:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом lg */
.dt-is-active [class*="lg:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом xl */
.dt-is-active [class*="xl:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом 2xl */
.dt-is-active [class*="2xl:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом max */
.dt-is-active [class*="max-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом min */
.dt-is-active [class*="min-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом portrait */
.dt-is-active [class*="portrait:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом landscape */
.dt-is-active [class*="landscape:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом motion-safe */
.dt-is-active [class*="motion-safe:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом motion-reduce */
.dt-is-active [class*="motion-reduce:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом dark */
.dt-is-active [class*="dark:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом print */
.dt-is-active [class*="print:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом supports */
.dt-is-active [class*="supports-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом aria */
.dt-is-active [class*="aria-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом data */
.dt-is-active [class*="data-"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом rtl */
.dt-is-active [class*="rtl:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом ltr */
.dt-is-active [class*="ltr:"] {
    background-color: transparent;
}

/* Стили для всех элементов с классом forced-colors */
.dt-is-active [class*="forced-colors:"] {
    background-color: transparent;
}

/* Стили дл<div claлементов с классом contrasss="filter-background">
<divis-active [class*="contrast-more:"] class="ksupdate_block" data-date="26-май-2025">
    ackground-color: transparent;
}

/* Стили для всех элементов с классом contrast-less */
.dt-is-active [class*="contrast-less:"] {
    background-color: transparent;
}

/* =====
 СТИЛИ ДЛЯ ФИЛЬТРОВ И КОМПОНЕНТОВ В ТЕМНОЙ ТЕМЕ ===== */

/* Стили для sliderShowcaseMark */
.dt-is-active .sliderShowcaseMark {
    background: var(--accent-red);
    color: #fff;
}

/* ===== TAIL SELECT СТИЛИ ===== */
.dt-is-active .tail-select {
    color: var(--tt);
}

.dt-is-active .tail-select mark {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .tail-select button.tail-all,
.dt-is-active .tail-select button.tail-none {
    color: var(--tt-fade);
    border-color: var(--ui-bdc);
    background-color: transparent;
}

.dt-is-active .tail-select button.tail-all:hover {
    color: var(--ui-green);
    border-color: var(--ui-green);
}

.dt-is-active .tail-select button.tail-none:hover {
    color: var(--ui-red);
    border-color: var(--ui-red);
}

.dt-is-active .tail-select.disabled button.tail-all,
.dt-is-active .tail-select.disabled button.tail-none {
    color: var(--tt-fade);
    border-color: var(--ui-bdc);
    opacity: 0.5;
}

.dt-is-active .tail-select input[type=text] {
    color: var(--tt);
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
}

.dt-is-active .tail-select input[type=text]:hover {
    color: var(--tt);
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .tail-select input[type=text]:focus {
    color: var(--accent-red);
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .tail-select.disabled input[type=text] {
    color: var(--tt-fade);
    background-color: var(--bg-dark);
}

.dt-is-active .tail-select-container {
    background-color: var(--bg-dark-lighter);
    border-radius: 3px;
}

.dt-is-active .tail-select-container .select-handle {
    color: var(--tt);
    background-color: var(--bg-dark);
    border-color: var(--ui-bdc);
}

.dt-is-active .tail-select-container .select-handle:hover {
    color: #fff;
    background-color: var(--accent-red);
}

.dt-is-active .tail-select .select-label {
    color: var(--tt);
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 1px var(--ui-bdc);
}

.dt-is-active .tail-select .select-label:after {
    border-top-color: var(--tt-fade);
}

.dt-is-active .tail-select .select-label .label-count {
    color: var(--tt);
    border-color: var(--ui-bdc);
}

.dt-is-active .tail-select.active .select-label,
.dt-is-active .tail-select.idle .select-label,
.dt-is-active .tail-select:hover .select-label {
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 1px var(--accent-red);
}

.dt-is-active .tail-select.active .select-label:after,
.dt-is-active .tail-select.idle .select-label:after,
.dt-is-active .tail-select:hover .select-label:after {
    border-top-color: var(--accent-red);
}

.dt-is-active .tail-select.disabled .select-label {
    background-color: var(--bg-dark);
    color: var(--tt-fade);
    box-shadow: 0 0 1px 1px var(--ui-bdc);
}

.dt-is-active .tail-select .select-dropdown {
    color: var(--tt);
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 1px var(--ui-bdc);
}

.dt-is-active .tail-select .select-dropdown .dropdown-search {
    border-color: var(--ui-bdc);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
}

.dt-is-active .tail-select .select-dropdown ul li {
    color: var(--tt);
}

.dt-is-active .tail-select .select-dropdown ul li.optgroup-title {
    color: var(--tt-fade);
}

.dt-is-active .tail-select .select-dropdown ul li.dropdown-option {
    color: var(--tt);
}

.dt-is-active .tail-select .select-dropdown ul li.dropdown-option .option-description {
    color: var(--tt-fade);
}

.dt-is-active .tail-select .select-dropdown ul li.dropdown-option.hover,
.dt-is-active .tail-select .select-dropdown ul li.dropdown-option:hover {
    color: var(--tt);
    background-color: var(--bg-dark);
}

.dt-is-active .tail-select .select-dropdown ul li.dropdown-option.selected {
    color: var(--accent-red);
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .tail-select .select-dropdown ul li.dropdown-option.selected .option-description {
    color: var(--accent-red);
}

.dt-is-active .tail-select .select-dropdown ul li.dropdown-option.disabled,
.dt-is-active .tail-select.disabled .select-dropdown ul li.dropdown-option {
    color: var(--tt-fade);
    background-color: var(--bg-dark);
}

/* ===== ION RANGE SLIDER СТИЛИ ===== */
.dt-is-active .irs {
    color: var(--tt);
}

/* Flat стиль */
.dt-is-active .irs--flat .irs-line {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--flat .irs-bar {
    background-color: var(--accent-red);
}

.dt-is-active .irs--flat .irs-shadow {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--flat .irs-handle>i:first-child {
    background-color: var(--accent-red);
}

.dt-is-active .irs--flat .irs-handle.state_hover>i:first-child,
.dt-is-active .irs--flat .irs-handle:hover>i:first-child {
    background-color: var(--bg-btn-hover);
}

.dt-is-active .irs--flat .irs-max,
.dt-is-active .irs--flat .irs-min {
    color: var(--tt-fade);
    background-color: var(--bg-dark);
}

.dt-is-active .irs--flat .irs-from,
.dt-is-active .irs--flat .irs-single,
.dt-is-active .irs--flat .irs-to {
    color: #fff;
    background-color: var(--accent-red);
}

.dt-is-active .irs--flat .irs-from::before,
.dt-is-active .irs--flat .irs-single::before,
.dt-is-active .irs--flat .irs-to::before {
    border-top-color: var(--accent-red);
}

.dt-is-active .irs--flat .irs-grid-pol {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--flat .irs-grid-text {
    color: var(--tt-fade);
}

/* Big стиль */
.dt-is-active .irs--big .irs-line {
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
}

.dt-is-active .irs--big .irs-bar {
    background-color: var(--accent-red);
    border-color: var(--accent-red);
}

.dt-is-active .irs--big .irs-shadow {
    background-color: rgba(26, 188, 156, 0.5);
}

.dt-is-active .irs--big .irs-handle {
    border-color: var(--ui-bdc);
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .irs--big .irs-handle.state_hover,
.dt-is-active .irs--big .irs-handle:hover {
    border-color: var(--accent-red);
    background-color: var(--bg-dark);
}

.dt-is-active .irs--big .irs-max,
.dt-is-active .irs--big .irs-min {
    color: #fff;
    background-color: var(--bg-dark);
}

.dt-is-active .irs--big .irs-from,
.dt-is-active .irs--big .irs-single,
.dt-is-active .irs--big .irs-to {
    color: #fff;
    background-color: var(--accent-red);
}

.dt-is-active .irs--big .irs-grid-pol {
    background-color: var(--accent-red);
}

.dt-is-active .irs--big .irs-grid-text {
    color: var(--accent-red);
}

/* Modern стиль */
.dt-is-active .irs--modern .irs-line {
    background-color: var(--bg-dark);
    border-color: var(--ui-bdc);
}

.dt-is-active .irs--modern .irs-bar {
    background: var(--accent-red);
}

.dt-is-active .irs--modern .irs-shadow {
    background-color: rgba(26, 188, 156, 0.5);
}

.dt-is-active .irs--modern .irs-handle {
    border-color: var(--ui-bdc);
}

.dt-is-active .irs--modern .irs-handle>i:nth-child(1) {
    border-color: var(--ui-bdc);
    background: var(--bg-dark-lighter);
}

.dt-is-active .irs--modern .irs-handle>i:nth-child(2) {
    background: var(--bg-dark-lighter);
}

.dt-is-active .irs--modern .irs-handle>i:nth-child(3) {
    border-color: var(--ui-bdc);
}

.dt-is-active .irs--modern .irs-handle.state_hover,
.dt-is-active .irs--modern .irs-handle:hover {
    border-color: var(--accent-red);
    background: var(--bg-dark);
}

.dt-is-active .irs--modern .irs-max,
.dt-is-active .irs--modern .irs-min {
    color: #fff;
    background-color: var(--bg-dark);
}

.dt-is-active .irs--modern .irs-from,
.dt-is-active .irs--modern .irs-single,
.dt-is-active .irs--modern .irs-to {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .irs--modern .irs-from::before,
.dt-is-active .irs--modern .irs-single::before,
.dt-is-active .irs--modern .irs-to::before {
    border-top-color: var(--accent-red);
}

.dt-is-active .irs--modern .irs-grid-pol {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--modern .irs-grid-text {
    color: var(--tt-fade);
}

/* Sharp стиль */
.dt-is-active .irs--sharp .irs-line {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--sharp .irs-bar {
    background-color: var(--accent-red);
}

.dt-is-active .irs--sharp .irs-shadow {
    background-color: rgba(0, 0, 0, 0.8);
}

.dt-is-active .irs--sharp .irs-handle {
    background-color: var(--accent-red);
}

.dt-is-active .irs--sharp .irs-handle>i:first-child {
    border-top-color: var(--accent-red);
}

.dt-is-active .irs--sharp .irs-handle.state_hover,
.dt-is-active .irs--sharp .irs-handle:hover {
    background-color: var(--bg-btn-hover);
}

.dt-is-active .irs--sharp .irs-handle.state_hover>i:first-child,
.dt-is-active .irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: var(--bg-btn-hover);
}

.dt-is-active .irs--sharp .irs-max,
.dt-is-active .irs--sharp .irs-min {
    color: #fff;
    background-color: var(--accent-red);
}

.dt-is-active .irs--sharp .irs-from,
.dt-is-active .irs--sharp .irs-single,
.dt-is-active .irs--sharp .irs-to {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .irs--sharp .irs-from::before,
.dt-is-active .irs--sharp .irs-single::before,
.dt-is-active .irs--sharp .irs-to::before {
    border-top-color: var(--accent-red);
}

.dt-is-active .irs--sharp .irs-grid-pol {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--sharp .irs-grid-text {
    color: var(--tt-fade);
}

/* Round стиль */
.dt-is-active .irs--round .irs-line {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--round .irs-bar {
    background-color: var(--accent-red);
}

.dt-is-active .irs--round .irs-shadow {
    background-color: rgba(26, 188, 156, 0.5);
}

.dt-is-active .irs--round .irs-handle {
    border-color: var(--accent-red);
    background-color: var(--bg-dark-lighter);
    box-shadow: 0 1px 3px rgba(26, 188, 156, 0.3);
}

.dt-is-active .irs--round .irs-handle.state_hover,
.dt-is-active .irs--round .irs-handle:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--round .irs-max,
.dt-is-active .irs--round .irs-min {
    color: var(--tt);
    background-color: var(--bg-dark);
}

.dt-is-active .irs--round .irs-from,
.dt-is-active .irs--round .irs-single,
.dt-is-active .irs--round .irs-to {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .irs--round .irs-from::before,
.dt-is-active .irs--round .irs-single::before,
.dt-is-active .irs--round .irs-to::before {
    border-top-color: var(--accent-red);
}

.dt-is-active .irs--round .irs-grid-pol {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--round .irs-grid-text {
    color: var(--tt-fade);
}

/* Square стиль */
.dt-is-active .irs--square .irs-line {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--square .irs-bar {
    background-color: var(--accent-red);
}

.dt-is-active .irs--square .irs-shadow {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--square .irs-handle {
    border-color: var(--accent-red);
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .irs--square .irs-handle.state_hover,
.dt-is-active .irs--square .irs-handle:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--square .irs-max,
.dt-is-active .irs--square .irs-min {
    color: var(--tt);
    background-color: var(--bg-dark);
}

.dt-is-active .irs--square .irs-from,
.dt-is-active .irs--square .irs-single,
.dt-is-active .irs--square .irs-to {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .irs--square .irs-grid-pol {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--square .irs-grid-text {
    color: var(--tt-fade);
}

/* Material стиль */
.dt-is-active .irs--material .irs-line {
    background-color: rgba(26, 188, 156, 0.26);
}

.dt-is-active .irs--material .irs-bar {
    background-color: var(--accent-red);
}

.dt-is-active .irs--material .irs-shadow {
    background-color: rgba(0, 0, 0, 0.5);
}

.dt-is-active .irs--material .irs-handle {
    background-color: var(--accent-red);
}

.dt-is-active .irs--material .irs-handle:hover {
    box-shadow: 0 0 0 0.75rem rgba(26, 188, 156, 0.12);
}

.dt-is-active .irs--material .irs-handle.state_hover {
    box-shadow: 0 0 0 1.3334rem rgba(26, 188, 156, 0.2);
}

.dt-is-active .irs--material .irs-max,
.dt-is-active .irs--material .irs-min {
    color: var(--tt-fade);
}

.dt-is-active .irs--material .irs-from,
.dt-is-active .irs--material .irs-single,
.dt-is-active .irs--material .irs-to {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .irs--material .irs-from::before,
.dt-is-active .irs--material .irs-single::before,
.dt-is-active .irs--material .irs-to::before {
    border-top-color: var(--accent-red);
}

.dt-is-active .irs--material .irs-grid-pol {
    background-color: rgba(26, 188, 156, 0.4);
}

.dt-is-active .irs--material .irs-grid-text {
    color: var(--tt-fade);
}

.dt-is-active .irs--material.irs-disabled .irs-line {
    background-color: var(--bg-dark);
}

.dt-is-active .irs--material.irs-disabled .irs-bar {
    background-color: var(--tt-fade);
}

.dt-is-active .irs--material.irs-disabled .irs-handle {
    background-color: var(--tt-fade);
    box-shadow: 0 0 0 0.25rem var(--bg-dark-lighter);
}

.dt-is-active .irs--material.irs-disabled .irs-from,
.dt-is-active .irs--material.irs-disabled .irs-single,
.dt-is-active .irs--material.irs-disabled .irs-to {
    background: var(--tt-fade);
}

/* ===== NICE SELECT СТИЛИ ===== */
.dt-is-active .nice-select {
    background-color: var(--bg-dark-lighter);
    border-color: var(--ui-bdc);
    color: var(--tt);
}

.dt-is-active .nice-select:hover {
    border-color: var(--accent-red);
}

.dt-is-active .nice-select.open,
.dt-is-active .nice-select:active,
.dt-is-active .nice-select:focus {
    border-color: var(--accent-red);
}

.dt-is-active .nice-select:after {
    border-bottom-color: var(--tt-fade);
    border-right-color: var(--tt-fade);
}

.dt-is-active .nice-select.disabled {
    border-color: var(--ui-bdc);
    color: var(--tt-fade);
}

.dt-is-active .nice-select.disabled:after {
    border-color: var(--tt-fade);
}

.dt-is-active .nice-select .list {
    background-color: var(--bg-dark-lighter);
    box-shadow: 0 0 0 1px var(--ui-bdc);
}

.dt-is-active .nice-select .option {
    color: var(--tt);
}

.dt-is-active .nice-select .option.focus,
.dt-is-active .nice-select .option.selected.focus,
.dt-is-active .nice-select .option:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .nice-select .option.selected {
    color: var(--accent-red);
}

.dt-is-active .nice-select .option.disabled {
    background-color: transparent;
    color: var(--tt-fade);
}

/* ===== CHOSEN СТИЛИ ===== */
.dt-is-active .chosen-container .chosen-drop {
    border-color: var(--ui-bdc);
    background: var(--bg-dark-lighter);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
}

.dt-is-active .chosen-container .chosen-single .group-name,
.dt-is-active .chosen-container .search-choice .group-name {
    color: var(--tt-fade);
}

.dt-is-active .chosen-container-single .chosen-single {
    border-color: var(--ui-bdc);
    background-color: var(--bg-dark-lighter);
    background: linear-gradient(var(--bg-dark-lighter) 20%, var(--bg-dark) 50%, var(--bg-dark) 52%, var(--bg-dark-lighter) 100%);
    box-shadow: 0 0 3px var(--bg-dark-lighter) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
    color: var(--tt);
}

.dt-is-active .chosen-container-single .chosen-default {
    color: var(--tt-fade);
}

.dt-is-active .chosen-container-single .chosen-search input[type=text] {
    border-color: var(--ui-bdc);
    background: var(--bg-dark-lighter);
    color: var(--tt);
}

.dt-is-active .chosen-container-single .chosen-drop {
    background-clip: padding-box;
}

.dt-is-active .chosen-container .chosen-results {
    color: var(--tt);
}

.dt-is-active .chosen-container .chosen-results li.active-result {
    color: var(--tt);
}

.dt-is-active .chosen-container .chosen-results li.disabled-result {
    color: var(--tt-fade);
}

.dt-is-active .chosen-container .chosen-results li.highlighted {
    background-color: var(--accent-red);
    background-image: linear-gradient(var(--accent-red) 20%, var(--bg-btn-hover) 90%);
    color: #fff;
}

.dt-is-active .chosen-container .chosen-results li.no-results {
    color: var(--tt-fade);
    background: var(--bg-dark);
}

.dt-is-active .chosen-container .chosen-results li.group-result {
    color: var(--tt);
}

.dt-is-active .chosen-container-multi .chosen-choices {
    border-color: var(--ui-bdc);
    background-color: var(--bg-dark-lighter);
    background-image: linear-gradient(var(--bg-dark) 1%, var(--bg-dark-lighter) 15%);
}

.dt-is-active .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: var(--tt-fade);
}

.dt-is-active .chosen-container-multi .chosen-choices li.search-choice {
    border-color: var(--ui-bdc);
    background-color: var(--bg-dark);
    background-image: linear-gradient(var(--bg-dark-lighter) 20%, var(--bg-dark) 50%, var(--bg-dark) 52%, var(--bg-dark) 100%);
    box-shadow: 0 0 2px var(--bg-dark-lighter) inset, 0 1px 0 rgba(0, 0, 0, 0.1);
    color: var(--tt);
}

.dt-is-active .chosen-container-multi .chosen-choices li.search-choice-disabled {
    border-color: var(--ui-bdc);
    background-color: var(--bg-dark);
    background-image: linear-gradient(var(--bg-dark-lighter) 20%, var(--bg-dark) 50%, var(--bg-dark) 52%, var(--bg-dark) 100%);
    color: var(--tt-fade);
}

.dt-is-active .chosen-container-multi .chosen-choices li.search-choice-focus {
    background: var(--bg-dark);
}

.dt-is-active .chosen-container-multi .chosen-drop .result-selected {
    color: var(--tt-fade);
}

.dt-is-active .chosen-container-active .chosen-single {
    border-color: var(--accent-red);
    box-shadow: 0 0 5px rgba(26, 188, 156, 0.3);
}

.dt-is-active .chosen-container-active.chosen-with-drop .chosen-single {
    border-color: var(--ui-bdc);
    background-image: linear-gradient(var(--bg-dark) 20%, var(--bg-dark-lighter) 80%);
    box-shadow: 0 1px 0 var(--bg-dark-lighter) inset;
}

.dt-is-active .chosen-container-active .chosen-choices {
    border-color: var(--accent-red);
    box-shadow: 0 0 5px rgba(26, 188, 156, 0.3);
}

.dt-is-active .chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: var(--tt) !important;
}

.dt-is-active .chosen-disabled {
    opacity: 0.5 !important;
}

/* ===== ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ФИЛЬТРОВ ===== */

/* Стили для filter-block */
.dt-is-active .filter-block {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
    border-radius: var(--bdrs);
}

.dt-is-active .filter-block-toggle {
    background-color: var(--bg-btn);
    color: var(--tt-btn);
    border: 1px solid var(--bg-btn);
}

.dt-is-active .filter-block-toggle:hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

.dt-is-active .filter-block__form {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-block__form label {
    color: var(--tt);
}

.dt-is-active .filter-block__form input,
.dt-is-active .filter-block__form select,
.dt-is-active .filter-block__form textarea {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-block__form input:focus,
.dt-is-active .filter-block__form select:focus,
.dt-is-active .filter-block__form textarea:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

.dt-is-active .filter-block__form button {
    background-color: var(--bg-btn);
    color: var(--tt-btn);
    border: 1px solid var(--bg-btn);
}

.dt-is-active .filter-block__form button:hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

/* Стили для всех элементов фильтра */
.dt-is-active .filter-item {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
    color: var(--tt);
}

.dt-is-active .filter-item:hover {
    background-color: var(--bg-dark);
    border-color: var(--accent-red);
}

.dt-is-active .filter-item.active {
    background-color: var(--accent-red);
    color: #fff;
    border-color: var(--accent-red);
}

.dt-is-active .filter-reset {
    background-color: var(--ui-red);
    color: #fff;
    border: 1px solid var(--ui-red);
}

.dt-is-active .filter-reset:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}

.dt-is-active .filter-apply {
    background-color: var(--ui-green);
    color: #fff;
    border: 1px solid var(--ui-green);
}

.dt-is-active .filter-apply:hover {
    background-color: #27ae60;
    border-color: #27ae60;
}

/* Стили для результатов фильтрации */
.dt-is-active .filter-results {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-results-item {
    background-color: var(--bg-dark-lighter);
    border-bottom: 1px solid var(--ui-bdc);
    color: var(--tt);
}

.dt-is-active .filter-results-item:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .filter-results-item:last-child {
    border-bottom: none;
}

/* Стили для загрузчика фильтра */
.dt-is-active .filter-loading {
    background-color: var(--bg-dark);
    color: var(--tt);
}

.dt-is-active .filter-loading::after {
    border-color: var(--accent-red) transparent var(--accent-red) transparent;
}

/* Стили для пустых результатов */
.dt-is-active .filter-empty {
    background-color: var(--bg-dark-lighter);
    color: var(--tt-fade);
    border: 1px solid var(--ui-bdc);
}

/* Стили для ошибок фильтра */
.dt-is-active .filter-error {
    background-color: var(--ui-red);
    color: #fff;
    border: 1px solid var(--ui-red);
}

/* Стили для уведомлений фильтра */
.dt-is-active .filter-notification {
    background-color: var(--accent-red);
    color: #fff;
    border: 1px solid var(--accent-red);
}

.dt-is-active .filter-notification.success {
    background-color: var(--ui-green);
    border-color: var(--ui-green);
}

.dt-is-active .filter-notification.warning {
    background-color: var(--ui-bd-attention);
    border-color: var(--ui-bd-attention);
}

.dt-is-active .filter-notification.info {
    background-color: var(--accent-blue);
    border-color: var(--accent-blue);
}

/* Стили для чекбоксов и радиокнопок в фильтре */
.dt-is-active .filter-checkbox,
.dt-is-active .filter-radio {
    background-color: var(--bg-dark);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-checkbox:checked,
.dt-is-active .filter-radio:checked {
    background-color: var(--accent-red);
    border-color: var(--accent-red);
}

.dt-is-active .filter-checkbox:focus,
.dt-is-active .filter-radio:focus {
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

/* Стили для переключателей в фильтре */
.dt-is-active .filter-switch {
    background-color: var(--bg-dark);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-switch.active {
    background-color: var(--accent-red);
    border-color: var(--accent-red);
}

.dt-is-active .filter-switch-handle {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-switch.active .filter-switch-handle {
    background-color: #fff;
}

/* Стили для тегов в фильтре */
.dt-is-active .filter-tag {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-tag:hover {
    background-color: var(--accent-red);
    color: #fff;
    border-color: var(--accent-red);
}

.dt-is-active .filter-tag.active {
    background-color: var(--accent-red);
    color: #fff;
    border-color: var(--accent-red);
}

.dt-is-active .filter-tag-remove {
    color: var(--tt-fade);
}

.dt-is-active .filter-tag-remove:hover {
    color: var(--ui-red);
}

/* Стили для групп фильтров */
.dt-is-active .filter-group {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-group-title {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-group-content {
    background-color: var(--bg-dark-lighter);
}

/* Стили для аккордеона фильтров */
.dt-is-active .filter-accordion {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-accordion-header {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-accordion-header:hover {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-accordion-header.active {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .filter-accordion-content {
    background-color: var(--bg-dark-lighter);
    border-top: 1px solid var(--ui-bdc);
}

/* Стили для поиска в фильтре */
.dt-is-active .filter-search {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-search:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

.dt-is-active .filter-search::placeholder {
    color: var(--tt-fade);
}

.dt-is-active .filter-search-button {
    background-color: var(--accent-red);
    color: #fff;
    border: 1px solid var(--accent-red);
}

.dt-is-active .filter-search-button:hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

/* Стили для сортировки в фильтре */
.dt-is-active .filter-sort {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-sort:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

.dt-is-active .filter-sort option {
    background-color: var(--bg-dark);
    color: var(--tt);
}

/* Стили для пагинации фильтра */
.dt-is-active .filter-pagination {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-pagination a,
.dt-is-active .filter-pagination span {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-pagination a:hover {
    background-color: var(--accent-red);
    color: #fff;
    border-color: var(--accent-red);
}

.dt-is-active .filter-pagination .current {
    background-color: var(--accent-red);
    color: #fff;
    border-color: var(--accent-red);
}

/* Стили для счетчика результатов */
.dt-is-active .filter-counter {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-counter-number {
    color: var(--accent-red);
    font-weight: bold;
}

/* Стили для индикатора загрузки */
.dt-is-active .filter-loader {
    background-color: var(--bg-dark);
    color: var(--tt);
}

.dt-is-active .filter-loader::before {
    border-color: var(--accent-red) transparent var(--accent-red) transparent;
}

/* Стили для всплывающих подсказок фильтра */
.dt-is-active .filter-tooltip {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.dt-is-active .filter-tooltip::before {
    border-bottom-color: var(--bg-dark);
}

/* Стили для выпадающих меню фильтра */
.dt-is-active .filter-dropdown {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.dt-is-active .filter-dropdown-item {
    color: var(--tt);
}

.dt-is-active .filter-dropdown-item:hover {
    background-color: var(--bg-dark);
    color: var(--accent-red);
}

.dt-is-active .filter-dropdown-item.active {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .filter-dropdown-divider {
    border-color: var(--ui-bdc);
}

/* Стили для мультиселекта */
.dt-is-active .filter-multiselect {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-multiselect-option {
    color: var(--tt);
}

.dt-is-active .filter-multiselect-option:hover {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-multiselect-option.selected {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .filter-multiselect-option.disabled {
    color: var(--tt-fade);
    background-color: var(--bg-dark);
}

/* Стили для диапазона значений */
.dt-is-active .filter-range {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-range-input {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-range-input:focus {
    border-color: var(--accent-red);
    box-shadow: 0 0 0 2px rgba(26, 188, 156, 0.2);
}

.dt-is-active .filter-range-separator {
    color: var(--tt-fade);
}

/* Стили для календаря в фильтре */
.dt-is-active .filter-calendar {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.dt-is-active .filter-calendar-header {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-calendar-day {
    color: var(--tt);
}

.dt-is-active .filter-calendar-day:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .filter-calendar-day.selected {
    background-color: var(--accent-red);
    color: #fff;
}

.dt-is-active .filter-calendar-day.disabled {
    color: var(--tt-fade);
}

.dt-is-active .filter-calendar-day.today {
    border: 1px solid var(--accent-red);
}

/* Стили для цветового селектора */
.dt-is-active .filter-color-picker {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-color-option {
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-color-option.selected {
    border: 2px solid var(--accent-red);
}

/* Стили для файлового селектора */
.dt-is-active .filter-file-input {
    background-color: var(--bg-dark);
    color: var(--tt);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-file-input:hover {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-file-button {
    background-color: var(--accent-red);
    color: #fff;
    border: 1px solid var(--accent-red);
}

.dt-is-active .filter-file-button:hover {
    background-color: var(--bg-btn-hover);
    border-color: var(--bg-btn-hover);
}

/* Стили для прогресс-бара фильтра */
.dt-is-active .filter-progress {
    background-color: var(--bg-dark);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-progress-bar {
    background-color: var(--accent-red);
}

.dt-is-active .filter-progress-text {
    color: var(--tt);
}

/* Стили для статистики фильтра */
.dt-is-active .filter-stats {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
    color: var(--tt);
}

.dt-is-active .filter-stats-item {
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-stats-item:last-child {
    border-bottom: none;
}

.dt-is-active .filter-stats-label {
    color: var(--tt-fade);
}

.dt-is-active .filter-stats-value {
    color: var(--accent-red);
    font-weight: bold;
}

/* Стили для истории фильтров */
.dt-is-active .filter-history {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-history-item {
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-history-item:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .filter-history-item:last-child {
    border-bottom: none;
}

.dt-is-active .filter-history-clear {
    background-color: var(--ui-red);
    color: #fff;
    border: 1px solid var(--ui-red);
}

.dt-is-active .filter-history-clear:hover {
    background-color: #c0392b;
    border-color: #c0392b;
}

/* Стили для сохраненных фильтров */
.dt-is-active .filter-saved {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-saved-item {
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-saved-item:hover {
    background-color: var(--bg-dark);
}

.dt-is-active .filter-saved-item:last-child {
    border-bottom: none;
}

.dt-is-active .filter-saved-name {
    color: var(--tt);
    font-weight: bold;
}

.dt-is-active .filter-saved-description {
    color: var(--tt-fade);
}

.dt-is-active .filter-saved-actions {
    color: var(--tt-fade);
}

.dt-is-active .filter-saved-edit {
    color: var(--accent-blue);
}

.dt-is-active .filter-saved-edit:hover {
    color: #2980b9;
}

.dt-is-active .filter-saved-delete {
    color: var(--ui-red);
}

.dt-is-active .filter-saved-delete:hover {
    color: #c0392b;
}

/* Стили для экспорта фильтров */
.dt-is-active .filter-export {
    background-color: var(--ui-green);
    color: #fff;
    border: 1px solid var(--ui-green);
}

.dt-is-active .filter-export:hover {
    background-color: #27ae60;
    border-color: #27ae60;
}

.dt-is-active .filter-import {
    background-color: var(--accent-blue);
    color: #fff;
    border: 1px solid var(--accent-blue);
}

.dt-is-active .filter-import:hover {
    background-color: #2980b9;
    border-color: #2980b9;
}

/* Стили для настроек фильтра */
.dt-is-active .filter-settings {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-settings-header {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-settings-content {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-settings-item {
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-settings-item:last-child {
    border-bottom: none;
}

.dt-is-active .filter-settings-label {
    color: var(--tt);
}

.dt-is-active .filter-settings-description {
    color: var(--tt-fade);
}

/* Стили для помощи по фильтрам */
.dt-is-active .filter-help {
    background-color: var(--bg-dark-lighter);
    border: 1px solid var(--ui-bdc);
    color: var(--tt);
}

.dt-is-active .filter-help-header {
    background-color: var(--bg-dark);
    color: var(--tt);
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-help-content {
    background-color: var(--bg-dark-lighter);
}

.dt-is-active .filter-help-section {
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-help-section:last-child {
    border-bottom: none;
}

.dt-is-active .filter-help-title {
    color: var(--tt);
    font-weight: bold;
}

.dt-is-active .filter-help-text {
    color: var(--tt-fade);
}

.dt-is-active .filter-help-example {
    background-color: var(--bg-dark);
    border: 1px solid var(--ui-bdc);
    color: var(--tt);
}

/* Стили для отладки фильтров */
.dt-is-active .filter-debug {
    background-color: var(--bg-dark);
    border: 1px solid var(--ui-bdc);
    color: var(--tt);
    font-family: monospace;
}

.dt-is-active .filter-debug-header {
    background-color: var(--ui-bd-attention);
    color: #fff;
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-debug-content {
    background-color: var(--bg-dark);
}

.dt-is-active .filter-debug-line {
    border-bottom: 1px solid var(--ui-bdc);
}

.dt-is-active .filter-debug-line:last-child {
    border-bottom: none;
}

.dt-is-active .filter-debug-timestamp {
    color: var(--tt-fade);
}

.dt-is-active .filter-debug-level {
    font-weight: bold;
}

.dt-is-active .filter-debug-level.error {
    color: var(--ui-red);
}

.dt-is-active .filter-debug-level.warning {
    color: var(--ui-bd-attention);
}

.dt-is-active .filter-debug-level.info {
    color: var(--accent-blue);
}

.dt-is-active .filter-debug-level.success {
    color: var(--ui-green);
}

.dt-is-active .filter-debug-message {
    color: var(--tt);
}