/* ───────── Ortak AG Grid (quartz) görünüm ─────────
   Hedef tasarım (yapilacak-tasarim.png) ile uyumlu: üstte grup paneli + sağ üstte
   "Temizle", floating filter, zebra satır, kompakt başlık, sağ sidebar (Kolonlar/Filtre)
   ve sağa hizalı Metronic uyumlu sayfalama. */

.ag-theme-quartz {
    --ag-font-family: 'Inter', Helvetica, sans-serif;
    --ag-font-size: 13px;
    --ag-border-radius: 6px;
    --ag-wrapper-border-radius: 10px;
    --ag-border-color: #eaedf2;
    --ag-row-border-color: #eef1f5;
    --ag-header-background-color: #f4f6f9;
    --ag-header-foreground-color: #3f4254;
    --ag-header-height: 42px;
    --ag-row-height: 40px;
    --ag-row-hover-color: #eef3ff;
    --ag-selected-row-background-color: #e7efff;
    --ag-control-panel-background-color: #f8fafc;
    --ag-side-bar-panel-width: 240px;
    --ag-header-column-resize-handle-color: #e4e6ef;
    --ag-input-focus-border-color: var(--bs-primary, #009ef7);
    --ag-range-selection-border-color: var(--bs-primary, #009ef7);
    --ag-checkbox-checked-color: var(--bs-primary, #009ef7);
}

/* Başlık + dikey kolon ayraçları (görseldeki tablo hissi) */
.ag-theme-quartz .ag-header { border-bottom: 1px solid #e4e8ee; }
.ag-theme-quartz .ag-header-cell-text { font-weight: 600; }
.ag-theme-quartz .ag-header-cell::after {
    content: '';
    position: absolute;
    top: 9px;
    bottom: 9px;
    right: 0;
    width: 1px;
    background-color: #e6e9ef;
}
.ag-theme-quartz .ag-cell { border-right: 1px solid #f1f3f6; }

/* Zebra şeritleme (quartz teması varsayılan vermiyor → açıkça veriyoruz) */
.ag-theme-quartz .ag-row-odd:not(.ag-row-hover):not(.ag-row-selected) {
    background-color: #f4f6fa;
}

/* Floating filter satırı (görseldeki huni + input) */
.ag-theme-quartz .ag-floating-filter-input .ag-input-field-input { font-size: 12px; }
.ag-theme-quartz .ag-floating-filter-button-button { color: #7e8299; }

/* Grup paneli (üst "sürükle" çubuğu) */
.ag-theme-quartz .ag-column-drop-horizontal {
    background-color: #f4f6f9;
    border-bottom: 1px dashed #d7dbe4;
    min-height: 44px;
    color: #99a1b7;
    font-size: 12px;
    padding-right: 120px; /* sağdaki Temizle düğmesine yer aç */
}
.ag-theme-quartz .ag-column-drop-empty-message { color: #a1a5b7; }

.ag-theme-quartz .ag-row { border-bottom: 1px solid #eef1f5; }

/* Sidebar düğmeleri (Kolonlar / Filtre) */
.ag-theme-quartz .ag-side-buttons { font-weight: 600; }
.ag-theme-quartz .ag-side-button-button { color: #5e6278; }

/* ───────── Sayfalama (Metronic uyumlu, sağda) ───────── */
.ag-theme-quartz .ag-paging-panel {
    border-top: 1px solid #eef1f5;
    justify-content: flex-end;
    color: #5e6278;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    gap: 4px;
}
.ag-theme-quartz .ag-paging-button {
    border-radius: 6px;
    color: #5e6278;
    cursor: pointer;
}
.ag-theme-quartz .ag-paging-button:not(.ag-disabled):hover {
    background-color: #eef3ff;
    color: var(--bs-primary, #009ef7);
}
.ag-theme-quartz .ag-paging-button.ag-disabled { opacity: .4; }
.ag-theme-quartz .ag-paging-row-summary-panel,
.ag-theme-quartz .ag-paging-page-summary-panel { font-weight: 600; color: #3f4254; }

/* ───────── "Temizle" — grup paneli sağ üstüne bindirme ───────── */
.ag-grid-wrap { position: relative; }
.ag-grid-clear-overlay {
    position: absolute;
    top: 6px;
    right: 34px; /* sağ kenardaki sidebar düğmelerini açıkta bırak */
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 12px;
}
.ag-grid-pivot-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 3px 10px;
    background: #fff;
    border: 1px solid #e4e6ef;
    border-radius: 6px;
    cursor: pointer;
}
.ag-grid-pivot-switch .form-check-label { cursor: pointer; color: #5e6278; }
[data-bs-theme="dark"] .ag-grid-pivot-switch { background: #1b1b2b; border-color: #2b2b40; }
[data-bs-theme="dark"] .ag-grid-pivot-switch .form-check-label { color: #9a9cb5; }
.ag-grid-clear-overlay .ag-grid-clear-btn,
.ag-grid-toolbar .ag-grid-clear-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* Grup paneli yoksa: grid üstü ince çubuk */
.ag-grid-toolbar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 10px;
}

/* ═════════ Filtre Drawer (sağdan açılır filtre menüsü) ═════════ */
.kt-filter-drawer {
    display: flex;
    flex-direction: column;
    box-shadow: -8px 0 24px rgba(0, 0, 0, .08);
}
.kt-filter-drawer .card { display: flex; flex-direction: column; height: 100%; }
.kt-filter-drawer .card-body { flex: 1 1 auto; overflow-y: auto; }
.kt-filter-drawer .card-footer { flex: 0 0 auto; }
/* Drawer içindeki tüm kontroller tam genişlik, alt alta */
.kt-filter-drawer .form-select,
.kt-filter-drawer .form-control { width: 100% !important; }
.kt-filter-row { display: block; }
.kt-filter-row > .form-label { display: block; margin-bottom: .35rem; }
.kt-filter-row .position-relative { width: 100%; }
/* "Filtrele" tetik butonu */
.kt-filter-toggle .kt-filter-count {
    min-width: 18px;
    height: 18px;
    font-size: 10px;
    padding: 0 5px;
}

/* ═════════ Dark mode (Metronic data-bs-theme="dark") ═════════ */
[data-bs-theme="dark"] .ag-theme-quartz {
    --ag-background-color: #1e1e2d;
    --ag-foreground-color: #b5b7c8;
    --ag-header-background-color: #1b1b2b;
    --ag-header-foreground-color: #cdcfda;
    --ag-border-color: #2b2b40;
    --ag-row-border-color: #2b2b40;
    --ag-row-hover-color: #2b2b40;
    --ag-selected-row-background-color: #2a2a3c;
    --ag-control-panel-background-color: #1b1b2b;
    --ag-secondary-border-color: #2b2b40;
    --ag-input-background-color: #1b1b2b;
    --ag-input-border-color: #323248;
    --ag-input-disabled-background-color: #2b2b40;
    --ag-disabled-foreground-color: #565674;
    --ag-chip-background-color: #2b2b40;
    --ag-modal-overlay-background-color: rgba(20, 20, 30, .66);
    --ag-active-color: var(--bs-primary, #1b84ff);
    --ag-header-column-resize-handle-color: #323248;
    --ag-input-focus-border-color: var(--bs-primary, #1b84ff);
}

/* Zebra (dark) */
[data-bs-theme="dark"] .ag-theme-quartz .ag-row-odd:not(.ag-row-hover):not(.ag-row-selected) {
    background-color: #191925;
}

/* Dikey/yatay ayraçlar (dark) */
[data-bs-theme="dark"] .ag-theme-quartz .ag-header { border-bottom: 1px solid #2b2b40; }
[data-bs-theme="dark"] .ag-theme-quartz .ag-header-cell::after { background-color: #2b2b40; }
[data-bs-theme="dark"] .ag-theme-quartz .ag-cell { border-right: 1px solid #23232f; }
[data-bs-theme="dark"] .ag-theme-quartz .ag-row { border-bottom: 1px solid #23232f; }

/* Grup paneli (dark) */
[data-bs-theme="dark"] .ag-theme-quartz .ag-column-drop-horizontal {
    background-color: #1b1b2b;
    border-bottom: 1px dashed #323248;
    color: #7e8299;
}
[data-bs-theme="dark"] .ag-theme-quartz .ag-column-drop-empty-message { color: #7e8299; }

/* Floating filter + sidebar düğmeleri (dark) */
[data-bs-theme="dark"] .ag-theme-quartz .ag-floating-filter-button-button { color: #9a9cb5; }
[data-bs-theme="dark"] .ag-theme-quartz .ag-side-button-button { color: #9a9cb5; }

/* Sayfalama (dark) */
[data-bs-theme="dark"] .ag-theme-quartz .ag-paging-panel { border-top: 1px solid #2b2b40; color: #9a9cb5; }
[data-bs-theme="dark"] .ag-theme-quartz .ag-paging-button { color: #9a9cb5; }
[data-bs-theme="dark"] .ag-theme-quartz .ag-paging-button:not(.ag-disabled):hover {
    background-color: #2b2b40;
    color: var(--bs-primary, #1b84ff);
}
[data-bs-theme="dark"] .ag-theme-quartz .ag-paging-row-summary-panel,
[data-bs-theme="dark"] .ag-theme-quartz .ag-paging-page-summary-panel { color: #cdcfda; }