/* ==========================================================================
   KOBICAR PANEL PALETI — TEK KAYNAK
   ==========================================================================
   Panel renkleri SABITTIR: musteri marka rengi (Ayarlar > Tasarim) yalniz
   ON YUZU etkiler. Musteri markalari birbiriyle uyumsuz olabildigi icin
   panel kabugu her kurulumda ayni gorunur.

   Bu dosya, panelde dagilmis olan renkleri tek sete indirir:
   - 3 farkli kenarlik rengi  -> tek cizgi rengi
   - 5 farkli gri yazi tonu   -> 4 kademeli murekkep skalasi
   - kacak lacivert (#0f256e) -> notr slate ailesi

   Ton ailesi otodeger/kpanel panelinden alindi (notr slate, sakin),
   Tabler'in modern olculeriyle birlestirildi.
   YUKLEME SIRASI: kobicar.css ve bs4-uyum.css'ten SONRA.
   ========================================================================== */

:root,
[data-bs-theme="light"] {
    /* ── Yuzeyler ───────────────────────────────────────────────────── */
    --kc-govde:      #f5f5f5;   /* sayfa zemini */
    --kc-yuzey:      #ffffff;   /* kart */
    --kc-yuzey-2:    #f5f7fa;   /* ic sidebar, ikincil yuzey */
    --kc-yuzey-3:    #e9edf2;   /* hover */
    --kc-yuzey-4:    #e1e8f0;   /* secili */

    /* ── Cizgiler (TEK kenarlik rengi) ──────────────────────────────── */
    --kc-cizgi:      #dde2e9;
    --kc-cizgi-ince: #eaeef3;

    /* ── Murekkep ───────────────────────────────────────────────────── */
    --kc-baslik:     #1f2733;
    --kc-metin:      #3a4149;
    --kc-metin-2:    #6b7684;
    --kc-metin-3:    #98a2ae;

    /* ── Koyu kabuk (ust bar / ray) ─────────────────────────────────── */
    --kc-menu:       #222d32;
    --kc-menu-acik:  #222d32;
    --kc-menu-hover: #1a2226;
    --kc-menu-tx:    #b8c7ce;

    /* ── Aksan: urun rengi, degismez ────────────────────────────────── */
    --kc-marka:       #00b172;
    --kc-marka-koyu:  #009c64;
    --kc-marka-acik:  #5fd0a8;
    --kc-marka-zemin: rgba(0, 177, 114, 0.10);
    --kc-notr:        var(--kc-metin-2);
    --kc-ink:         var(--kc-baslik);

    /* ── Tabler token eslemesi: her sey yukaridaki setten beslenir ──── */
    --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-active-bg:             var(--kc-marka-zemin);
    --tblr-heading-color:         var(--kc-baslik);
}

/* ── Baslik ve kart basliklari tek murekkep tonunda ─────────────────── */
html:not([data-bs-theme="dark"]) h1, html:not([data-bs-theme="dark"]) h2,
html:not([data-bs-theme="dark"]) h3, html:not([data-bs-theme="dark"]) h4,
html:not([data-bs-theme="dark"]) .card-title,
html:not([data-bs-theme="dark"]) .h1, html:not([data-bs-theme="dark"]) .h2,
html:not([data-bs-theme="dark"]) .h3 { color: var(--kc-baslik); }

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

/* ── Yuzey katmanlari ───────────────────────────────────────────────── */
html:not([data-bs-theme="dark"]) .page-wrapper { background: var(--kc-govde); }
html:not([data-bs-theme="dark"]) .card          { background: var(--kc-yuzey); border-color: var(--kc-cizgi); }
html:not([data-bs-theme="dark"]) .kc-secbar     { background: var(--kc-yuzey-2); border-right-color: var(--kc-cizgi); }
html:not([data-bs-theme="dark"]) .kc-si:hover   { background: var(--kc-yuzey-3); }
html:not([data-bs-theme="dark"]) .table thead th{ border-bottom-color: var(--kc-cizgi); }
html:not([data-bs-theme="dark"]) .card-header,
html:not([data-bs-theme="dark"]) .card-footer   { border-color: var(--kc-cizgi); }

/* ── Cizgi rengini tek tona indir (Tabler'in yariseffaf tonu dahil) ── */
html:not([data-bs-theme="dark"]) .card,
html:not([data-bs-theme="dark"]) .card-header,
html:not([data-bs-theme="dark"]) .card-footer,
html:not([data-bs-theme="dark"]) .list-group-item,
html:not([data-bs-theme="dark"]) .dropdown-menu,
html:not([data-bs-theme="dark"]) .form-control,
html:not([data-bs-theme="dark"]) .form-select,
html:not([data-bs-theme="dark"]) .input-group-text,
html:not([data-bs-theme="dark"]) .nav-tabs,
html:not([data-bs-theme="dark"]) .table > :not(caption) > * > * { border-color: var(--kc-cizgi); }

/* ── Fare uzerine gelince ALTI CIZILI YOK (panelin tamami) ──────────── */
a:hover, a:focus,
.nav-link:hover, .dropdown-item:hover, .list-group-item-action:hover,
.kc-si:hover, .kc-ri:hover, .kc-yan-oge:hover,
.page-wrapper a:hover, .kc-secbar a:hover, .kc-ust a:hover,
.navbar a:hover, .card a:hover, .table a:hover, .btn:hover { text-decoration: none !important; }

/* ── DEVRE DISI OGELER ───────────────────────────────────────────────────
   Onceden devre disi bir alan neredeyse normal gorunuyordu (sayfalama tam
   guclu murekkepte, disabled select yalnizca bir tik acik). Tiklanamadigi
   ilk bakista anlasilsin: soluk murekkep + gri zemin + yasak imleci. */
html:not([data-bs-theme="dark"]) .form-control:disabled,
html:not([data-bs-theme="dark"]) .form-select:disabled,
html:not([data-bs-theme="dark"]) select:disabled,
html:not([data-bs-theme="dark"]) input:disabled,
html:not([data-bs-theme="dark"]) textarea:disabled,
html:not([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;
}
/* Select2 sarmalayicisi da ayni gorunumu alsin */
html:not([data-bs-theme="dark"]) .select2-container--disabled .select2-selection {
    background: var(--kc-yuzey-3) !important;
    color: var(--kc-metin-3) !important;
    border-color: var(--kc-cizgi-ince) !important;
    cursor: not-allowed;
}
html:not([data-bs-theme="dark"]) .select2-container--disabled .select2-selection__rendered {
    color: var(--kc-metin-3) !important;
}
/* Sayfalama: devre disi sayfa tam guclu murekkepte duruyordu */
html:not([data-bs-theme="dark"]) .page-item.disabled .page-link {
    color: var(--kc-metin-3) !important;
    background: transparent;
    cursor: not-allowed;
}
/* Devre disi dugmeler */
.btn:disabled, .btn.disabled, fieldset:disabled .btn { cursor: not-allowed; }
label.disabled, .form-check-input:disabled ~ .form-check-label { color: var(--kc-metin-3); cursor: not-allowed; }
