/* ==========================================================================
   KOBICAR PANEL - GECE PALETI
   ==========================================================================
   SORUN: kobicar-palet.css, --kc-* degiskenlerini yalnizca
   ":root, [data-bs-theme='light']" altinda tanimliyordu. ":root" her zaman
   gecerli oldugu icin GECE MODUNDA da acik tema murekkebi sizmaya devam
   ediyordu: --kc-yuzey #ffffff, --kc-metin #3a4149 gibi.

   Olculen bozukluk (/yonetim/ayarlar/moduller, gece modu):
     36 oge 3:1 kontrastin altinda
     .page-title  rgb(14,19,34) uzerine rgb(12,12,13)  = 1.06:1  (siyah ustune siyah)

   COZUM: ayni degisken setinin GECE karsiligi. Yuzey/murekkep/cizgi
   degiskenleri tersine cevrilir; marka rengi (--kc-marka) DEGISMEZ.

   YUKLEME SIRASI: head'in EN SONU. Boylece sonradan gelen dosyalarin
   ayni ozgullukteki kurallarini sira avantajiyla ezer.
   ========================================================================== */

[data-bs-theme="dark"] {
    /* ── Yuzeyler (acik paletin aynadaki karsiligi) ─────────────────── */
    --kc-govde:      #0c0c0d;   /* sayfa zemini - Tabler karanlik govdesiyle ayni */
    --kc-yuzey:      #17181a;   /* kart */
    --kc-yuzey-2:    #1f2022;   /* ic sidebar, ikincil yuzey */
    --kc-yuzey-3:    #26282b;   /* hover */
    --kc-yuzey-4:    #2e3033;   /* secili */

    /* ── Cizgiler ───────────────────────────────────────────────────── */
    --kc-cizgi:      #2e2f33;
    --kc-cizgi-ince: #26282b;

    /* ── Murekkep ───────────────────────────────────────────────────── */
    --kc-baslik:     #e6e7e9;
    --kc-metin:      #d3d5d8;
    --kc-metin-2:    #9a9ca1;
    --kc-metin-3:    #7e8086;

    /* ── Koyu kabuk: gecede zaten koyu, bir tik ayrissin ────────────── */
    --kc-menu:       #17181a;
    --kc-menu-acik:  #17181a;
    --kc-menu-hover: #202225;
    --kc-menu-tx:    #b8bcc2;

    /* ── Tabler token eslemesi (acik bloktakinin birebir aynasi) ────── */
    --tblr-body-bg:               var(--kc-govde);
    --tblr-body-color:            var(--kc-metin);
    --tblr-secondary:             var(--kc-metin-2);
    --tblr-secondary-color:       var(--kc-metin-2);
    --tblr-tertiary-color:        var(--kc-metin-3);
    --tblr-border-color:          var(--kc-cizgi);
    --tblr-border-color-translucent: var(--kc-cizgi);
    --tblr-border-color-light:    var(--kc-cizgi-ince);
    --tblr-bg-surface:            var(--kc-yuzey);
    --tblr-bg-surface-secondary:  var(--kc-yuzey-2);
    --tblr-bg-surface-tertiary:   var(--kc-yuzey-3);
    --tblr-heading-color:         var(--kc-baslik);
}

/* ── Acik temadaki html:not([data-bs-theme="dark"]) kurallarinin
      GECE karsiliklari. Onlar yazilmadigi icin gecede Tabler/eski
      kurallar sizip beyaz adalar birakiyordu. ─────────────────────────── */
[data-bs-theme="dark"] h1, [data-bs-theme="dark"] h2,
[data-bs-theme="dark"] h3, [data-bs-theme="dark"] h4,
[data-bs-theme="dark"] h5, [data-bs-theme="dark"] h6,
[data-bs-theme="dark"] .card-title,
[data-bs-theme="dark"] .page-title,
[data-bs-theme="dark"] .h1, [data-bs-theme="dark"] .h2,
[data-bs-theme="dark"] .h3 { color: var(--kc-baslik); }

[data-bs-theme="dark"] .text-secondary,
[data-bs-theme="dark"] .subheader,
[data-bs-theme="dark"] .datagrid-title { color: var(--kc-metin-2) !important; }

[data-bs-theme="dark"] .page-wrapper { background: var(--kc-govde); }
[data-bs-theme="dark"] .card          { background: var(--kc-yuzey); border-color: var(--kc-cizgi); }
[data-bs-theme="dark"] .kc-secbar     { background: var(--kc-yuzey-2); border-right-color: var(--kc-cizgi); }
[data-bs-theme="dark"] .kc-si:hover   { background: var(--kc-yuzey-3); }
[data-bs-theme="dark"] .table thead th{ border-bottom-color: var(--kc-cizgi); }

[data-bs-theme="dark"] .card,
[data-bs-theme="dark"] .card-header,
[data-bs-theme="dark"] .card-footer,
[data-bs-theme="dark"] .list-group-item,
[data-bs-theme="dark"] .dropdown-menu,
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .input-group-text,
[data-bs-theme="dark"] .nav-tabs,
[data-bs-theme="dark"] .table > :not(caption) > * > * { border-color: var(--kc-cizgi); }

/* Ust bar menu arama sonuc kutusu: gecede beyaz ada olarak kaliyordu.
   Degiskenlerden beslendigi icin palet duzelince kendiliginden duzelir;
   yine de metin rengini acikca sabitliyoruz (acik temada !important vardi). */
[data-bs-theme="dark"] .kc-ara-sonuc,
[data-bs-theme="dark"] .kc-ara-sonuc * { color: var(--kc-metin); }
[data-bs-theme="dark"] .kc-ara-sonuc .kc-ara-yol { color: var(--kc-metin-3); }
[data-bs-theme="dark"] .kc-ara-sonuc .kc-ara-oge:hover,
[data-bs-theme="dark"] .kc-ara-sonuc .kc-ara-oge.etkin { color: var(--kc-baslik); background: var(--kc-yuzey-3); }

/* ── DEVRE DISI OGELER (gece karsiligi) ─────────────────────────────── */
[data-bs-theme="dark"] .form-control:disabled,
[data-bs-theme="dark"] .form-select:disabled,
[data-bs-theme="dark"] select:disabled,
[data-bs-theme="dark"] input:disabled,
[data-bs-theme="dark"] textarea:disabled,
[data-bs-theme="dark"] .form-control[readonly] {
    background: var(--kc-yuzey-3) !important;
    color: var(--kc-metin-3) !important;
    border-color: var(--kc-cizgi-ince) !important;
    cursor: not-allowed;
    opacity: 1;
}
[data-bs-theme="dark"] .page-item.disabled .page-link {
    color: var(--kc-metin-3) !important;
    background: transparent;
    cursor: not-allowed;
}

/* ── SELECT2 (panelin neredeyse her formunda) ────────────────────────
   bs4-uyum.css'teki kural .select2-container--bootstrap icin yazilmis
   ama panel --default temasini kullaniyor; CDN'deki color:#444 koyu
   zeminde okunmuyordu. */
[data-bs-theme="dark"] .select2-container .select2-selection {
    background: var(--kc-yuzey-2) !important;
    border-color: var(--kc-cizgi) !important;
}
[data-bs-theme="dark"] .select2-container .select2-selection--single .select2-selection__rendered,
[data-bs-theme="dark"] .select2-container .select2-selection__rendered { color: var(--kc-metin) !important; }
[data-bs-theme="dark"] .select2-selection__placeholder { color: var(--kc-metin-3) !important; }
[data-bs-theme="dark"] .select2-dropdown {
    background: var(--kc-yuzey) !important;
    border-color: var(--kc-cizgi) !important;
}
[data-bs-theme="dark"] .select2-results__option { color: var(--kc-metin) !important; }
[data-bs-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected],
[data-bs-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background: var(--kc-yuzey-3) !important;
    color: var(--kc-baslik) !important;
}
[data-bs-theme="dark"] .select2-search__field {
    background: var(--kc-yuzey-2) !important;
    color: var(--kc-metin) !important;
    border-color: var(--kc-cizgi) !important;
}
[data-bs-theme="dark"] .select2-selection__choice {
    background: var(--kc-yuzey-3) !important;
    color: var(--kc-metin) !important;
    border-color: var(--kc-cizgi) !important;
}
[data-bs-theme="dark"] .select2-container--disabled .select2-selection {
    background: var(--kc-yuzey-3) !important;
    color: var(--kc-metin-3) !important;
    cursor: not-allowed;
}

/* ── Gecede beyaz kalan kacaklar ─────────────────────────────────────
   bg-white / text-dark gibi sabit siniflar koyu zeminde beyaz ada
   birakiyordu (avatar, rozet, kart basligi). */
[data-bs-theme="dark"] .bg-white { background-color: var(--kc-yuzey) !important; }
[data-bs-theme="dark"] .text-dark { color: var(--kc-baslik) !important; }
[data-bs-theme="dark"] .text-muted { color: var(--kc-metin-2) !important; }
[data-bs-theme="dark"] .bg-light { background-color: var(--kc-yuzey-2) !important; }
[data-bs-theme="dark"] .border { border-color: var(--kc-cizgi) !important; }
[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .offcanvas { background: var(--kc-yuzey); color: var(--kc-metin); }
[data-bs-theme="dark"] .table { color: var(--kc-metin); }
[data-bs-theme="dark"] .form-control, [data-bs-theme="dark"] .form-select {
    background: var(--kc-yuzey-2); color: var(--kc-metin);
}
[data-bs-theme="dark"] .form-control::placeholder { color: var(--kc-metin-3); }

/* ── Kirinti yolu (breadcrumb) ───────────────────────────────────────
   .bb-aktif / .bb-ayrac renkleri ust-menu duzeni icin sabitlenmisti;
   ray duzeninde ve gecede tema degiskenine baglanir. */
[data-bs-theme="dark"] .kobicar-breadcrumb            { color: var(--kc-metin-2); }
[data-bs-theme="dark"] .kobicar-breadcrumb a          { color: var(--kc-metin); }
[data-bs-theme="dark"] .kobicar-breadcrumb .bb-aktif  { color: var(--kc-baslik); }
[data-bs-theme="dark"] .kobicar-breadcrumb .bb-ayrac  { color: var(--kc-metin-3); }
[data-bs-theme="dark"] .af-sep                        { color: var(--kc-metin-3); }

/* ── Sayfalama ───────────────────────────────────────────────────────
   Gecede sayfa numaralari acik temanin soluk tonunda kaliyordu
   (#98a2ae, olculen 1.72:1). Etkin/pasif ayrimi korunarak acilir.
   NOT: gece modu BILINCLI olarak monokromdur (kobicar.css:296) -
   marka yesili burada kullanilmaz. */
[data-bs-theme="dark"] .page-link            { color: var(--kc-metin) !important; }
[data-bs-theme="dark"] .page-link:hover      { color: var(--kc-baslik) !important; background: var(--kc-yuzey-3); }
[data-bs-theme="dark"] .page-item.active .page-link { color: var(--kc-baslik) !important; background: var(--kc-yuzey-4); border-color: var(--kc-cizgi); }

/* Tabler sayfalamayi --tblr-pagination-color uzerinden boyar ve bu degisken
   .pagination ustunde cozulur. Gecede belirteci dogrudan ayarliyoruz. */
[data-bs-theme="dark"] .pagination{
    --tblr-pagination-color: var(--kc-metin);
    --tblr-pagination-hover-color: var(--kc-baslik);
    --tblr-pagination-hover-bg: var(--kc-yuzey-3);
    --tblr-pagination-active-color: var(--kc-baslik);
    --tblr-pagination-active-bg: var(--kc-yuzey-4);
    --tblr-pagination-disabled-color: var(--kc-metin-3);
    --tblr-pagination-bg: transparent;
    --tblr-pagination-border-color: var(--kc-cizgi);
}