/* ==========================================================================
   1. Metronic Dark Tema Değişkenleri (metronic blazor için css içerigi.txt'den alındı)
      body[data-bs-theme="dark"] seçicisi ile öncelik veriyoruz.
   ========================================================================== */
body[data-bs-theme="dark"], /* VEYA sadece :root altına da konulabilir eğer hep dark kullanılacaksa */
:root { /* Temel değişkenler her tema için geçerli olabilir */
    /* Metronic Font */
    --bs-font-sans-serif: Inter, Helvetica, "sans-serif";
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 13px; /* XAF için daha uygun olabilir, Metronic'ten farklı */
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    /* Metronic Dark Tema Renkleri (data-bs-theme=dark bloğundan) */
    --bs-body-color: #F5F5F5;
    --bs-body-color-rgb: 245, 245, 245;
    --bs-body-bg: #15171C; /* VEYA #0F1014 (XAF'ın kendi koyu arkaplanı) */
    --bs-body-bg-rgb: 21, 23, 28;
    --bs-emphasis-color: #ffffff;
    --bs-secondary-color: rgba(245, 245, 245, 0.75);
    --bs-secondary-bg: #252F4A; /* Metronic Dark Gri */
    --bs-tertiary-color: rgba(245, 245, 245, 0.5);
    --bs-tertiary-bg: #162241; /* Metronic Dark Gri */

    --bs-primary: #006AE6; /* Metronic Dark Primary */
    --bs-primary-rgb: 0, 106, 230;
    --bs-primary-active: #107EFF;
    --bs-primary-light: #172331; /* Metronic Dark Primary Light */
    --bs-primary-inverse: #ffffff;
    --bs-success: #00A261; /* Metronic Dark Success */
    --bs-success-rgb: 0, 162, 97;
    --bs-success-active: #01BF73;
    --bs-success-light: #1F212A;
    --bs-success-inverse: #ffffff;
    --bs-info: #883FFF; /* Metronic Dark Info */
    --bs-info-rgb: 136, 63, 255;
    --bs-info-active: #9E63FF;
    --bs-info-light: #272134;
    --bs-info-inverse: #ffffff;
    --bs-warning: #C59A00; /* Metronic Dark Warning */
    --bs-warning-rgb: 197, 154, 0;
    --bs-warning-active: #D9AA00;
    --bs-warning-light: #242320;
    --bs-warning-inverse: #ffffff;
    --bs-danger: #E42855; /* Metronic Dark Danger */
    --bs-danger-rgb: 228, 40, 85;
    --bs-danger-active: #FF3767;
    --bs-danger-light: #302024;
    --bs-danger-inverse: #ffffff;
    --bs-light: #1B1C22; /* Metronic Dark Light */
    --bs-light-rgb: 27, 28, 34;
    --bs-light-active: #1F212A;
    --bs-light-light: #1F212A; /* Metronic Dark Light Light */
    --bs-light-inverse: #808290;
    --bs-dark: #272A34; /* Metronic Dark Dark */
    --bs-dark-rgb: 39, 42, 52;
    --bs-dark-active: #2D2F39;
    --bs-dark-light: #1E2027; /* Metronic Dark Dark Light */
    --bs-dark-inverse: #ffffff;
    --bs-gray-100: #1B1C22;
    --bs-gray-200: #26272F;
    --bs-gray-300: #363843;
    --bs-gray-400: #464852;
    --bs-gray-500: #636674;
    --bs-gray-600: #808290;
    --bs-gray-700: #9A9CAE;
    --bs-gray-800: #B5B7C8;
    --bs-gray-900: #F5F5F5;
    --bs-heading-color: var(--bs-gray-900); /* #F5F5F5 */
    --bs-link-color: var(--bs-primary); /* #006AE6 */
    --bs-link-hover-color: var(--bs-primary-active); /* #107EFF */

    --bs-border-color: #26272F; /* Metronic Dark Border */
    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
    --bs-border-radius: 0.475rem; /* Metronic border radius */
    --bs-border-radius-sm: 0.425rem;
    --bs-border-radius-lg: 0.625rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-pill: 50rem;
    /* Metronic Dark Component Colors */
    --bs-component-active-color: #ffffff;
    --bs-component-active-bg: var(--bs-primary);
    --bs-component-hover-color: var(--bs-primary);
    --bs-component-hover-bg: #1B1C22; /* var(--bs-gray-100) */
    /* XAF Tema Renkleri (Metronic Dark ile eşleşecek şekilde) */
    --bs-app-bg-color: #0F1014; /* XAF Dark Body */
    --bs-app-header-base-bg-color: #0D0E12; /* XAF Dark Header */
    --bs-app-sidebar-base-bg-color: #131313; /* XAF Dark Sidebar */
    --bs-app-toolbar-base-bg-color: #131313; /* XAF Dark Toolbar */
    --bs-app-footer-bg-color: transparent;
    /* Kartlar (Metronic dark tema değerleri) */
    --bs-card-bg: #15171C; /* var(--bs-body-bg) dark */
    --bs-card-border-color: var(--bs-border-color); /* #26272F */
    --bs-card-cap-bg: transparent;
    --bs-card-cap-color: var(--bs-heading-color); /* Veya --bs-gray-700 */
    --bs-card-title-color: var(--bs-heading-color); /* #F5F5F5 */
    --bs-card-box-shadow: none; /* Dark temada genellikle gölge olmaz */
    --bs-root-card-box-shadow: none;
    --bs-root-card-border-color: #1E2027; /* Metronic Koyu Kenarlık */
    /* Inputlar (Metronic dark tema değerleri) */
    --bs-input-bg: var(--bs-body-bg);
    --bs-input-color: var(--bs-gray-700);
    --bs-input-border-color: var(--bs-border-color);
    --bs-input-focus-border-color: var(--bs-primary); /* Dark tema focus */
    /* Butonlar (Metronic dark tema değerleri) */
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: 0.775rem;
    --bs-btn-font-size: 1.1rem;
    --bs-btn-font-weight: 500;
    --bs-btn-line-height: 1.5;
    --bs-btn-border-radius: 0.475rem;
    --bs-btn-box-shadow: none;
    /* ... diğer gerekli Metronic dark tema değişkenleri ... */
}

    /* ==========================================================================
   2. XAF Blazor Bileşenleri için Geçersiz Kılma Kuralları (Dark Tema Öncelikli)
   ========================================================================== */

    /* --- Genel Layout --- */
    body[data-bs-theme="dark"] .app-root {
        background-color: var(--bs-app-bg-color); /* XAF Dark Arkaplan */
    }

    body[data-bs-theme="dark"] .app-header {
        background-color: var(--bs-app-header-base-bg-color); /* XAF Dark Header Arkaplan */
        border-bottom: 1px solid var(--bs-border-color); /* Metronic Dark Border */
    }
    /* Sticky header için ek stil gerekebilir */
    body[data-bs-theme="dark"][data-kt-app-header-sticky=on] .app-header {
        background-color: var(--bs-app-header-sticky-bg-color, #0D0E12); /* Veya Metronic dark header bg */
        box-shadow: var(--bs-app-header-sticky-box-shadow, 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05));
    }

    body[data-bs-theme="dark"] .app-sidebar {
        background-color: var(--bs-app-sidebar-base-bg-color); /* XAF Dark Sidebar Arkaplan */
        border-right: 1px solid var(--bs-border-color); /* Metronic Dark Border */
    }

        body[data-bs-theme="dark"] .app-sidebar .app-sidebar-logo {
            border-bottom: 1px dashed var(--bs-border-color); /* Metronic Dark dashed border */
        }

    body[data-bs-theme="dark"] .app-toolbar {
        background-color: var(--bs-app-toolbar-base-bg-color); /* XAF Dark Toolbar Arkaplan */
        border-bottom: 1px solid var(--bs-border-color); /* Metronic Dark Border */
        height: var(--bs-app-toolbar-height, auto);
    }

    body[data-bs-theme="dark"] .app-footer {
        /* Footer için Metronic stilleri eklenebilir */
        color: var(--bs-gray-600);
        font-weight: 500;
    }

        body[data-bs-theme="dark"] .app-footer a {
            color: var(--bs-link-color);
        }

            body[data-bs-theme="dark"] .app-footer a:hover {
                color: var(--bs-link-hover-color);
            }

    /* --- Butonlar (XAF Action'lar) --- */
    /* Toolbar ve View içindeki butonlar için genel stil */
    body[data-bs-theme="dark"] .dxbl-btn {
        padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
        font-size: var(--bs-btn-font-size);
        font-weight: var(--bs-btn-font-weight);
        line-height: var(--bs-btn-line-height);
        border-radius: var(--bs-btn-border-radius);
        transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
        box-shadow: var(--bs-btn-box-shadow);
        border: var(--bs-btn-border-width) solid transparent; /* Metronic varsayılanı */
    }

    /* XAF Toolbar Butonları (Genellikle Secondary kullanılır) */
    body[data-bs-theme="dark"] .dxbl-toolbar .dxbl-btn.dxbl-btn-secondary {
        color: var(--bs-gray-700); /* Daha açık gri */
        background-color: var(--bs-gray-100); /* Koyu arkaplan için açık gri */
        border-color: var(--bs-gray-100);
    }

        body[data-bs-theme="dark"] .dxbl-toolbar .dxbl-btn.dxbl-btn-secondary:hover:not([disabled]) {
            color: var(--bs-primary);
            background-color: var(--bs-gray-200) !important; /* Hafifçe daha koyu */
            border-color: var(--bs-gray-200) !important;
        }

        body[data-bs-theme="dark"] .dxbl-toolbar .dxbl-btn.dxbl-btn-secondary.dxbl-disabled {
            color: var(--bs-gray-500);
            background-color: var(--bs-gray-200);
            border-color: var(--bs-gray-200);
        }

    /* XAF Özel Butonlar (New, Save, vb. - Primary olabilirler) */
    body[data-bs-theme="dark"] .dxbl-btn.dxbl-btn-primary, /* XAF Primary */
    body[data-bs-theme="dark"] .xaf-btn.btn-primary { /* Kullanıcı tanımlı primary */
        color: var(--bs-primary-inverse);
        background-color: var(--bs-primary);
        border-color: var(--bs-primary);
    }

        body[data-bs-theme="dark"] .dxbl-btn.dxbl-btn-primary:hover:not([disabled]),
        body[data-bs-theme="dark"] .xaf-btn.btn-primary:hover:not([disabled]) {
            color: var(--bs-primary-inverse);
            background-color: var(--bs-primary-active) !important;
            border-color: var(--bs-primary-active) !important;
        }

    /* --- Form Elemanları --- */
    /* Text Editörler */
    body[data-bs-theme="dark"] .dxbl-text-edit-input {
        padding: 0.775rem 1rem;
        font-size: 1.1rem;
        font-weight: 500;
        line-height: 1.5;
        color: var(--bs-gray-700); /* Dark input text */
        background-color: var(--bs-gray-100); /* Dark input background */
        border: 1px solid var(--bs-gray-200); /* Dark input border */
        border-radius: var(--bs-border-radius);
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

        body[data-bs-theme="dark"] .dxbl-text-edit-input:focus {
            color: var(--bs-gray-800);
            background-color: var(--bs-gray-200); /* Dark input focus background */
            border-color: var(--bs-primary); /* Dark input focus border */
            outline: 0;
        }

        body[data-bs-theme="dark"] .dxbl-text-edit-input::placeholder {
            color: var(--bs-gray-500);
            opacity: 1;
        }

        body[data-bs-theme="dark"] .dxbl-text-edit-input:disabled {
            color: var(--bs-gray-500);
            background-color: var(--bs-gray-200);
            border-color: var(--bs-gray-300);
            opacity: 0.7;
        }

    /* Full Text Search Input (Toolbar'da) */
    body[data-bs-theme="dark"] .xaf-action-fulltextsearch .dxbl-text-edit-input {
        background-color: var(--bs-gray-100); /* Toolbar'a uygun arkaplan */
        border-color: var(--bs-gray-200);
    }

        body[data-bs-theme="dark"] .xaf-action-fulltextsearch .dxbl-text-edit-input:focus {
            background-color: var(--bs-gray-200);
            border-color: var(--bs-primary);
        }

    body[data-bs-theme="dark"] .xaf-action-fulltextsearch .dxbl-btn { /* Arama ikonu butonu */
        background-color: var(--bs-gray-100);
        border-color: var(--bs-gray-200);
        border-left-color: var(--bs-gray-300); /* Ayırıcı çizgi */
    }

        body[data-bs-theme="dark"] .xaf-action-fulltextsearch .dxbl-btn:hover {
            background-color: var(--bs-gray-200);
        }

    /* CheckBox */
    body[data-bs-theme="dark"] .dxbl-checkbox .dx-checkbox-input {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 0.45em;
        border: 1px solid var(--bs-gray-300);
        background-color: var(--bs-gray-200); /* Koyu tema için arkaplan */
    }

        body[data-bs-theme="dark"] .dxbl-checkbox .dx-checkbox-input:checked {
            background-color: var(--bs-primary);
            border-color: var(--bs-primary);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 60% 60%;
        }

    body[data-bs-theme="dark"] .dxbl-checkbox-label {
        color: var(--bs-gray-700); /* Koyu tema etiket rengi */
    }

    /* --- Grid --- */
    body[data-bs-theme="dark"] .dxbl-grid {
        border: none; /* Metronic'te genellikle grid etrafında border olmaz */
    }

    body[data-bs-theme="dark"] .dxbl-grid-header th {
        color: var(--bs-gray-600); /* Koyu grid başlık */
        border-bottom: 1px solid var(--bs-border-color); /* Koyu ayırıcı */
        background-color: transparent; /* Başlık arkaplanı yok */
        font-weight: 600;
    }

    body[data-bs-theme="dark"] .dxbl-grid-table td {
        color: var(--bs-gray-800); /* Koyu grid hücre metni */
        border-bottom: 1px solid var(--bs-border-color);
    }

    body[data-bs-theme="dark"] .dxbl-grid-table tr:nth-of-type(odd) > * {
        background-color: rgba(var(--bs-light-rgb), 0.025); /* Çok hafif farklı bir arkaplan */
    }

    body[data-bs-theme="dark"] .dxbl-grid-table tr:hover > * {
        background-color: rgba(var(--bs-light-rgb), 0.05); /* Hover için biraz daha belirgin */
    }

    body[data-bs-theme="dark"] .dxbl-grid-table .grid-cell-object-link {
        color: var(--bs-link-color);
    }

        body[data-bs-theme="dark"] .dxbl-grid-table .grid-cell-object-link:hover {
            color: var(--bs-link-hover-color);
        }

/* --- Sidebar Menüsü (Dark Sidebar Layout) --- */
body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link {
    color: #9A9CAE; /* --bs-gray-700 */
}

    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link .menu-title {
        color: #9A9CAE;
    }

    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link .menu-icon i,
    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link .menu-icon .svg-icon {
        color: #464852; /* --bs-gray-400 */
    }

    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link .menu-arrow:after {
        background-color: #464852;
        /* SVG maskesini güncelle */
        mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23464852'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
        -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='%23464852'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    }

    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link.active,
    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.show > .menu-link,
    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.here > .menu-link,
    body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link:hover {
        background-color: var(--bs-app-sidebar-light-menu-link-bg-color-active, #2A2A3C); /* XAF Koyu Sidebar Aktif Arkaplan */
        color: #ffffff; /* Aktif yazı rengi */
    }

        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link.active .menu-title,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.show > .menu-link .menu-title,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.here > .menu-link .menu-title,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link:hover .menu-title {
            color: #ffffff;
        }

        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link.active .menu-icon i,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link.active .menu-icon .svg-icon,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.show > .menu-link .menu-icon i,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.show > .menu-link .menu-icon .svg-icon,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.here > .menu-link .menu-icon i,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.here > .menu-link .menu-icon .svg-icon,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link:hover .menu-icon i,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link:hover .menu-icon .svg-icon {
            color: var(--bs-primary); /* Aktif ikon rengi */
        }

        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link.active .menu-arrow:after,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.show > .menu-link .menu-arrow:after,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item.here > .menu-link .menu-arrow:after,
        body[data-kt-app-layout="dark-sidebar"][data-bs-theme="dark"] .app-sidebar-menu .menu .menu-item .menu-link:hover .menu-arrow:after {
            background-color: var(--bs-primary); /* Aktif ok rengi */
        }

/* --- Tabs --- */
body[data-bs-theme="dark"] .dxbl-tabs {
    /* Ana tab container */
}

body[data-bs-theme="dark"] .dxbl-tabs-tablist {
    border-bottom: 1px solid var(--bs-border-color); /* Metronic tab çizgisi */
}

body[data-bs-theme="dark"] .dxbl-tabs-item {
    padding: 0.75rem 1rem; /* Metronic nav-link padding */
    margin-bottom: -1px; /* Çizginin üzerine binmesi için */
    border: 1px solid transparent;
    border-top-left-radius: var(--bs-border-radius);
    border-top-right-radius: var(--bs-border-radius);
}

    body[data-bs-theme="dark"] .dxbl-tabs-item .dxbl-text {
        color: var(--bs-gray-600); /* Pasif tab rengi */
    }

    body[data-bs-theme="dark"] .dxbl-tabs-item:hover .dxbl-text {
        color: var(--bs-link-hover-color); /* Hover rengi */
    }

    body[data-bs-theme="dark"] .dxbl-tabs-item.dxbl-active {
        background-color: var(--bs-body-bg); /* Aktif tab arkaplanı */
        border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); /* Çizgiyi gizle */
    }

        body[data-bs-theme="dark"] .dxbl-tabs-item.dxbl-active .dxbl-text {
            color: var(--bs-primary); /* Aktif tab rengi */
            font-weight: 600;
        }

body[data-bs-theme="dark"] .dxbl-tabs-content-panel {
    /* İçerik paneli stilleri */
}

/* --- Pager --- */
body[data-bs-theme="dark"] .dxbl-pager {
    margin-top: 1rem; /* Grid ile pager arasına boşluk */
}

    body[data-bs-theme="dark"] .dxbl-pager .dxbl-btn {
        color: var(--bs-gray-600);
        background-color: var(--bs-gray-100);
        border-color: var(--bs-gray-200);
        min-width: 35px; /* Metronic buton genişliği */
        height: 35px;
        padding: 0.5rem 0.75rem;
        margin: 0 2px;
        border-radius: var(--bs-border-radius-sm);
    }

        body[data-bs-theme="dark"] .dxbl-pager .dxbl-btn:hover:not([disabled]) {
            background-color: var(--bs-gray-200);
            border-color: var(--bs-gray-300);
            color: var(--bs-primary);
        }

        body[data-bs-theme="dark"] .dxbl-pager .dxbl-btn[disabled] {
            opacity: 0.5;
            background-color: var(--bs-gray-200);
            border-color: var(--bs-gray-300);
        }

    body[data-bs-theme="dark"] .dxbl-pager .dxbl-pager-page-edit .dxbl-text-edit-input {
        width: 40px !important; /* Sayfa numarası input genişliği */
        height: 35px;
        text-align: center;
        padding: 0.5rem;
        margin: 0 5px;
    }

    body[data-bs-theme="dark"] .dxbl-pager .dxbl-pager-page-edit-text {
        color: var(--bs-gray-600);
        margin: 0 5px;
        align-self: center;
    }

    body[data-bs-theme="dark"] .dxbl-pager .dxbl-pager-page-size-selector {
        margin-left: 1rem;
        display: inline-flex;
        align-items: center;
    }

        body[data-bs-theme="dark"] .dxbl-pager .dxbl-pager-page-size-selector label {
            color: var(--bs-gray-600);
            margin-right: 0.5rem;
        }

        body[data-bs-theme="dark"] .dxbl-pager .dxbl-pager-page-size-selector .dxbl-text-edit {
            width: 70px; /* Sayfa boyutu dropdown genişliği */
        }

        body[data-bs-theme="dark"] .dxbl-pager .dxbl-pager-page-size-selector .dxbl-text-edit-input {
            height: 35px;
            padding: 0.5rem 1rem;
            min-width: 70px;
        }

/* Diğer XAF bileşenleri için gerekli override'ları buraya ekleyin */