/* ===== DataTables Buttons + SearchBuilder — Dark (Green palette) ===== */
:root {
    --dt-bg: #0e120a; /* surface */
    --dt-bg-2: #12180c; /* surface alt */
    --dt-hover: #1a2412; /* hover */
    --dt-border: #2a3a1d; /* border */
    --dt-text: #eaf2e1; /* text */
    --dt-muted: #a7b59a; /* muted */
    --dt-accent: #499506; /* focus/active */
    --dt-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}

/* Кнопки в панели */
.dt-buttons .dt-button,
.dt-buttons .btn.dt-button {
    /* если используешь bootstrap-стили */
    background: var(--dt-bg);
    color: var(--dt-text);
    border: 1px solid var(--dt-border);
    border-radius: 12px;
    padding: 8px 12px;
    line-height: 1.2;
}
.dt-buttons .dt-button:hover,
.dt-buttons .btn.dt-button:hover {
    background: var(--dt-hover);
    border-color: var(--dt-border);
    color: var(--dt-text);
}
.dt-buttons .dt-button:focus,
.dt-buttons .btn.dt-button:focus,
.dt-buttons .dt-button:active {
    outline: 0;
    border-color: var(--dt-accent);
    box-shadow: 0 0 0 3px rgba(73, 149, 6, 0.25);
}

/* Стрелочка у dropdown (оба варианта) */
.dt-button .dt-down-arrow {
    border-top-color: var(--dt-muted);
}
.dt-buttons .dt-button.dropdown-toggle::after {
    border-top-color: var(--dt-muted);
}

/* Коллекции (Export/Visibility меню) */
.dt-button-collection,
.dt-button-collection .dropdown-menu {
    /* bootstrap вариант */
    background: var(--dt-bg-2);
    border: 1px solid var(--dt-border);
    border-radius: 12px;
    box-shadow: var(--dt-shadow);
    padding: 6px;
}
.dt-button-collection .dt-button,
.dt-button-collection .dropdown-item {
    background: transparent;
    color: var(--dt-text);
    border: 0;
    border-radius: 8px;
    padding: 8px 10px;
}
.dt-button-collection .dt-button:hover,
.dt-button-collection .dropdown-item:hover {
    background: var(--dt-hover);
    color: var(--dt-text);
}

/* SearchBuilder блок */
div.dtsb-searchBuilder {
    background: var(--dt-bg-2);
    border: 1px solid var(--dt-border);
    border-radius: 12px;
    color: var(--dt-text);
    box-shadow: var(--dt-shadow);
}
div.dtsb-searchBuilder .dtsb-title {
    color: var(--dt-text);
}

div.dtsb-searchBuilder select,
div.dtsb-searchBuilder input,
div.dtsb-searchBuilder .dtsb-value select,
div.dtsb-searchBuilder .dtsb-value input {
    background: var(--dt-bg);
    color: var(--dt-text);
    border: 1px solid var(--dt-border);
    border-radius: 8px;
}
div.dtsb-searchBuilder .dtsb-delete,
div.dtsb-searchBuilder .dtsb-clearGroup,
div.dtsb-searchBuilder .dtsb-add {
    background: var(--dt-bg);
    color: var(--dt-text);
    border: 1px solid var(--dt-border);
    border-radius: 8px;
}
div.dtsb-searchBuilder .dtsb-delete:hover,
div.dtsb-searchBuilder .dtsb-clearGroup:hover,
div.dtsb-searchBuilder .dtsb-add:hover {
    background: var(--dt-hover);
}

/* Состояния disabled */
.dt-buttons .dt-button.disabled,
.dt-buttons .btn.dt-button.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* На случай агрессивных чужих стилей — усиливаем */
.dt-buttons .dt-button,
.dt-button-collection,
div.dtsb-searchBuilder {
    color-scheme: dark;
}

/* ===== DataTables Buttons & SearchBuilder — hard dark ===== */

/* Панель кнопок (оба варианта: чистый DT и Bootstrap) */
div.dt-buttons .dt-button,
div.dt-buttons .btn.dt-button,
div.dt-buttons .btn {
    background: #0e120a !important;
    color: #eaf2e1 !important;
    border: 1px solid #2a3a1d !important;
    border-radius: 12px !important;
    padding: 8px 12px !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
}
div.dt-buttons .dt-button:hover,
div.dt-buttons .btn.dt-button:hover,
div.dt-buttons .btn:hover {
    background: #1a2412 !important;
    color: #eaf2e1 !important;
    border-color: #2a3a1d !important;
}
div.dt-buttons .dt-button:focus,
div.dt-buttons .btn:focus,
div.dt-buttons .dt-button:active,
div.dt-buttons .btn:active {
    outline: 0 !important;
    border-color: #499506 !important;
    box-shadow: 0 0 0 3px rgba(73, 149, 6, 0.25) !important;
}

/* Иконка-стрелка у dropdown */
div.dt-buttons .dt-button .dt-down-arrow,
div.dt-buttons .dt-button.dropdown-toggle::after,
div.dt-buttons .btn.dropdown-toggle::after {
    border-top-color: #9ca3af !important;
}

/* Меню коллекций (Export/Visibility) — оба способа рендера */
div.dt-button-collection,
div.dt-button-collection .dropdown-menu,
body > div.dt-button-collection,           /* коллекция рендерится в <body> */
body > div.dt-button-collection .dropdown-menu {
    background: #12180c !important;
    border: 1px solid #2a3a1d !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55) !important;
    padding: 6px !important;
}
div.dt-button-collection .dt-button,
div.dt-button-collection .dropdown-item {
    background: transparent !important;
    color: #eaf2e1 !important;
    border: 0 !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
}
div.dt-button-collection .dt-button:hover,
div.dt-button-collection .dropdown-item:hover {
    background: #1a2412 !important;
    color: #eaf2e1 !important;
}

/* SearchBuilder блок и его элементы */
div.dtsb-searchBuilder {
    background: #12180c !important;
    border: 1px solid #2a3a1d !important;
    border-radius: 12px !important;
    color: #eaf2e1 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55) !important;
}
div.dtsb-searchBuilder .dtsb-title {
    color: #eaf2e1 !important;
}

div.dtsb-searchBuilder select,
div.dtsb-searchBuilder input,
div.dtsb-searchBuilder .dtsb-value select,
div.dtsb-searchBuilder .dtsb-value input {
    background: #0e120a !important;
    color: #eaf2e1 !important;
    border: 1px solid #2a3a1d !important;
    border-radius: 8px !important;
}
div.dtsb-searchBuilder .dtsb-delete,
div.dtsb-searchBuilder .dtsb-clearGroup,
div.dtsb-searchBuilder .dtsb-add {
    background: #0e120a !important;
    color: #eaf2e1 !important;
    border: 1px solid #2a3a1d !important;
    border-radius: 8px !important;
}
div.dtsb-searchBuilder .dtsb-delete:hover,
div.dtsb-searchBuilder .dtsb-clearGroup:hover,
div.dtsb-searchBuilder .dtsb-add:hover {
    background: #1a2412 !important;
}

/* На всякий — выключаем светлые градиенты/бэкграунды из чужих UI-китов */
div.dt-buttons .dt-button,
div.dt-buttons .btn,
div.dt-button-collection,
div.dtsb-searchBuilder {
    background-image: none !important;
    color-scheme: dark;
}