/**
 * Valent CRM — filtre alanları, select option ve Görünüm menüsü tema uyumu
 */

:root,
[data-bs-theme=light] {
    --valent-filter-field-bg: var(--bs-secondary-bg, var(--ct-gray-100, #f6f7fb));
    --valent-filter-field-color: var(--bs-body-color, var(--ct-body-color, #6c757d));
    --valent-filter-field-border: transparent;
    --valent-filter-option-bg: var(--bs-body-bg, #fff);
    --valent-filter-option-color: var(--bs-body-color, #6c757d);
    --valent-filter-placeholder-color: var(--bs-secondary-color, #98a6ad);
    --valent-view-menu-bg: var(--ct-white, #fff);
}

[data-bs-theme=dark] {
    --valent-filter-field-bg: #252631;
    --valent-filter-field-color: var(--bs-body-color, #aab8c5);
    --valent-filter-field-border: var(--bs-border-color, var(--ct-border-color, #37394d));
    --valent-filter-option-bg: #252631;
    --valent-filter-option-color: var(--bs-body-color, #aab8c5);
    --valent-filter-placeholder-color: var(--bs-secondary-color, #8391a2);
    --valent-view-menu-bg: #252631;
}

/* Filtre kartları — bg-light yerine tema değişkenleri */
.valent-filter-card .form-select,
.valent-filter-card .form-control,
.valent-filter-card .input-group-text,
.valent-page-dashboard .reports-filters-row .form-select,
.valent-page-dashboard .reports-filters-row .form-control,
.valent-page-leads .leads-filter-select,
.valent-page-leads .leads-filter-date,
.valent-page-leads .leads-filters-panel .form-select,
.valent-page-leads .leads-filters-panel .form-control,
.valent-page-lead-assign .valent-la-filter-form .form-select-sm,
.valent-page-lead-assign .valent-la-filter-form .form-control-sm {
    background-color: var(--valent-filter-field-bg) !important;
    color: var(--valent-filter-field-color) !important;
    border: 1px solid var(--valent-filter-field-border) !important;
}

.valent-filter-card .bg-light,
.valent-page-dashboard .reports-filters-row .bg-light,
.valent-page-leads .leads-filters-panel .bg-light {
    background-color: var(--valent-filter-field-bg) !important;
    color: var(--valent-filter-field-color) !important;
}

.valent-filter-card .form-select:focus,
.valent-filter-card .form-control:focus,
.valent-page-dashboard .reports-filters-row .form-select:focus,
.valent-page-dashboard .reports-filters-row .form-control:focus,
.valent-page-leads .leads-filter-select:focus,
.valent-page-leads .leads-filter-date:focus,
.valent-page-leads .leads-filters-panel .form-select:focus,
.valent-page-leads .leads-filters-panel .form-control:focus,
.valent-page-lead-assign .valent-la-filter-form .form-select-sm:focus,
.valent-page-lead-assign .valent-la-filter-form .form-control-sm:focus {
    background-color: var(--valent-filter-field-bg) !important;
    color: var(--valent-filter-field-color) !important;
    border-color: rgba(var(--bs-primary-rgb, 24, 138, 226), 0.45) !important;
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 24, 138, 226), 0.2);
}

/* Windows native select listesi — color-scheme */
.valent-filter-card .form-select,
.valent-page-dashboard .reports-filters-row .form-select,
.valent-page-leads .leads-filter-select,
.valent-page-leads .leads-filters-panel .form-select {
    color-scheme: light;
}

[data-bs-theme=dark] .valent-filter-card .form-select,
[data-bs-theme=dark] .valent-page-dashboard .reports-filters-row .form-select,
[data-bs-theme=dark] .valent-page-leads .leads-filter-select,
[data-bs-theme=dark] .valent-page-leads .leads-filters-panel .form-select {
    color-scheme: dark;
}

.valent-filter-card .form-select option,
.valent-page-dashboard .reports-filters-row .form-select option,
.valent-page-leads .leads-filter-select option,
.valent-page-leads .leads-filters-panel .form-select option {
    background-color: var(--valent-filter-option-bg);
    color: var(--valent-filter-option-color);
}

.valent-filter-card .form-select option:checked,
.valent-page-dashboard .reports-filters-row .form-select option:checked,
.valent-page-leads .leads-filter-select option:checked {
    background-color: var(--bs-primary, #188ae2);
    color: #fff;
}

/* Arama input-group — mobilde ikon + alan aynı satırda kalsın */
.valent-filter-card .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100%;
}

.valent-filter-card .input-group .input-group-text {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.valent-filter-card .input-group .form-control {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
}

.valent-page-leads select option[value=""] {
    color: var(--valent-filter-placeholder-color) !important;
}

/* Görünüm / sütun seçimi dropdown — filtre kartından ayrışan opak zemin */
.valent-view-menu.dropdown-menu,
.valent-page-leads #columnToggleDropdown.dropdown-menu {
    z-index: 1080;
    --bs-dropdown-bg: var(--valent-view-menu-bg);
    background-color: var(--valent-view-menu-bg) !important;
    background-clip: padding-box;
    opacity: 1 !important;
    color: var(--bs-body-color) !important;
    border: 1px solid var(--bs-border-color, var(--ct-border-color, #dee2e6)) !important;
    border-radius: var(--bs-border-radius-lg, 0.375rem);
}

.valent-view-menu .dropdown-header,
.valent-view-menu .dropdown-header.text-dark {
    color: var(--bs-body-color) !important;
    opacity: 1;
}

.valent-view-menu .form-check-label,
.valent-page-leads #columnToggleDropdown .form-check-label {
    color: var(--bs-body-color);
}

.valent-view-menu .form-check-input,
.valent-page-leads #columnToggleDropdown .form-check-input {
    background-color: var(--valent-filter-field-bg);
    border-color: var(--bs-border-color);
}

.valent-view-menu .form-check-input:checked,
.valent-page-leads #columnToggleDropdown .form-check-input:checked {
    background-color: var(--bs-primary, #188ae2);
    border-color: var(--bs-primary, #188ae2);
}

.valent-view-menu .form-check-input:focus,
.valent-page-leads #columnToggleDropdown .form-check-input:focus {
    border-color: rgba(var(--bs-primary-rgb, 24, 138, 226), 0.55);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb, 24, 138, 226), 0.2);
}

.valent-view-menu hr {
    border-color: var(--bs-border-color);
    opacity: 1;
}