/*!
 * ============================================================
 *  IKYSIS — VnlTable skin'i: iky   (09.10.2026, kullanıcı kararı)
 *
 *  NEDEN: VnlTable'ın default skin'i her yeri çizgiyle ayırıyordu —
 *  kartın içinde tablonun ikinci çerçevesi, araç çubuğu ve alt bilgi
 *  çizgileri, her satır çizgisi, çerçeveli düğmeler. Kullanıcı: "biraz
 *  her yer fazla border'lardan oluşuyor".
 *
 *  NEDEN ÇEKİRDEKTE DEĞİL: VNL kendi skin'ini tanımlamaya izin veriyor
 *  (vnl-docs/vnltable.md: "Kendi skin'inizi .vnl-skin-adiniz sınıfıyla
 *  CSS'te tanımlayabilirsiniz"). Bu dosya çekirdeğin hiçbir kuralını
 *  EZMEZ; yalnız .vnl-skin-iky taşıyan tabloya uygulanır. Skin'i
 *  helpers/iky-table.php → iky_table() bağlar.
 *
 *  NEDEN modern DEĞİL: çekirdeğin modern skin'i aynı fikirde (ayrım
 *  çizgiden değil boşluktan) ama satırı .95rem dolguyla açıyor — 5 satır
 *  350px; İK listelerinde ekrana sığan kayıt yarıya iniyordu. Burada
 *  satır yüksekliği default'a yakın, satır çizgisi kalkmıyor, %7'lik
 *  saç teline iniyor: geniş tabloda göz satırı yine izleyebiliyor.
 *
 *  RENK: hiçbir sabit renk yok. Ayrımlar --bs-body-color karışımı (iki
 *  temada kendiliğinden doğru), vurgu ürünün skin'inden gelen
 *  --vnl-table-accent (sıralanan sütun, aktif sayfa).
 *  currentColor KULLANILMAZ: token, kullanıldığı hücrenin rengiyle
 *  çözülüyor — sıralanan başlık vurgu rengine dönünce şeridin o hücresi
 *  yeşile kaydı (gtu myt-tests, ölçüldü); veriden renk alan hücrede
 *  (.iky-veri-rengi) satır çizgisi ve hover zemini de o renge boyanırdı.
 *
 *  Yükleme sırası (head-standard-vnl.php): vnltable.css → BU DOSYA.
 *  TEK KAYNAK arac/kabuk/; ürün kopyası elle düzenlenmez.
 * ============================================================
 */

.vnl-table.vnl-skin-iky,
.vnl-filter-panel.vnl-skin-iky {
    --vnl-table-row-border: color-mix(in srgb, var(--bs-body-color) 7%, transparent);
    --vnl-table-cell-y:     .625rem;
    --vnl-table-cell-x:     .875rem;
    --vnl-table-stripe-bg:  color-mix(in srgb, var(--bs-body-color) 2.5%, transparent);
    --vnl-table-hover-bg:   color-mix(in srgb, var(--bs-body-color) 4.5%, transparent);
    --vnl-table-radius:     .75rem;
}

/* Başlık token'ları workbench'te VERİLMEZ: workbench'in mavi şeridi
   çekirdekte aynı özgüllükle (0,2,0) tanımlı ve bu dosya ondan sonra
   yüklendiği için onu ezerdi — "skin'den bağımsız" sözleşmesi bozulurdu. */
.vnl-table.vnl-skin-iky:not(.vnl-mode-workbench),
.vnl-filter-panel.vnl-skin-iky {
    --vnl-table-head-bg:     color-mix(in srgb, var(--bs-body-color) 4%, var(--vnl-surface, var(--bs-body-bg)));
    --vnl-table-head-color:  var(--bs-secondary-color);
    --vnl-table-head-size:   .8125rem;
    --vnl-table-head-weight: 500;
}

/* ── Dış çerçeve ──
   Kart ve modal zaten çerçeve; içlerindeki tablonun ikinci çerçevesi
   kalkar, tablo kartın yüzeyine oturur. Tek başına duran tablo çerçevesini
   korur ama saç teli kalınlığında. */
.vnl-table.vnl-skin-iky {
    border-color: color-mix(in srgb, var(--bs-body-color) 9%, transparent);
}

:is(.card, .modal-content) .vnl-table.vnl-skin-iky {
    border-color: transparent;
    background: transparent;
}

/* ── Araç çubuğu, çipler, alt bilgi: çizgisiz ── */
.vnl-table.vnl-skin-iky .vnl-table-toolbar,
.vnl-table.vnl-skin-iky .vnl-table-chips,
.vnl-table.vnl-skin-iky .vnl-table-footer {
    border-color: transparent;
}

/* ── Başlık ──
   Alt çizgi yerine yumuşak zeminli tek şerit; uçları yuvarlak. İki satırlı
   başlıkta üst köşeler ilk satırdan, alt köşeler son satırdan yuvarlanır. */
.vnl-table.vnl-skin-iky:not(.vnl-mode-workbench) .vnl-table-el thead th {
    border-bottom-color: transparent;
}

.vnl-table.vnl-skin-iky .vnl-table-el thead tr:first-child > th:first-child { border-start-start-radius: .5rem; }
.vnl-table.vnl-skin-iky .vnl-table-el thead tr:first-child > th:last-child  { border-start-end-radius: .5rem; }
.vnl-table.vnl-skin-iky .vnl-table-el thead tr:last-child > th:first-child  { border-end-start-radius: .5rem; }
.vnl-table.vnl-skin-iky .vnl-table-el thead tr:last-child > th:last-child   { border-end-end-radius: .5rem; }

/* Sıralanan sütunun başlığı vurguya döner: başlık soluk olduğu için yön
   bilgisi yalnız okla yetersiz kalıyordu. */
.vnl-table.vnl-skin-iky:not(.vnl-mode-workbench) .vnl-th.vnl-sort-asc,
.vnl-table.vnl-skin-iky:not(.vnl-mode-workbench) .vnl-th.vnl-sort-desc {
    color: var(--vnl-table-accent);
}

/* Toplam satırı: tam kenarlık rengi yerine saç teli. */
.vnl-table.vnl-skin-iky .vnl-table-el tfoot th {
    border-top-color: color-mix(in srgb, var(--bs-body-color) 12%, transparent);
}

/* Grup başlığı satırı: altındaki tam çizgi, satır çizgisinin tonuna iner. */
.vnl-table.vnl-skin-iky .vnl-group-row > td {
    border-bottom-color: var(--vnl-table-row-border);
}

/* ── Sabit sütun dikişi ──
   Çekirdeğin 6px gölgesi kaydırma olmasa da hep görünüyordu (seçim kutusu
   sütununun yanında kalın bir şerit); saç teline iner. */
.vnl-table.vnl-skin-iky .vnl-table-el .vnl-pin-left.vnl-pin-edge {
    box-shadow: inset -1px 0 0 var(--vnl-table-row-border);
}

.vnl-table.vnl-skin-iky .vnl-table-el .vnl-pin-right.vnl-pin-edge {
    box-shadow: inset 1px 0 0 var(--vnl-table-row-border);
}

/* ── Araç çubuğu düğmeleri: kutusuz, yalnız ikon ── */
.vnl-table.vnl-skin-iky .vnl-table-actions .btn {
    border-color: transparent;
    background: transparent;
    color: var(--bs-secondary-color);
}

.vnl-table.vnl-skin-iky .vnl-table-actions .btn:hover:not(:disabled),
.vnl-table.vnl-skin-iky .vnl-table-actions .btn.show {
    background: var(--vnl-table-hover-bg);
    color: var(--bs-body-color);
}

/* Excel düğmesi dolu yeşilden yeşil ikona iner; IKYSIS'te Excel'in rengi
   yeşil (ürün vurgusu değil) — kullanıcı düğmeyi renginden buluyor. Hover
   zemini de yeşilin kendi tonu: nötr zemin üstünde yeşil glif kayboluyordu. */
.vnl-table.vnl-skin-iky .vnl-table-actions .btn-success {
    color: var(--bs-success);
}

.vnl-table.vnl-skin-iky .vnl-table-actions .btn-success:hover:not(:disabled) {
    background: color-mix(in srgb, var(--bs-success) 12%, transparent);
    color: var(--bs-success);
}

/* ── Arama ve sayfa boyu: çerçeve yerine hafif zemin ──
   background KISAYOLU KULLANILMAZ: form-select okunu background-image
   olarak taşıyor, kısayol onu siler (çekirdeğin modern skin'indeki not). */
.vnl-table.vnl-skin-iky .vnl-table-search,
.vnl-table.vnl-skin-iky .vnl-table-size select {
    border-color: transparent;
    background-color: color-mix(in srgb, var(--bs-body-color) 5%, transparent);
}

.vnl-table.vnl-skin-iky .vnl-table-search:focus,
.vnl-table.vnl-skin-iky .vnl-table-size select:focus {
    background-color: transparent;
    border-color: color-mix(in srgb, var(--vnl-table-accent) 45%, transparent);
    box-shadow: none;
}

/* ── Sayfalama: kutusuz; ağırlık aktif sayfada ── */
.vnl-table.vnl-skin-iky .vnl-table-pager .btn {
    border-color: transparent;
    background: transparent;
    color: var(--bs-secondary-color);
    min-width: 2rem;
    padding: .25rem .5rem;
}

.vnl-table.vnl-skin-iky .vnl-table-pager .btn:hover:not(:disabled) {
    background: var(--vnl-table-hover-bg);
    color: var(--bs-body-color);
}

.vnl-table.vnl-skin-iky .vnl-table-pager .btn-primary {
    background: color-mix(in srgb, var(--vnl-table-accent) 14%, transparent);
    color: var(--vnl-table-accent);
    font-weight: 600;
}

.vnl-table.vnl-skin-iky .vnl-table-pager .btn:disabled {
    opacity: .35;
}