/* Office 2007 Blue - Custom DevExpress Blazor Theme
 * Base     : office-white.bs5.min.css
 * Kaynak   : DevExpress.Xpf.Themes.Office2007Blue (v25.2)
 *
 * WPF Palette Referanslari:
 *   Primary blue      : #185ABD / #15428B / #294C82
 *   Body bg           : #EBF3FB
 *   Topbar bg         : #BFDBFF -> #AECAEE  (Ribbon GroupCaption)
 *   Toolbar bg        : #E3EFFF -> #B2D3FF  (BarControl BarTemplate)
 *   Toolbar border    : #729FDB
 *   Toolbar btn hover : #FFF5CA -> #FFDC7C, border #FFBD69
 *   Toolbar btn press : #FC973D -> #FFB85E, border #FB8C3C
 *   Dialog header bg  : #DDE8F5 -> #D2E0F0 -> #C9D9EE -> #DFEBFA
 *   Dialog header fg  : #294C82
 *   Dialog footer bg  : #E4EEF7 -> #D6E4F0
 *   Grid header bg    : #DDE8F5 -> #D2E0F0 -> #C9D9EE -> #DFEBFA
 *   Grid footer bg    : #E3EFFF, border #B1C8EA
 *   Grid hover row    : #99CAF2
 *   Grid selected row : #C4D8EE
 *   Grid focused row  : #5588BB (white text)
 *   Editor btn normal : #274B87 -> #7398CE
 *   Pager btn normal  : #F9FCFF -> #DBE8F9 -> #C9D9EE
 *   Pager btn hover   : #FEFAE8 -> #FDEFC5 -> #FADE8F -> #F4C02F
 *   StatusBar bg      : #DDE8F5 -> #BACEE6 -> #C2D5EC
 *   Scrollbar thumb   : #CBE2FF -> #668CC4
 *   Tooltip bg        : #C9D9EF, border #627B9B
 *   Border            : #8EAACC
 */

/* 1. office-white base App.razor uzerinden ayri <link> olarak yukleniyor */

/* ================================================================
   2. :root TOKEN OVERRIDES
   ================================================================ */
:root,
[data-bs-theme=light] {
    /* Bootstrap */
    --bs-primary: #185abd;
    --bs-primary-rgb: 24, 90, 189;
    --bs-link-color: #185abd;
    --bs-link-hover-color: #0d3c82;
    --bs-body-bg: #ebf3fb;
    --bs-border-color: #8eaacc;
    /* DevExpress genel */
    --dxbl-primary: #185abd;
    --dxbl-primary-text: #ffffff;
    --dxbl-selected-bg: #bfd2e9;
    --dxbl-selected-text: #0d3c82;
    --dxbl-hover-bg: #dce6f5;
    --dxbl-hover-text: #0d3c82;
    --dxbl-focus-color: #185abd;
    /* Grid */
    --dxbl-grid-bg: #ffffff;
    --dxbl-grid-border-color: #a0bcd8;
    --dxbl-grid-focus-frame-color: #5588bb;
    /* WPF: popup header ile aynı renk şeması */
    --dxbl-grid-header-bg: #d2e0f0;
    --dxbl-grid-header-color: #294c82;
    /* WPF TotalSummary FootersContentTemplate: bg #E3EFFF, border #B1C8EA */
    --dxbl-grid-footer-bg: #e3efff;
    --dxbl-grid-footer-color: #15428b;
    --dxbl-grid-selection-bg: #c4d8ee;
    --dxbl-grid-selection-color: #1a3a5c;
    /* WPF GridRowThemeKey HoverBackground: #99CAF2 */
    --dxbl-grid-hover-bg: #99caf2;
    --dxbl-grid-hover-color: #000000;
    --dxbl-grid-focus-bg: rgba(85,136,187,.15);
    /* Window / Dialog */
    --dxbl-window-bg: #f0f4fa;
    --dxbl-window-border-color: #7a9ec0;
    --dxbl-window-header-bg: #d2e0f0;
    --dxbl-window-header-color: #294c82;
    --dxbl-window-header-btn-color: #1a3a5c;
    --dxbl-window-header-btn-hover-bg: rgba(255,255,255,.4);
    --dxbl-window-footer-bg: #d6e4f0;
    --dxbl-window-footer-color: #1a3a5c;
    --dxbl-window-focus-outline-color: #5588bb;
    /* Popup */
    --dxbl-popup-bg: #f0f4fa;
    --dxbl-popup-border-color: #7a9ec0;
    /* WPF FloatingContainerHeaderBorderTemplate: #DDE8F5->D2E0F0->C9D9EE->DFEBFA */
    --dxbl-popup-header-bg: #d2e0f0;
    /* WPF FloatingContainerCaptionStyle Foreground: #294C82 */
    --dxbl-popup-header-color: #294c82;
    --dxbl-popup-header-btn-color: #1a3a5c;
    --dxbl-popup-header-btn-hover-bg: rgba(100,150,200,.2);
    --dxbl-popup-footer-bg: #d6e4f0;
    --dxbl-popup-footer-color: #1a3a5c;
    /* Toolbar - WPF BarControl.xaml BarTemplate: #E3EFFF -> #B2D3FF */
    --dxbl-toolbar-bg: linear-gradient(180deg, #e3efff 0%, #b2d3ff 100%);
    --dxbl-toolbar-color: #1a3a5c;
    --dxbl-toolbar-separator-color: #8eaacc;
    --dxbl-toolbar-btn-bg: transparent;
    --dxbl-toolbar-btn-color: #1e395b;
    --dxbl-toolbar-btn-border-color: transparent;
    /* WPF BarItems hover=#FFF5CA->#FFDC7C border=#FFBD69, pressed=#FC973D->#FFB85E border=#FB8C3C */
    --dxbl-toolbar-btn-hover-bg: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%);
    --dxbl-toolbar-btn-hover-color: #1e395b;
    --dxbl-toolbar-btn-active-bg: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%);
    --dxbl-toolbar-btn-active-color: #1e395b;
    /* Dropdown */
    --dxbl-dropdown-bg: #ebf3fb;
    --dxbl-dropdown-border-color: #8eaacc;
    --dxbl-dropdown-header-bg: linear-gradient(180deg, #dce6f5 0%, #c5d9f1 100%);
    --dxbl-dropdown-header-color: #1e395b;
    /* Form inputs */
    --dxbl-edit-bg: #ffffff;
    --dxbl-edit-border-color: #8eaacc;
    --dxbl-edit-hover-border-color: #185abd;
    --dxbl-edit-focused-border-color: #185abd;
    --dxbl-edit-focused-shadow-color: rgba(24,90,189,.2);
    /* Accordion */
    --dxbl-accordion-group-header-bg: linear-gradient(180deg, #dce6f5 0%, #c5d9f1 100%);
    --dxbl-accordion-group-header-color: #1e395b;
    --dxbl-accordion-group-border-color: #8eaacc;
    --dxbl-accordion-group-header-hover-bg: #b8cef0;
    --dxbl-accordion-focus-outline-color: #185abd;
    /* App shell tokens */
    --amites-page-bg: #ebf3fb;
    --amites-content-bg: #ebf3fb;
    --amites-topbar-bg: linear-gradient(180deg, #bfdbff 0%, #aecaee 100%);
    --amites-topbar-border: #7a9ec0;
    --amites-topbar-shadow: 0 1px 3px rgba(80,120,170,.25);
    --amites-topbar-color: #1a3a5c;
    --amites-topbar-muted: #4a7090;
    --amites-topbar-icon-hover: rgba(255,255,255,.4);
    --amites-topbar-icon-color: #1a3a5c;
    --amites-topbar-brand-accent: #4a7090;
    --amites-topbar-avatar-bg: #a0bedd;
    --amites-topbar-search-bg: rgba(255,255,255,.35);
    --amites-topbar-search-border: rgba(100,150,200,.5);
    --amites-topbar-search-focus-border: rgba(80,120,170,.8);
    --amites-sidebar-bg: #f0f4fb;
    --amites-sidebar-border: #c2d4ec;
    --amites-nav-item-color: #1a3c6a;
    --amites-nav-item-hover-bg: #dce6f5;
    --amites-nav-item-hover-color: #0d3c82;
    --amites-nav-item-active-bg: #185abd;
    --amites-nav-item-active-color: #ffffff;
    --amites-nav-item-active-hover: #0d3c82;
    --amites-nav-group-color: #1a3c6a;
    --amites-nav-group-hover-bg: #dce6f5;
    --amites-nav-group-icon-color: #5580b0;
    --amites-nav-filter-bg: #ffffff;
    --amites-nav-filter-border: #8eaacc;
    --amites-nav-filter-color: #1a3c6a;
    --amites-card-bg: #ffffff;
    --amites-card-border: #c2d4ec;
    --amites-card-shadow: 0 1px 6px rgba(13,60,130,.08);
    --amites-dropdown-bg: #ebf3fb;
    --amites-dropdown-border: #8eaacc;
    --amites-dropdown-shadow: 0 8px 24px rgba(13,60,130,.15);
    --amites-dropdown-item-color: #1a3c6a;
    --amites-dropdown-item-hover: #dce6f5;
    --amites-picker-active-bg: #b8cef0;
    --amites-picker-active-color: #0d3c82;
    --amites-picker-hover-bg: #dce6f5;
    --amites-picker-title-color: #5580b0;
    --amites-text-primary: #1a3c6a;
    --amites-text-secondary: #3a6fc4;
    --amites-text-muted: #5580b0;
    --amites-link-color: #185abd;
    --amites-toolbar-title-color: #1e395b;
    /* Status Bar */
    /* WPF RibbonStatusBar LeftPart: #DDE8F5 -> #D2E0F0 -> #BACEE6 -> #C2D5EC */
    --amites-statusbar-bg: linear-gradient(180deg, #dde8f5 0%, #d2e0f0 40%, #bacee6 40%, #c2d5ec 100%);
    --amites-statusbar-border: #7a9ec0;
    --amites-statusbar-color: #1a3a5c;
}

/* ================================================================
   3. COMPONENT VARIABLE OVERRIDES
   ================================================================ */

/* Button primary */
.dxbl-btn-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #185abd;
    --dxbl-btn-border-color: #0d3c82;
    --dxbl-btn-color: #ffffff;
    --dxbl-btn-hover-bg: #1e6ec8;
    --dxbl-btn-hover-color: #ffffff;
    --dxbl-btn-hover-border-color: #185abd;
    --dxbl-btn-active-bg: #0d3c82;
    --dxbl-btn-active-color: #ffffff;
    --dxbl-btn-active-border-color: #0d3c82;
    --dxbl-btn-disabled-bg: #7aaee8;
    --dxbl-btn-disabled-color: #ffffff;
    --dxbl-btn-disabled-border-color: #7aaee8;
    --dxbl-btn-focus-shadow-color: rgba(24,90,189,.5);
}

/* Button secondary */
.dxbl-btn-secondary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #dce6f5;
    --dxbl-btn-border-color: #8eaacc;
    --dxbl-btn-color: #1e395b;
    --dxbl-btn-hover-bg: #b8cef0;
    --dxbl-btn-hover-color: #0d3c82;
    --dxbl-btn-hover-border-color: #185abd;
    --dxbl-btn-active-bg: #9bbad4;
    --dxbl-btn-active-color: #0d3c82;
    --dxbl-btn-active-border-color: #185abd;
    --dxbl-btn-disabled-bg: #ebf3fb;
    --dxbl-btn-disabled-color: #8eaacc;
    --dxbl-btn-disabled-border-color: #c2d4ec;
    --dxbl-btn-focus-shadow-color: rgba(24,90,189,.3);
}

/* Button light */
.dxbl-btn-light:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-bg: #ebf3fb;
    --dxbl-btn-border-color: #8eaacc;
    --dxbl-btn-color: #1e395b;
    --dxbl-btn-hover-bg: #dce6f5;
    --dxbl-btn-hover-color: #0d3c82;
    --dxbl-btn-hover-border-color: #8eaacc;
    --dxbl-btn-active-bg: #b8cef0;
    --dxbl-btn-active-color: #0d3c82;
    --dxbl-btn-active-border-color: #185abd;
    --dxbl-btn-focus-shadow-color: rgba(24,90,189,.3);
}

/* Button outline primary */
.dxbl-btn-outline-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #185abd;
    --dxbl-btn-border-color: #185abd;
    --dxbl-btn-hover-bg: #185abd;
    --dxbl-btn-hover-color: #ffffff;
    --dxbl-btn-hover-border-color: #185abd;
    --dxbl-btn-active-bg: #0d3c82;
    --dxbl-btn-active-color: #ffffff;
    --dxbl-btn-active-border-color: #0d3c82;
    --dxbl-btn-disabled-color: #7aaee8;
    --dxbl-btn-disabled-border-color: #7aaee8;
    --dxbl-btn-focus-shadow-color: rgba(24,90,189,.5);
}

/* Button text primary */
.dxbl-btn-text-primary:where(:not(.dxbl-btn-standalone)) {
    --dxbl-btn-color: #185abd;
    --dxbl-btn-hover-bg: #dce6f5;
    --dxbl-btn-hover-color: #0d3c82;
    --dxbl-btn-active-bg: #b8cef0;
    --dxbl-btn-active-color: #0d3c82;
    --dxbl-btn-disabled-color: #7aaee8;
    --dxbl-btn-focus-shadow-color: rgba(24,90,189,.5);
}

/* Button link */
.dxbl-btn.dxbl-btn-link {
    --dxbl-btn-link-hover-color: #185abd;
    --dxbl-btn-focus-shadow-color: rgba(24,90,189,.5);
}

/* Checkbox / Radio / Switch
   WPF CheckBox.xaml: checked #177FC7/#18354A, hover amber #FFC200/#CF9037
   unchecked border : #AEB3B9 / #CBCFD5 */
.dxbl-checkbox {
    --dxbl-checkbox-check-element-checked-bg: #177fc7;
    --dxbl-checkbox-check-element-checked-hover-bg: #ffc200;
    --dxbl-checkbox-switch-checked-bg: #177fc7;
    --dxbl-checkbox-switch-checked-hover-bg: #ffc200;
    --dxbl-checkbox-radio-check-bg: #177fc7;
    --dxbl-checkbox-radio-checked-border-color: #18354a;
    --dxbl-checkbox-radio-checked-hover-bg: #ffc200;
    --dxbl-checkbox-radio-checked-hover-border-color: #cf9037;
    --dxbl-checkbox-checked-focus-shadow-color: rgba(23,127,199,.5);
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(23,127,199,.3);
}

/* Tabs */
.dxbl-tabs {
    --dxbl-tabs-tab-selected-color: #185abd;
    --dxbl-tabs-tab-focus-outline-color: #185abd;
    --dxbl-tabs-tab-drop-indicator-color: #185abd;
}

/* Pager */
.dxbl-pager {
    --dxbl-pager-active-page-btn-bg: #185abd;
    --dxbl-pager-active-page-btn-color: #ffffff;
}

/* Progress Bar
   WPF ProgressBarEdit.xaml: track #8AABD6->#EEF4FB, indicator #07B01F->#1BDA38 (green) */
.dxbl-progress-bar {
    --dxbl-progress-bar-indicator-color: #07b01f;
    --dxbl-progress-bar-track-color: #8aabd6;
}

/* Wait Indicator / Loading Panel */
.dxbl-wait-indicator {
    --dxbl-wait-indicator-color: #185abd;
}

.dxbl-loading-panel {
    --dxbl-loading-panel-message-color: #185abd;
}

/* Calendar / DateEdit Takvim Açılır Penceresi
   WPF DateNavigator.xaml (Office2007Generic):
     Normal         : bg #FFFFFF, fg #000000
     Hover          : bg #FFF5CA->#FFDC7C, border #DDCE9A, fg #323232
     Selected       : bg #FC973D->#FFB85E, border #968365, fg #000000
     Today          : bg #FFE18A, border #BB5503
     Holiday/Weekend: fg #CC3333
     Inactive       : fg #8F8F8F
     Header text    : #0066CC, hover #063A9A
   ============================================================= */
.dxbl-calendar {
    --dxbl-calendar-today-color: #bb5503;
    --dxbl-calendar-cell-selected-bg: #fc973d;
    --dxbl-calendar-cell-selected-color: #000000;
    --dxbl-calendar-cell-hover-bg: #fff5ca;
    --dxbl-calendar-range-bg: #fff5ca;
}

/* Takvim dış kap */
.dxbl-calendar,
.dxbl-date-edit-dropdown,
.dxbl-date-time-edit-dropdown {
    background-color: #ffffff !important;
    border: 1px solid #8eaacc !important;
    box-shadow: 0 4px 12px rgba(13,60,130,.18) !important;
}

    /* Başlık satırı (Mayıs 2026) */
    .dxbl-calendar-header,
    .dxbl-calendar .dxbl-calendar-nav-header {
        background-color: #dde8f5 !important;
        border-bottom: 1px solid #a0bcd8 !important;
    }

        /* Ay/Yıl başlık butonu */
        .dxbl-calendar .dxbl-calendar-header-btn,
        .dxbl-calendar .dxbl-calendar-nav-header .dxbl-btn {
            color: #0066cc !important;
            font-weight: bold !important;
            background: transparent !important;
            border-color: transparent !important;
        }

            .dxbl-calendar .dxbl-calendar-header-btn:hover,
            .dxbl-calendar .dxbl-calendar-nav-header .dxbl-btn:hover {
                color: #063a9a !important;
                background: transparent !important;
            }

    /* İleri/Geri ok butonları */
    .dxbl-calendar .dxbl-calendar-prev-btn,
    .dxbl-calendar .dxbl-calendar-next-btn,
    .dxbl-calendar .dxbl-calendar-prev-year-btn,
    .dxbl-calendar .dxbl-calendar-next-year-btn {
        color: #0066cc !important;
        background: transparent !important;
        border-color: transparent !important;
    }

        .dxbl-calendar .dxbl-calendar-prev-btn:hover,
        .dxbl-calendar .dxbl-calendar-next-btn:hover,
        .dxbl-calendar .dxbl-calendar-prev-year-btn:hover,
        .dxbl-calendar .dxbl-calendar-next-year-btn:hover {
            color: #063a9a !important;
            background: rgba(0,102,204,.1) !important;
        }

    /* Gün adları satırı (Pzt Sal ...) */
    .dxbl-calendar .dxbl-calendar-day-of-week-header,
    .dxbl-calendar thead th {
        color: #000000 !important;
        font-weight: normal !important;
        background-color: transparent !important;
        border-bottom: 1px solid #999999 !important;
    }

    /* Normal gün hücresi */
    .dxbl-calendar .dxbl-calendar-cell,
    .dxbl-calendar td .dxbl-calendar-day {
        background-color: #ffffff !important;
        color: #000000 !important;
        border-radius: 2px !important;
    }

        /* Hover hücre - WPF: #FFF5CA -> #FFDC7C, border #DDCE9A */
        .dxbl-calendar .dxbl-calendar-cell:not(.dxbl-selected):not(.dxbl-calendar-today):hover,
        .dxbl-calendar td .dxbl-calendar-day:not(.dxbl-selected):not(.dxbl-calendar-today):hover {
            background: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
            border: 1px solid #ddce9a !important;
            color: #323232 !important;
        }

        /* Seçili gün - WPF: #FC973D -> #FFB85E, border #968365 */
        .dxbl-calendar .dxbl-calendar-cell.dxbl-selected,
        .dxbl-calendar td .dxbl-calendar-day.dxbl-selected,
        .dxbl-calendar .dxbl-calendar-cell[aria-selected="true"] {
            background: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
            border: 1px solid #968365 !important;
            color: #000000 !important;
        }

        /* Bugün - WPF AppearanceTodayState: bg #FFE18A, border #BB5503 */
        .dxbl-calendar .dxbl-calendar-today,
        .dxbl-calendar .dxbl-calendar-cell.dxbl-calendar-today,
        .dxbl-calendar td .dxbl-calendar-day.dxbl-calendar-today {
            background-color: #ffe18a !important;
            border: 1px solid #bb5503 !important;
            color: #000000 !important;
        }

    /* Hafta sonu / tatil - WPF AppearanceHolidayState: fg #CC3333 */
    .dxbl-calendar .dxbl-calendar-weekend,
    .dxbl-calendar .dxbl-calendar-holiday {
        color: #cc3333 !important;
    }

    /* Pasif ayın günleri (önceki/sonraki ay) - WPF InactiveState: fg #8F8F8F */
    .dxbl-calendar .dxbl-calendar-cell.dxbl-calendar-inactive,
    .dxbl-calendar td .dxbl-calendar-day.dxbl-calendar-other-month {
        color: #8f8f8f !important;
    }

    /* Hafta numarası kolonunun ayraç çizgisi - WPF: #999999 */
    .dxbl-calendar .dxbl-calendar-week-number {
        color: #8f8f8f !important;
        border-right: 1px solid #999999 !important;
    }

    /* Today butonu (altta) */
    .dxbl-calendar .dxbl-calendar-today-btn,
    .dxbl-calendar .dxbl-calendar-footer .dxbl-btn {
        background: linear-gradient(180deg, #f4f8fd 0%, #dce9f7 100%) !important;
        border: 1px solid #b0c8e8 !important;
        color: #1e395b !important;
    }

        .dxbl-calendar .dxbl-calendar-today-btn:hover,
        .dxbl-calendar .dxbl-calendar-footer .dxbl-btn:hover {
            background: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
            border-color: #ddce9a !important;
            color: #323232 !important;
        }

    /* Takvim footer (Today butonu arka planı) */
    .dxbl-calendar .dxbl-calendar-footer {
        background-color: #dde8f5 !important;
        border-top: 1px solid #a0bcd8 !important;
    }

/* Input focus ring */
.dxbl-text-edit,
.dxbl-spin-edit,
.dxbl-date-edit,
.dxbl-time-edit,
.dxbl-combo-box,
.dxbl-tag-box,
.dxbl-memo,
.dxbl-masked-input {
    --dxbl-edit-focused-border-color: #185abd;
    --dxbl-edit-focused-shadow-color: rgba(24,90,189,.25);
}

/* Accordion
   WPF Accordion Controls.xaml:
     bg               : #E3EFFF -> #AFD2FF
     item hover       : #FFF5CA -> #FFDC7C, border #FFBD69
     item selected    : #FC973D -> #FFB85E, border #FB8C3C
     root hover       : #FFFFFFDC -> #FFF7C15E, border #FB8C3C
     expander border  : #304860, inner bg #A0B0C0 -> #304860 */
.dxbl-accordion {
    --dxbl-accordion-focus-outline-color: #185abd;
    --dxbl-accordion-group-header-bg: linear-gradient(180deg, #e3efff 0%, #afd2ff 100%);
    --dxbl-accordion-group-header-color: #1a3a5c;
    --dxbl-accordion-group-border-color: #8ea7c4;
    background-color: #e3efff;
}

/* List Box */
.dxbl-list-box-render-container {
    --dxbl-list-box-focus-frame-color: #185abd;
    --dxbl-list-box-item-drop-indicator-color: #185abd;
}

/* Toolbar */
.dxbl-toolbar {
    --dxbl-btn-toolbar-focus-outline-color: #185abd;
    --dxbl-toolbar-dropdown-btn-focus-outline-color: #185abd;
}

/* Menu */
.dxbl-menu {
    --dxbl-menu-item-focus-outline-color: #185abd;
}

/* Window */
.dxbl-window {
    --dxbl-window-focus-outline-color: #185abd;
}

/* ================================================================
   4. DIRECT SELECTOR OVERRIDES
   DevExpress'in hardcoded / !important kullanan alanlar
   ================================================================ */

/* Grid: header sat?r? */
/* WPF FloatingContainerHeaderBorderTemplate renk skalasi */
.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell) {
    background: linear-gradient(180deg, #dde8f5 0%, #d2e0f0 20%, #c9d9ee 20%, #dfebfa 100%) !important;
    color: #294c82 !important;
    border-bottom-color: #97a5b7 !important;
}

/* Grid: genel ayarlar */
.dxbl-grid {
    --dxbl-grid-bg: #ffffff;
    --dxbl-grid-border-color: #a0bcd8;
    --dxbl-grid-focus-frame-color: #5588bb;
    --dxbl-grid-header-bg: #d8eaf8;
    --dxbl-grid-header-color: #1a3a5c;
    --dxbl-grid-footer-bg: #e3efff;
    --dxbl-grid-footer-color: #15428b;
    --dxbl-grid-selection-bg: #c4d8ee;
    --dxbl-grid-selection-color: #1a3a5c;
    --dxbl-grid-hover-bg: #99caf2;
    --dxbl-grid-hover-color: #000000;
    --dxbl-grid-focus-bg: rgba(85,136,187,.15);
}

    /* Grid: se?ili sat?r (focused de?il) */
    .dxbl-grid .dxbl-grid-table
    .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
        background-color: #c4d8ee !important;
        color: #1a3a5c !important;
    }

        .dxbl-grid .dxbl-grid-table
        .dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
            background-color: transparent !important;
            opacity: 0 !important;
        }

    /* Grid: focused sat?r */
    .dxbl-grid .dxbl-grid-table
    .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
        background-color: #5588bb !important;
        color: #ffffff !important;
    }

        .dxbl-grid .dxbl-grid-table
        .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
            background-color: transparent !important;
            opacity: 0 !important;
        }

    /* Grid: focused + selected sat?r */
    .dxbl-grid .dxbl-grid-table
    .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell) {
        background-color: #5588bb !important;
        color: #ffffff !important;
    }

        .dxbl-grid .dxbl-grid-table
        .dxbl-grid-focused-row.dxbl-grid-selected-row:not(.dxbl-grid-touch-selection) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
            background-color: transparent !important;
            opacity: 0 !important;
        }

/* Grid: focused sat?r hover */
.dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr.dxbl-grid-focused-row:not(.dxbl-grid-group-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-empty-cell) {
    background-color: #6698cc !important;
    color: #ffffff !important;
}

    .dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr.dxbl-grid-focused-row:not(.dxbl-grid-group-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-empty-cell)::before {
        background-color: transparent !important;
        opacity: 0 !important;
    }

/* Grid: se?ili sat?r hover */
.dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr.dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-empty-cell) {
    background-color: #aac8e0 !important;
    color: #1a3a5c !important;
}

    .dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr.dxbl-grid-selected-row:not(.dxbl-grid-focused-row):not(.dxbl-grid-touch-selection):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-empty-cell)::before {
        background-color: transparent !important;
        opacity: 0 !important;
    }

/* Grid: kolon ayrac? */
/* ================================================================================
   GRID FOOTER / TOTAL SUMMARY
   WPF GridView.xaml FootersContentTemplate  : outer bg #E3EFFF, border #B1C8EA
   WPF TotalSummary.xaml item bg             : #9CB5DA -> #CEDBEE -> #DBE5F4
   WPF CompactPanelForeground                : #15428B
   WPF ScrollBars.xaml ScrollingCornerStyle  : #E3EFFF (sağ-alt köşe)
   ================================================================================ */

/* Footer panel dış kap: tüm summary hücrelerini kaplayan şerit */
.dxbl-grid .dxbl-grid-footer,
.dxbl-grid .dxbl-grid-total-summary,
.dxbl-grid tfoot,
.dxbl-grid .dxbl-grid-table > tfoot .dxbl-grid-footer-row > td {
    background-color: #e3efff !important;
    border-top: 1px solid #b1c8ea !important;
    color: #15428b !important;
}

    /* Her summary hücresinin içindeki değer baloncuğu
   WPF TotalSummaryControlTemplate inner Border:
     #9CB5DA (top) -> #CEDBEE (mid) -> #DBE5F4 (bottom) */
    .dxbl-grid .dxbl-grid-footer .dxbl-grid-summary-item,
    .dxbl-grid .dxbl-grid-total-summary .dxbl-grid-summary-item,
    .dxbl-grid tfoot td .dxbl-grid-summary-item {
        display: inline-block !important;
        background: linear-gradient(180deg, #9cb5da 0%, #cedbee 50%, #dbe5f4 100%) !important;
        border: 1px solid #9cb5da !important;
        border-radius: 2px !important;
        color: #15428b !important;
        font-weight: bold !important;
        padding: 1px 4px !important;
        margin: 1px 2px !important;
    }

    /* Footer hücre arası dikey çizgi */
    .dxbl-grid tfoot tr td:not(:last-child),
    .dxbl-grid .dxbl-grid-table > tfoot .dxbl-grid-footer-row > td:not(:last-child) {
        border-right: 1px solid #b1c8ea !important;
    }

/* Group footer satırı (grup toplam) */
.dxbl-grid .dxbl-grid-group-footer-row > td {
    background: linear-gradient(180deg, #e3efff 0%, #cedbee 100%) !important;
    border-top: 1px solid #b1c8ea !important;
    border-bottom: 1px solid #b1c8ea !important;
    color: #15428b !important;
    font-style: italic !important;
}

/* Group panel (sütun sürükle alanı) */
.dxbl-grid .dxbl-grid-group-panel,
.dxbl-grid [class*="group-panel"] {
    background: linear-gradient(180deg, #dde8f5 0%, #c9d9ee 100%) !important;
    border-bottom: 1px solid #b1c8ea !important;
    color: #89a9d2 !important;
}

/* Hover satır - WPF HoverBackground #99CAF2 */
.dxbl-grid-table.dxbl-grid-row-hover-enabled > tbody > tr:not(.dxbl-grid-group-row):not(.dxbl-grid-edit-row):not(.dxbl-grid-empty-row):not(.dxbl-grid-focused-row):not(.dxbl-grid-selected-row):hover > td:not(.dxbl-grid-edit-form):not(.dxbl-grid-indent-cell):not(.dxbl-grid-empty-cell) {
    background-color: #99caf2 !important;
    color: #000000 !important;
}


.dxbl-grid .dxbl-grid-columns-separator:not(.dxbl-disabled).dxbl-active {
    background-color: #5588bb;
}

/* Grid: drop target indicator */
.dxbl-grid .dxbl-grid-drop-target-indicator.dxbl-active {
    box-shadow: inset 2px 2px 0 #5588bb, inset -2px -2px 0 #5588bb;
}

/* Grid: filtre hunisi aktif */
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-color: #185abd;
    --dxbl-btn-hover-color: #1e6ec8;
}

/* Grid: komut sütunu butonları - flat görünüm (border/background yok) */
.dxbl-grid td.dxbl-grid-command-cell .dxbl-btn {
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-active-border-color: transparent;
    background: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    padding: 2px 5px !important;
}

    .dxbl-grid td.dxbl-grid-command-cell .dxbl-btn:hover {
        /*background: var(--dxbl-btn-hover-bg, rgba(24, 90, 189, 0.08)) !important;*/
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

    .dxbl-grid td.dxbl-grid-command-cell .dxbl-btn:active {
        background: var(--dxbl-btn-active-bg, rgba(24, 90, 189, 0.16)) !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
    /* Standalone varyantı için de sıfırla */
    .dxbl-grid td.dxbl-grid-command-cell .dxbl-btn.dxbl-btn-standalone {
        color: var(--dxbl-btn-hover-bg, rgba(24, 90, 189, 0.08)) !important;
        background-color: transparent !important;
        background-image: none !important;
        border: none !important;
        box-shadow: none !important;
    }

        .dxbl-grid td.dxbl-grid-command-cell .dxbl-btn.dxbl-btn-standalone:hover {
            /*background-color: var(--dxbl-btn-hover-bg, rgba(24, 90, 189, 0.08)) !important;*/
            /*background-image: none !important;*/
            background-color: #ffdc7c !important;
            background-image: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
        }

/* Grid: bo? veri mesaj? */
.dxbl-grid .dxbl-grid-empty-data-area span.dxbl-grid-empty-data-loading {
    color: #185abd;
}

/* ================================================================================
   GRID TOOLBAR CONTAINER + TOOLBAR
   WPF kaynak eslestirmesi (Office2007Blue):

   BarContainerControl.xaml  -->  dxbl-grid-toolbar-container
     Dis Border bg  : #AECAEE  (solid, padding=1)
     Ic  Border bg  : #BFDBFF  (solid, padding=4)
     --> Blazor'da tek div: solid #BFDBFF, dis kenar #AECAEE

   BarControl.xaml  BarTemplate  -->  dxbl-toolbar (icindeki widget)
     Border BorderBrush : #729FDB (alt kenari)
     Background gradient: #E3EFFF (0%) -> #B2D3FF (100%)
   ================================================================================ */

/* Dis serit: BarContainerControl arka plani (#AECAEE dis, #BFDBFF ic) */
.dxbl-grid-toolbar-container {
    /*background-color: #bfdbff;*/
    /*background: linear-gradient(180deg, #e3efff 0%, #b2d3ff 100%);*/
    /*border: 1px solid #aecaee;*/
    /*border-bottom-color: #729fdb;*/
    /*padding: 2px;*/
}

.dxbl-grid > .dxbl-grid-toolbar-container {
    background-color: #bfdbff;
    background: linear-gradient(180deg, #e3efff 0%, #b2d3ff 100%);
    border: 1px solid #aecaee;
    border-bottom-color: #729fdb;
    padding: 2px;
}

/* Ic toolbar widget: BarTemplate gradyani */
.dxbl-toolbar {
    background-color: #bfdbff;
    background: linear-gradient(180deg, #e3efff 0%, #b2d3ff 100%);
    border-bottom: 1px solid #729fdb;
}

    /* dxbl-loaded sinifi eklendikten sonra da ayni stil korunsun */
    .dxbl-grid-toolbar-container.dxbl-loaded .dxbl-toolbar,
    .dxbl-toolbar.dxbl-loaded {
        background-color: #bfdbff;
        background: linear-gradient(180deg, #e3efff 0%, #b2d3ff 100%);
        border-bottom: 1px solid #729fdb;
        background: none;
        border: none;
    }

    /* Toolbar button: normal ? border yok, transparan zemin */
    .dxbl-toolbar .dxbl-btn,
    .dxbl-toolbar .dxbl-toolbar-btn {
        background: transparent !important;
        border: 1px solid transparent !important;
        color: #1e395b !important;
        border-radius: 3px;
        box-shadow: none !important;
    }

        /* Toolbar button: hover - WPF BarItems hover: #FFF5CA->#FFDC7C border=#FFBD69 */
        .dxbl-toolbar .dxbl-btn:not(.dxbl-disabled):hover,
        .dxbl-toolbar .dxbl-toolbar-btn:not(.dxbl-disabled):hover {
            background: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
            border-color: #ffbd69 !important;
            color: #1e395b !important;
            box-shadow: none !important;
        }

        /* Toolbar button: active/pressed - WPF BarItems pressed: #FC973D->#FFB85E border=#FB8C3C */
        .dxbl-toolbar .dxbl-btn:not(.dxbl-disabled):active,
        .dxbl-toolbar .dxbl-toolbar-btn:not(.dxbl-disabled):active {
            background: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
            border-color: #fb8c3c !important;
            color: #1e395b !important;
            box-shadow: inset 0 1px 2px rgba(0,0,0,.15) !important;
        }

    /* Toolbar separator */
    .dxbl-toolbar .dxbl-toolbar-separator {
        border-color: #8eaacc;
        opacity: 0.7;
    }

/* ================================================================================
   POPUP / MODAL / WINDOW (DxPopup) - DevExpress 25.2.x gercek DOM yapisi:
     dxbl-modal-dialog.dxbl-popup
       > div.dxbl-modal-content
           > dxbl-popup-header.dxbl-modal-header.dxbl-popup-header
           > div.dxbl-modal-body
           > div.dxbl-modal-footer
   ================================================================================ */

/* --- Modal content (arka plan + cerceve) --- */
.dxbl-modal-content {
    background-color: #ebf3fb !important;
    border: 1px solid #8eaacc !important;
    color: #1a3c6a !important;
    border-radius: 3px !important;
    overflow: hidden !important;
}

/* --- BASLIK: dxbl-popup-header custom element ---
   WPF FloatingContainerHeaderBorderTemplate:
     GradientStop #DDE8F5 offset=0, #D2E0F0 offset=0.2, #C9D9EE offset=0.2, #DFEBFA offset=1
   WPF FloatingContainerCaptionStyle Foreground: #294C82 */
dxbl-popup-header {
    background-color: #d2e0f0 !important;
    background-image: linear-gradient(180deg, #dde8f5 0%, #d2e0f0 20%, #c9d9ee 20%, #dfebfa 100%) !important;
    color: #294c82 !important;
    border-bottom: 1px solid #97a5b7 !important;
}

    dxbl-popup-header.dxbl-modal-header,
    .dxbl-modal-header.dxbl-popup-header {
        background-color: #d2e0f0 !important;
        background-image: linear-gradient(180deg, #dde8f5 0%, #d2e0f0 20%, #c9d9ee 20%, #dfebfa 100%) !important;
        color: #294c82 !important;
        border-bottom: 1px solid #97a5b7 !important;
    }

    /* Baslik icindeki tum text elemanlari */
    dxbl-popup-header *,
    .dxbl-modal-header *,
    .dxbl-popup-header * {
        color: #294c82 !important;
    }

    /* Baslik icindeki butonlar (kapat butonu) */
    dxbl-popup-header .dxbl-btn,
    .dxbl-modal-header .dxbl-btn,
    .dxbl-popup-header .dxbl-btn {
        color: #294c82 !important;
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }

        dxbl-popup-header .dxbl-btn:hover,
        .dxbl-modal-header .dxbl-btn:hover,
        .dxbl-popup-header .dxbl-btn:hover {
            background: rgba(255,255,255,.4) !important;
            color: #294c82 !important;
        }

/* --- GOVDE --- */
.dxbl-modal-body {
    background-color: #ebf3fb !important;
    color: #1a3c6a !important;
}

/* --- FOOTER --- */
.dxbl-modal-footer {
    background-color: #d6e4f0 !important;
    background-image: linear-gradient(180deg, #e4eef7 0%, #d6e4f0 100%) !important;
    border-top: 1px solid #7a9ec0 !important;
    color: #1a3a5c !important;
}

/* DxButton & Bootstrap buton overrideleri */

/* ----------------------------------------------------------------
   STANDALONE butonlar (popup footer, dialog icindeki DxButton'lar)
   Referans: normal = acik mavi-beyaz gradient, hover = amber/altin
   ---------------------------------------------------------------- */
.dxbl-btn.dxbl-btn-standalone {
    background-color: #dce9f7 !important;
    background-image: linear-gradient(180deg, #f4f8fd 0%, #dce9f7 100%) !important;
    border: 1px solid #b0c8e8 !important;
    color: #1e395b !important;
    border-radius: 3px !important;
    box-shadow: none !important;
}

    .dxbl-btn.dxbl-btn-standalone:not(.dxbl-disabled):hover {
        background-color: #ffdc7c !important;
        background-image: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
        border-color: #ffbd69 !important;
        color: #1e395b !important;
        box-shadow: none !important;
    }

    .dxbl-btn.dxbl-btn-standalone:not(.dxbl-disabled):active {
        background-color: #ffb85e !important;
        background-image: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
        border-color: #fb8c3c !important;
        color: #1e395b !important;
        box-shadow: inset 0 1px 2px rgba(0,0,0,.15) !important;
    }

/* Primary standalone (Kaydet, Lisans Olustur vb.) */
.dxbl-btn.dxbl-btn-primary.dxbl-btn-standalone {
    background-color: #4a90d4 !important;
    background-image: linear-gradient(180deg, #6aaee0 0%, #4a90d4 50%, #2e74bc 100%) !important;
    border-color: #2060a8 !important;
    color: #ffffff !important;
}

    .dxbl-btn.dxbl-btn-primary.dxbl-btn-standalone:not(.dxbl-disabled):hover {
        background-color: #ffdc7c !important;
        background-image: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
        border-color: #ffbd69 !important;
        color: #1e395b !important;
    }

    .dxbl-btn.dxbl-btn-primary.dxbl-btn-standalone:not(.dxbl-disabled):active {
        background-color: #ffb85e !important;
        background-image: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
        border-color: #fb8c3c !important;
        color: #1e395b !important;
    }

/* Success standalone (Lisans Olustur) */
.dxbl-btn.dxbl-btn-success.dxbl-btn-standalone {
    background-color: #4a90d4 !important;
    background-image: linear-gradient(180deg, #6aaee0 0%, #4a90d4 50%, #2e74bc 100%) !important;
    border-color: #2060a8 !important;
    color: #ffffff !important;
}

    .dxbl-btn.dxbl-btn-success.dxbl-btn-standalone:not(.dxbl-disabled):hover {
        background-color: #ffdc7c !important;
        background-image: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
        border-color: #ffbd69 !important;
        color: #1e395b !important;
    }

    .dxbl-btn.dxbl-btn-success.dxbl-btn-standalone:not(.dxbl-disabled):active {
        background-color: #ffb85e !important;
        background-image: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
        border-color: #fb8c3c !important;
        color: #1e395b !important;
    }

/* Secondary standalone (Bin Kopyala, Iptal vb.) */
.dxbl-btn.dxbl-btn-secondary.dxbl-btn-standalone {
    background-color: #dce9f7 !important;
    background-image: linear-gradient(180deg, #f4f8fd 0%, #dce9f7 100%) !important;
    border-color: #b0c8e8 !important;
    color: #1e395b !important;
}

    .dxbl-btn.dxbl-btn-secondary.dxbl-btn-standalone:not(.dxbl-disabled):hover {
        background-color: #ffdc7c !important;
        background-image: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
        border-color: #ffbd69 !important;
        color: #1e395b !important;
    }

    .dxbl-btn.dxbl-btn-secondary.dxbl-btn-standalone:not(.dxbl-disabled):active {
        background-color: #ffb85e !important;
        background-image: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
        border-color: #fb8c3c !important;
        color: #1e395b !important;
    }

/* Success ? Office 2007 mavi (Lisans Olustur vb.) */
.btn-success,
.dxbl-btn.dxbl-btn-success,
.dxbl-btn[class*="dxbl-btn-success"] {
    background-color: #185abd !important;
    border-color: #0d3c82 !important;
    color: #ffffff !important;
}

    .btn-success:hover,
    .dxbl-btn.dxbl-btn-success:not(:disabled):hover,
    .dxbl-btn.dxbl-btn-success:not(.dxbl-disabled):hover {
        background-color: #1e6ec8 !important;
        border-color: #185abd !important;
        color: #ffffff !important;
    }

    .btn-success:active,
    .dxbl-btn.dxbl-btn-success:active {
        background-color: #0d3c82 !important;
        border-color: #0d3c82 !important;
        color: #ffffff !important;
    }

/* Primary ? Office 2007 koyu mavi ("Kaydet", "+ Yeni" vb.) */
.btn-primary,
.dxbl-btn.dxbl-btn-primary,
.dxbl-btn[class*="dxbl-btn-primary"] {
    background-color: #185abd !important;
    border-color: #0d3c82 !important;
    color: #ffffff !important;
}

    .btn-primary:hover,
    .dxbl-btn.dxbl-btn-primary:not(:disabled):hover,
    .dxbl-btn.dxbl-btn-primary:not(.dxbl-disabled):hover {
        background-color: #1e6ec8 !important;
        border-color: #185abd !important;
        color: #ffffff !important;
    }

    .btn-primary:active,
    .dxbl-btn.dxbl-btn-primary:active {
        background-color: #0d3c82 !important;
        border-color: #0d3c82 !important;
        color: #ffffff !important;
    }

/* Warning ? Office 2007 acik mavi panel */
.btn-warning,
.dxbl-btn.dxbl-btn-warning,
.dxbl-btn[class*="dxbl-btn-warning"] {
    background-color: #dce6f5 !important;
    border-color: #8eaacc !important;
    color: #1e395b !important;
}

    .btn-warning:hover,
    .dxbl-btn.dxbl-btn-warning:not(:disabled):hover,
    .dxbl-btn.dxbl-btn-warning:not(.dxbl-disabled):hover {
        background-color: #b8cef0 !important;
        border-color: #185abd !important;
        color: #0d3c82 !important;
    }

/* Secondary ? Office 2007 acik mavi ("Bin Kopyala", "?ptal" vb.) */
.btn-secondary,
.dxbl-btn.dxbl-btn-secondary,
.dxbl-btn[class*="dxbl-btn-secondary"] {
    background-color: #dce6f5 !important;
    border-color: #8eaacc !important;
    color: #1e395b !important;
}

    .btn-secondary:hover,
    .dxbl-btn.dxbl-btn-secondary:not(:disabled):hover,
    .dxbl-btn.dxbl-btn-secondary:not(.dxbl-disabled):hover {
        background-color: #b8cef0 !important;
        border-color: #185abd !important;
        color: #0d3c82 !important;
    }

    .btn-secondary:active,
    .dxbl-btn.dxbl-btn-secondary:active {
        background-color: #9bbad4 !important;
        border-color: #185abd !important;
        color: #0d3c82 !important;
    }

/* Danger ? k?rm?z? tonunda Office uyumlu (sil butonu vb.) */
.btn-danger,
.dxbl-btn.dxbl-btn-danger,
.dxbl-btn[class*="dxbl-btn-danger"] {
    background-color: #c0392b !important;
    border-color: #922b21 !important;
    color: #ffffff !important;
}

    .btn-danger:hover,
    .dxbl-btn.dxbl-btn-danger:not(:disabled):hover,
    .dxbl-btn.dxbl-btn-danger:not(.dxbl-disabled):hover {
        background-color: #e74c3c !important;
        border-color: #c0392b !important;
        color: #ffffff !important;
    }

    .btn-danger:active,
    .dxbl-btn.dxbl-btn-danger:active {
        background-color: #922b21 !important;
        border-color: #922b21 !important;
        color: #ffffff !important;
    }

/* List Box: se?ili + hover ::before orange override */
.dxbl-list-box-render-container > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li.dxbl-list-box-item-selected:hover::before,
.dxbl-list-box > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > :not(.dxbl-list-box-empty-data-container) > li.dxbl-list-box-item-selected:hover::before {
    background-color: #185abd !important;
    opacity: 1 !important;
}

/* ================================================================================
   EDITOR SPIN / COMBO / BUTTON BUTONLARI
   WPF Brushes.xaml:
     normal   : #274B87 -> #7398CE  (editor-button-normal-gradient)
     hottrack : #385FA1 -> #ACCAF7  (editor-button-hottrack-gradient)
     pressed  : #385FA1 -> #6086BD  (editor-button-pressed-gradient)
     border   : #233B6C -> #5077B3  (editor-button-border-gradient)
   ================================================================================ */
.dxbl-spin-edit .dxbl-spin-btn,
.dxbl-combo-box .dxbl-popup-btn,
.dxbl-date-edit .dxbl-popup-btn,
.dxbl-time-edit .dxbl-popup-btn,
.dxbl-color-edit .dxbl-popup-btn,
.dxbl-tag-box .dxbl-popup-btn {
    background: linear-gradient(180deg, #274b87 0%, #2f538f 53%, #7398ce 100%) !important;
    border-color: #233b6c !important;
    color: #ffffff !important;
}

    .dxbl-spin-edit .dxbl-spin-btn:hover,
    .dxbl-combo-box .dxbl-popup-btn:hover,
    .dxbl-date-edit .dxbl-popup-btn:hover,
    .dxbl-time-edit .dxbl-popup-btn:hover,
    .dxbl-color-edit .dxbl-popup-btn:hover,
    .dxbl-tag-box .dxbl-popup-btn:hover {
        background: linear-gradient(180deg, #385fa1 0%, #6f9ce0 53%, #accaf7 100%) !important;
        border-color: #233b6c !important;
        color: #ffffff !important;
    }

    .dxbl-spin-edit .dxbl-spin-btn:active,
    .dxbl-combo-box .dxbl-popup-btn:active,
    .dxbl-date-edit .dxbl-popup-btn:active,
    .dxbl-time-edit .dxbl-popup-btn:active,
    .dxbl-color-edit .dxbl-popup-btn:active,
    .dxbl-tag-box .dxbl-popup-btn:active {
        background: linear-gradient(180deg, #385fa1 0%, #1f4685 53%, #6086bd 100%) !important;
        border-color: #264b85 !important;
        color: #ffffff !important;
    }

/* ================================================================================
   CHECKBOX / RADIO
   WPF CheckEdit.xaml:
     checked mark/bg : #003C74 / #004C94
     unchecked inner : #D2D4D2
   ================================================================================ */
.dxbl-checkbox .dxbl-checkbox-check-element-checked,
.dxbl-checkbox .dxbl-checkbox-check-element[aria-checked="true"] {
    background-color: #004c94 !important;
    border-color: #003c74 !important;
}

    .dxbl-checkbox .dxbl-checkbox-check-element-checked:hover,
    .dxbl-checkbox .dxbl-checkbox-check-element[aria-checked="true"]:hover {
        background-color: #15428b !important;
        border-color: #003c74 !important;
    }
/* Unchecked state - soluk gri ic */
.dxbl-checkbox .dxbl-checkbox-check-element:not([aria-checked="true"]) {
    background-color: #d2d4d2 !important;
    border-color: #8eaacc !important;
}

/* ================================================================================
   BAR CHECK ITEM (toolbar toggle buton - aktif/checked)
   WPF BarCheckItem.xaml:
     checked bg   : #FFE395 (acik sari)
     checked text : #404040
     border       : #30337A (koyu mavi-mor)
   ================================================================================ */
.dxbl-toolbar .dxbl-btn[aria-pressed="true"],
.dxbl-toolbar .dxbl-toolbar-btn[aria-pressed="true"],
.dxbl-toolbar .dxbl-btn.dxbl-active,
.dxbl-toolbar .dxbl-toolbar-btn.dxbl-active {
    background: #ffe395 !important;
    border-color: #30337a !important;
    color: #404040 !important;
}

/* ================================================================================
   POPUP MENU / SUBMENU (DxContextMenu, DxDropDownButton menüsü)
   WPF SubMenuBarControl.xaml:
     menu bg      : #FAFAFA
     glyph side   : #E9EEEE / border #C5C5C5
     item hover   : #FFF5CC -> #FFE498 (hotBrush #F2B40E)
     item pressed : #FFEA8D2F
     separator    : #B0B0B0
   ================================================================================ */
.dxbl-context-menu,
.dxbl-dropdown-dialog,
.dxbl-popup-list,
.dxbl-popup-list-box {
    background-color: #fafafa !important;
    border: 1px solid #8eaacc !important;
    box-shadow: 0 4px 12px rgba(13,60,130,.18) !important;
}

    .dxbl-context-menu .dxbl-menu-item,
    .dxbl-dropdown-dialog .dxbl-menu-item,
    .dxbl-popup-list .dxbl-list-item,
    .dxbl-popup-list-box .dxbl-list-item {
        color: #1a3c6a !important;
    }

        .dxbl-context-menu .dxbl-menu-item:hover,
        .dxbl-dropdown-dialog .dxbl-menu-item:hover,
        .dxbl-popup-list .dxbl-list-item:hover,
        .dxbl-popup-list-box .dxbl-list-item:hover {
            background: linear-gradient(180deg, #fff5cc 0%, #ffe498 100%) !important;
            color: #1a3c6a !important;
        }

        .dxbl-context-menu .dxbl-menu-item.dxbl-active,
        .dxbl-popup-list .dxbl-list-item.dxbl-active {
            background-color: #ffd456 !important;
            color: #1a3c6a !important;
        }

    .dxbl-context-menu hr,
    .dxbl-dropdown-dialog hr {
        border-color: #b0b0b0 !important;
    }

/* ================================================================================
   DOCKING PANEL / FLOAT PANE
   WPF DockPane.xaml:
     panel bg          : #E3EFFF
     caption active bg : #B8CFE9
     caption inactive  : #C9DAEE
     caption active fg : #294C82
     caption inactive fg: #71849F
     border            : #8EA7C4
   ================================================================================*/
.dxbl-dock-panel,
.dxbl-float-pane {
    background-color: #e3efff !important;
    border: 1px solid #8ea7c4 !important;
}

    .dxbl-dock-panel .dxbl-dock-panel-caption,
    .dxbl-float-pane .dxbl-float-pane-caption {
        background-color: #b8cfe9 !important;
        color: #294c82 !important;
        border-bottom: 1px solid #8ea7c4 !important;
    }

        .dxbl-dock-panel .dxbl-dock-panel-caption.dxbl-inactive,
        .dxbl-float-pane .dxbl-float-pane-caption.dxbl-inactive {
            background-color: #c9daee !important;
            color: #71849f !important;
        }

/* ================================================================================
   TABBED PANE / TAB GRUPLARI
   WPF TabbedPane.xaml:
     tab bg       : #E3EFFF
     tab hover    : #D3E3F5
     tab selected : #B8CFE9
     tab border   : #8EA7C4
     tab active   : #A8BDD4
   ================================================================================ */
.dxbl-tabs .dxbl-tabs-tab {
    background-color: #e3efff !important;
    border-color: #8ea7c4 !important;
    color: #1a3c6a !important;
}

    .dxbl-tabs .dxbl-tabs-tab:hover {
        background-color: #d3e3f5 !important;
        border-color: #8ea7c4 !important;
    }

    .dxbl-tabs .dxbl-tabs-tab.dxbl-active,
    .dxbl-tabs .dxbl-tabs-tab[aria-selected="true"] {
        background-color: #b8cfe9 !important;
        border-color: #8ea7c4 !important;
        color: #294c82 !important;
    }

.dxbl-tabs .dxbl-tabs-nav {
    background-color: #e3efff !important;
    border-bottom: 1px solid #8ea7c4 !important;
}

/* ================================================================================
   SELECTED ITEM / LIST BOX ITEM
   WPF Brushes.xaml selected-item gradient:
     #4B6FA5 -> #5E81B4
   ================================================================================ */
.dxbl-list-box .dxbl-list-box-item.dxbl-list-box-item-selected,
.dxbl-popup-list .dxbl-list-item.dxbl-selected {
    background: linear-gradient(180deg, #5e81b4 0%, #4b6fa5 100%) !important;
    color: #ffffff !important;
}

/* ================================================================================
   SPLITTER
   WPF DockPane: splitter saydam/hover
   ================================================================================ */
.dxbl-splitter {
    background-color: #c2d4ec !important;
}

    .dxbl-splitter:hover {
        background-color: #8ea7c4 !important;
    }

/* ================================================================================
   FILTREPANELI / SEARCH PANEL
   Office 2007 Blue search/filter panel
   ================================================================================ */
.dxbl-grid-search-panel,
.dxbl-grid-filter-panel {
    background-color: #dde8f5 !important;
    border-bottom: 1px solid #a0bcd8 !important;
    color: #1a3c6a !important;
}

/* ================================================================================
   BREADCRUMB / PATH EDIT
   ================================================================================ */
.dxbl-breadcrumb {
    background-color: #ebf3fb !important;
    border-color: #8eaacc !important;
    color: #1a3c6a !important;
}

    .dxbl-breadcrumb .dxbl-breadcrumb-item:hover {
        background-color: #dce6f5 !important;
        color: #0d3c82 !important;
    }

/* ================================================================================
   SCROLL BAR
   WPF DeepBlue/StandardControlStyles/ScrollBar.xaml:
     thumb normal : #668CC4 -> #CBE2FF
     thumb hover  : #88AEE6 -> #EEF6FF
     track/bg     : #BAC6D5 -> #D2E1ED
     arrow/line   : #365B94, #5A7DC7
   ================================================================================ */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #d2e1ed 0%, #bac6d5 100%);
    border: 1px solid #b9c5d4;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #cbe2ff 0%, #668cc4 100%);
    border: 1px solid #5a7dc7;
    border-radius: 2px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #eef6ff 0%, #88aee6 100%);
        border-color: #365b94;
    }

    ::-webkit-scrollbar-thumb:active {
        background: linear-gradient(180deg, #88aee6 0%, #2f4c8a 100%);
        border-color: #26417a;
    }

::-webkit-scrollbar-corner {
    background: #d3e2ee;
}

/* ================================================================================
   TOOLTIP
   WPF StandardControls/ToolTip.xaml:
     outer border bg : #627B9B
     inner border bg : #C9D9EF
     foreground      : #000000
     shadow: 0.15 opacity black
   ================================================================================ */
.dxbl-tooltip,
[role="tooltip"] {
    background-color: #c9d9ef !important;
    border: 1px solid #627b9b !important;
    color: #000000 !important;
    box-shadow: 2px 2px 4px rgba(0,0,0,.15) !important;
    border-radius: 2px !important;
    padding: 4px 8px !important;
}

/* ================================================================================
   BADGE / TAG
   ================================================================================ */
.dxbl-badge {
    background-color: #185abd !important;
    color: #ffffff !important;
}

/* ================================================================================
   FORM VALIDATION
   ================================================================================ */
.dxbl-edit-validation-valid .dxbl-input-inner,
.dxbl-edit.is-valid .dxbl-input-inner {
    border-color: #07b01f !important;
}

.dxbl-edit-validation-invalid .dxbl-input-inner,
.dxbl-edit.is-invalid .dxbl-input-inner {
    border-color: #cd0000 !important;
}

/* ================================================================================
   LOADING OVERLAY / SKELETON
   ================================================================================ */
.dxbl-grid .dxbl-loading-panel {
    background-color: rgba(235,243,251,.75) !important;
    color: #185abd !important;
}

    .dxbl-grid .dxbl-loading-panel .dxbl-wait-indicator {
        color: #185abd !important;
    }

/* ================================================================================
   FOCUS RING - tüm interaktif elementler
   ================================================================================ */
:focus-visible {
    outline: 2px solid #185abd;
    outline-offset: 1px;
}

/* ================================================================================
   ACCORDION ITEM HOVER / SELECTED / EXPANDED
   WPF Accordion/Office2007Blue/Controls.xaml:
     item hover    : #FFF5CA -> #FFDC7C, border #FFBD69
     item selected : #FC973D -> #FFB85E, border #FB8C3C
     root hover    : #FFFFFFDC -> #FFF7C15E, border #FB8C3C
     root pressed  : #FFE87F08 -> #FFF7D879
     expander icon border #304860, inner #A0B0C0 -> #304860 -> #FFB0C8F0
   ================================================================================ */
.dxbl-accordion .dxbl-accordion-item:hover > .dxbl-accordion-item-header,
.dxbl-accordion .dxbl-accordion-item-header:hover {
    background: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
    border-color: #ffbd69 !important;
    color: #1a3a5c !important;
}

.dxbl-accordion .dxbl-accordion-item.dxbl-selected > .dxbl-accordion-item-header,
.dxbl-accordion .dxbl-accordion-item-header.dxbl-selected,
.dxbl-accordion .dxbl-accordion-item.dxbl-active > .dxbl-accordion-item-header {
    background: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
    border-color: #fb8c3c !important;
    color: #1a3a5c !important;
}

.dxbl-accordion .dxbl-accordion-group > .dxbl-accordion-group-header:hover {
    background: linear-gradient(180deg, #ffffdc 0%, #f7c15e 100%) !important;
    border-color: #fb8c3c !important;
    color: #1a3a5c !important;
}

.dxbl-accordion .dxbl-accordion-group > .dxbl-accordion-group-header:active {
    background: linear-gradient(180deg, #e87f08 0%, #f7d879 100%) !important;
    border-color: #fb8c3c !important;
    color: #1a3a5c !important;
}

.dxbl-accordion .dxbl-accordion-group-content {
    background-color: #e3efff !important;
}

/* ================================================================================
   EXPANDER
   WPF StandardControls/Expander.xaml:
     header bg    : #47638A (koyu mavi)
     arrow/glyph  : #8FA5C2 (soluk mavi)
   ================================================================================ */
.dxbl-expander > .dxbl-expander-header {
    background-color: #47638a !important;
    color: #ffffff !important;
    border-color: #2f4c6e !important;
}

    .dxbl-expander > .dxbl-expander-header:hover {
        background-color: #5577a0 !important;
        color: #ffffff !important;
    }

    .dxbl-expander > .dxbl-expander-header .dxbl-expander-toggle-icon {
        color: #8fa5c2 !important;
    }

/* ================================================================================
   TREE VIEW
   WPF StandardControls/TreeView.xaml:
     item selected bg : #E7D490 -> #FCBD4C -> #FCCE72 (amber gradient)
     item selected focused: #B8A27A -> #C0B297 -> #FCE5C6
     item hover bg : #FFFFF9DE -> #FFFCED -> #FFFFFA (çok açık krem)
     focused border  : #6593CF
   ================================================================================ */
.dxbl-tree-view .dxbl-tree-view-item.dxbl-selected:not(:focus-within),
.dxbl-tree-view .dxbl-tree-view-item[aria-selected="true"]:not(:focus-within) {
    background: linear-gradient(180deg, #e7d490 0%, #fcbd4c 50%, #fcc972 100%) !important;
    color: #272526 !important;
    border: 1px solid #6593cf !important;
}

.dxbl-tree-view .dxbl-tree-view-item.dxbl-selected:focus-within,
.dxbl-tree-view .dxbl-tree-view-item[aria-selected="true"]:focus-within {
    background: linear-gradient(180deg, #fce5c6 0%, #c0b297 50%, #b8a27a 100%) !important;
    color: #272526 !important;
    border: 1px solid #6593cf !important;
}

.dxbl-tree-view .dxbl-tree-view-item:not(.dxbl-selected):hover {
    background: linear-gradient(180deg, #fffff9 0%, #fffced 50%, #fffffa 100%) !important;
    color: #272526 !important;
}

/* ================================================================================
   COMBOBOX / LISTBOX POPUP ITEMS
   WPF StandardControls/ComboBox.xaml & Editors/PopupListBox.xaml:
     hover  : #FFFFFFFD -> #FFFFF1BA -> #FFFFEA9A -> #FFFFDC58 (4-stop amber)
              border #FFBBA67F -> #FFB9A074
     selected: #FFBB9F7C -> #FFFDD3A8 -> #FFF8AD61 -> #FFF7952F
               border #FF9F7559 -> #FF8E8165
   ================================================================================ */
.dxbl-combo-box .dxbl-popup-list .dxbl-list-item:hover,
.dxbl-tag-box .dxbl-popup-list .dxbl-list-item:hover,
.dxbl-popup-list-box .dxbl-list-item:not(.dxbl-selected):hover {
    background: linear-gradient(180deg, #fffffd 0%, #fffff1 33%, #ffffea 66%, #ffffdc 100%) !important;
    border: 1px solid #bba67f !important;
    color: #000000 !important;
    border-radius: 2px !important;
}

.dxbl-combo-box .dxbl-popup-list .dxbl-list-item.dxbl-selected,
.dxbl-tag-box .dxbl-popup-list .dxbl-list-item.dxbl-selected,
.dxbl-popup-list-box .dxbl-list-item.dxbl-selected {
    background: linear-gradient(180deg, #fdd3a8 0%, #f8ad61 50%, #f7952f 100%) !important;
    border: 1px solid #9f7559 !important;
    color: #000000 !important;
    border-radius: 2px !important;
}

/* ================================================================================
   PROGRESS BAR TRACK + INDICATOR
   WPF ProgressBarEdit.xaml:
     track bg (empty): #8AABD6 -> #C3D6F2 -> #D5E4F6 -> #EEF4FB
     indicator (full): #07AD1E -> #07B01F -> #1BDA38, glow #66FFFFFF
   ================================================================================ */
.dxbl-progress-bar .dxbl-progress-bar-track {
    background: linear-gradient(180deg, #eef4fb 0%, #d5e4f6 40%, #c3d6f2 70%, #8aabd6 100%) !important;
    border: 1px solid #8aabd6 !important;
    border-radius: 3px !important;
}

.dxbl-progress-bar .dxbl-progress-bar-indicator {
    background: linear-gradient(180deg, #1bda38 0%, #07b01f 60%, #07ad1e 100%) !important;
    border-radius: 2px !important;
    box-shadow: inset 0 6px 8px rgba(255,255,255,.4) !important;
}

/* ================================================================================
   TEXTBOX / INPUT FOCUS RING
   WPF StandardControls/TextBox.xaml:
     normal border : #4E78AF -> #92BDEC (gradient)
     focus ring    : #FFC200 amber
   ================================================================================ */
.dxbl-text-edit .dxbl-input-inner:focus,
.dxbl-spin-edit .dxbl-input-inner:focus,
.dxbl-date-edit .dxbl-input-inner:focus,
.dxbl-time-edit .dxbl-input-inner:focus,
.dxbl-combo-box .dxbl-input-inner:focus,
.dxbl-tag-box .dxbl-input-inner:focus,
.dxbl-memo .dxbl-input-inner:focus,
.dxbl-masked-input .dxbl-input-inner:focus {
    border-color: #ffc200 !important;
    box-shadow: 0 0 0 2px rgba(255,194,0,.3) !important;
}

.dxbl-text-edit:focus-within .dxbl-input-inner,
.dxbl-spin-edit:focus-within .dxbl-input-inner,
.dxbl-date-edit:focus-within .dxbl-input-inner,
.dxbl-combo-box:focus-within .dxbl-input-inner {
    border-color: #ffc200 !important;
    outline: none !important;
}

/* ================================================================================
   NAVIGATION PANE / SIDEBAR NAV ITEMS
   WPF NavBar Office2007Blue:
     bg           : #E3EFFF
     group header : #304860 -> #AFD2FF
     item hover   : #FFF5CA -> #FFDC7C, border #FFBD69
     item selected: #FC973D -> #FFB85E, border #FB8C3C
   ================================================================================ */
.dxbl-nav-pane,
.dxbl-navigation-pane {
    background-color: #e3efff !important;
    border-color: #8ea7c4 !important;
}

    .dxbl-nav-pane .dxbl-nav-group-header,
    .dxbl-navigation-pane .dxbl-nav-group-header {
        background: linear-gradient(180deg, #304860 0%, #afd2ff 100%) !important;
        color: #ffffff !important;
        border-color: #8ea7c4 !important;
    }

    .dxbl-nav-pane .dxbl-nav-item:hover,
    .dxbl-navigation-pane .dxbl-nav-item:hover {
        background: linear-gradient(180deg, #fff5ca 0%, #ffdc7c 100%) !important;
        border-color: #ffbd69 !important;
        color: #1a3a5c !important;
    }

    .dxbl-nav-pane .dxbl-nav-item.dxbl-selected,
    .dxbl-nav-pane .dxbl-nav-item.dxbl-active,
    .dxbl-navigation-pane .dxbl-nav-item.dxbl-selected {
        background: linear-gradient(180deg, #fc973d 0%, #ffb85e 100%) !important;
        border-color: #fb8c3c !important;
        color: #1a3a5c !important;
    }

/* ================================================================================
   GRID PAGER
   WPF PagerControl.xaml (Office2007Blue):
     normal btn border : #496FA2
     normal btn bg     : #F9FCFF -> #DBE8F9 -> #C9D9EE  (mavi açık)
     hover btn bg      : #FEFAE8 -> #FDEFC5 -> #FADE8F -> #F4C02F  (amber)
     hover btn border  : #BBA67F
     selected btn bg   : #FFFFFDF2 -> #FFFFEEAE -> #FFFFEA9A -> #FFFFDC58
     selected btn out  : #9F7559, inner #BB9F7C -> #FDD3A8 -> #F8AD61 -> #F7952F
     nav btn bg        : same as normal btn
     nav btn hover     : same as hover btn
     active page text  : #1A3A5C (bold)
   ================================================================================ */
/* Grid bottom panel - pager'i saran dis serit (WPF GridView footer bg) */
.dxbl-grid-bottom-panel {
    background: linear-gradient(180deg, #dde8f5 0%, #d2e0f0 100%);
    border-top: 1px solid #a0bcd8 !important;
}

/* Pager container - transparan, bottom-panel'den miras alir */
.dxbl-pager-container {
    background-color: transparent !important;
    padding: 3px 6px;
}

/* Pager widget - transparan, icerik rengi */
.dxbl-pager {
    background-color: transparent;
    border: none;
    padding: 0;
    color: #1a3a5c;
}

    /* Normal sayfa numarası butonları */
    .dxbl-pager .dxbl-pager-page-btn,
    .dxbl-pager .dxbl-btn:not(.dxbl-pager-active-page-btn) {
        background: linear-gradient(180deg, #f9fcff 0%, #dbe8f9 50%, #c9d9ee 100%) !important;
        border: 1px solid #496fa2 !important;
        color: #1a3a5c !important;
        border-radius: 2px !important;
        min-width: 22px !important;
        font-size: 12px !important;
        box-shadow: none !important;
    }

        .dxbl-pager .dxbl-pager-page-btn:hover,
        .dxbl-pager .dxbl-btn:not(.dxbl-pager-active-page-btn):hover {
            background: linear-gradient(180deg, #fefae8 0%, #fdefc5 33%, #fade8f 66%, #f4c02f 100%) !important;
            border-color: #bba67f !important;
            color: #1a3a5c !important;
        }

        .dxbl-pager .dxbl-btn:not(.dxbl-pager-active-page-btn):active {
            background: linear-gradient(180deg, #fdd3a8 0%, #f8ad61 50%, #f7952f 100%) !important;
            border-color: #9f7559 !important;
            color: #1a3a5c !important;
        }

    /* Aktif / seçili sayfa butonu */
    .dxbl-pager .dxbl-pager-active-page-btn,
    .dxbl-pager .dxbl-btn.dxbl-pager-active-page-btn {
        background: linear-gradient(180deg, #fffffdf2 0%, #ffffeeae 33%, #ffffea9a 66%, #ffffdc58 100%) !important;
        border: 1px solid #9f7559 !important;
        color: #1a3a5c !important;
        font-weight: bold !important;
        box-shadow: none !important;
    }

    /* Navigasyon butonları (ilk/önceki/sonraki/son sayfa) */
    .dxbl-pager .dxbl-pager-nav-btn,
    .dxbl-pager [class*="pager-first"],
    .dxbl-pager [class*="pager-prev"],
    .dxbl-pager [class*="pager-next"],
    .dxbl-pager [class*="pager-last"] {
        background: linear-gradient(180deg, #f9fcff 0%, #dbe8f9 50%, #c9d9ee 100%) !important;
        border: 1px solid #496fa2 !important;
        color: #496fa2 !important;
        border-radius: 2px !important;
        box-shadow: none !important;
    }

        .dxbl-pager .dxbl-pager-nav-btn:hover,
        .dxbl-pager [class*="pager-first"]:hover,
        .dxbl-pager [class*="pager-prev"]:hover,
        .dxbl-pager [class*="pager-next"]:hover,
        .dxbl-pager [class*="pager-last"]:hover {
            background: linear-gradient(180deg, #fefae8 0%, #fdefc5 33%, #fade8f 66%, #f4c02f 100%) !important;
            border-color: #bba67f !important;
            color: #1a3a5c !important;
        }

        /* Devre dışı navigasyon butonu */
        .dxbl-pager .dxbl-pager-nav-btn.dxbl-disabled,
        .dxbl-pager .dxbl-btn:disabled,
        .dxbl-pager .dxbl-btn.dxbl-disabled {
            background: linear-gradient(180deg, #f0f5fc 0%, #d8e7f5 100%) !important;
            border-color: #b4cdee !important;
            color: #8eaacc !important;
            opacity: 0.6 !important;
        }

    /* Sayfa boyutu seçici (ComboBox) */
    .dxbl-pager .dxbl-pager-page-size-select .dxbl-input-inner,
    .dxbl-pager select {
        background-color: #f9fcff !important;
        border: 1px solid #496fa2 !important;
        color: #1a3a5c !important;
    }

    /* Toplam kayıt etiketi */
    .dxbl-pager .dxbl-pager-summary,
    .dxbl-pager .dxbl-pager-info {
        color: #496fa2 !important;
        font-size: 12px;
    }

/* ================================================================================
   WINDOW CONTROL BOX BUTTONS (Min/Max/Restore/Close)
   WPF ControlBoxElements.xaml:
     MDI hover bg outer : #8EA7C4, inner #F5F9FF -> #D2E3F7
     MDI pressed        : #DDE8F5 -> #D0DFEF
     Close hover/pressed fg: #9D0E0E (kirmizi)
     Min/Max/Restore fg : #6F87A3
   ================================================================================ */
.dxbl-window .dxbl-window-header .dxbl-btn.dxbl-window-close-btn:hover,
.dxbl-modal-header .dxbl-btn[title*="lose"]:hover,
.dxbl-modal-header .dxbl-btn[aria-label*="lose"]:hover {
    color: #9d0e0e !important;
    background: rgba(255,255,255,.4) !important;
}

.dxbl-window .dxbl-window-header .dxbl-btn:not(.dxbl-window-close-btn):hover,
dxbl-popup-header .dxbl-btn:not([title*="lose"]):hover {
    background: linear-gradient(180deg, #f5f9ff 0%, #d2e3f7 100%) !important;
    border-color: #8ea7c4 !important;
    color: #1a3a5c !important;
}

.dxbl-window .dxbl-window-header .dxbl-btn:not(.dxbl-window-close-btn):active,
dxbl-popup-header .dxbl-btn:active {
    background: linear-gradient(180deg, #dde8f5 0%, #d0dfef 100%) !important;
    border-color: #8ea7c4 !important;
}