/* ═══════════════════════════════════════════════════════════════════
   UI-K DÜZELTME KATMANI (lane web-duzelt-1009 — sahip geri bildirimi 2026-10-09, canlıda yeni görünümü denedi)

   ▸ ui-k.css / ui-k-liste.css'in ÜSTÜNE biner (ui_k_kafa parçası en sonda yükler); ortak dosyalara en az dokunuldu.
   ▸ Kurallar ui-k.css ile AYNIDIR: her kural `html[data-ui="k"]` önekli · ham renk YOK (var(--af-*|--k-*) / color-mix) ·
     !important yalnız `!imp:` gerekçesiyle · backdrop-filter YOK · text-transform:uppercase YOK.
   ▸ BÖLÜMLER: 1 yan menü (sabit / ray / hover genişleme / tek denetim) · 2 yoğun görünüm anahtarı · 3 filtre akordeonu
     4 geniş tablo: sağda yapışkan işlem sütunu · 5 kontrol kulesi yerleşimi · 6 görünürlük: fare/odak/caret (aydınlık tema)
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1 YAN MENÜ ───────────────────────────────────────────────────────────────────────────────────
   İki bağımsız eksen: YOĞUNLUK (html[data-yogunluk]: satır/boşluk) ve MENÜ (html[data-menu]: "sabit" 248 px etiketli | "ray" 64 px ikon
   rayı). Ray'da üzerine gelince/odakta menü içeriği İTMEDEN, sağa doğru 248 px'e açılır (html[data-menu-gecici]; ui-k-duzelt.js).
   TEK denetim: menü başlığındaki #afilloMenuAnahtar (eski mavi ok + ayrı düğme çakışması kaldırıldı). */
html[data-ui="k"] { --k-menu-acik: 248px; --k-menu-ray: 64px; }

html[data-ui="k"] #layout-menu { display: flex; flex-direction: column; }
html[data-ui="k"] #layout-menu .menu-inner { flex: 1 1 auto; min-height: 0; max-height: none; overflow-y: auto; overflow-x: hidden; }
html[data-ui="k"] #layout-menu .app-brand { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; height: auto; min-height: 0; }
html[data-ui="k"] #layout-menu .app-brand-link { flex: 0 1 auto; min-width: 0; }
html[data-ui="k"] #layout-menu .app-brand-logo img { max-width: 150px; height: auto; }   /* satır içi width:190px ezilir: düğmeyle çakışmasın */

/* Bölüm etiketi ("PROFİL YÖNETİMİ") sabit 248 px menüde SOLDAN KESİLMESİN / TAŞMASIN (lane web-puantaj-coklu-1009, sahip ekran görüntüsü 2026-10-09):
   Sneat `.menu-header` 260 px sabit genişlikteydi (menü 248 px) → etiket kenara itiliyordu. Kutu menüye sığar, uzun dildeki etiket "…" ile kısalır. */
html[data-ui="k"] #layout-menu .menu-header { box-sizing: border-box; width: auto; max-width: 100%; margin-inline: 0; overflow: hidden; }
html[data-ui="k"] #layout-menu .menu-header-text { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* tek menü denetimi */
html[data-ui="k"] #layout-menu .k-menu-anahtar {
  position: static; flex: 0 0 36px; width: 36px; min-width: 36px; height: 36px; min-height: 36px; margin: 0 0 0 auto; padding: 0; cursor: pointer;
  display: flex; align-items: center; justify-content: center;       /* Sneat main.js hover'da d-block ekler: iç ikon kendi ortalanır */
  border: 1px solid var(--k-kenar-guclu); border-radius: var(--k-yaricap-hap); background: var(--af-surface); color: var(--af-ink-2);
  transform: none; transition: background var(--k-hizli), color var(--k-hizli), border-color var(--k-hizli);
}
html[data-ui="k"] #layout-menu .k-menu-anahtar:hover { background: var(--k-secili); color: var(--af-ink); border-color: var(--k-sinir); transform: none; }
html[data-ui="k"] #layout-menu .k-menu-anahtar-ikon { display: block; width: 1em; height: 1em; font-size: 1.5rem; line-height: 1; text-align: center; color: inherit; margin: 0; padding: 0; transition: transform var(--k-hizli); }

@media (min-width: 1200px) {
  /* ray (64 px): yalnız ikonlar */
  html[data-ui="k"][data-menu="ray"] { --k-menu-genislik: var(--k-menu-ray); }
  html[data-ui="k"][data-menu="ray"] .k-menu-anahtar-ikon { transform: rotate(180deg); }     /* « → » : "aç ve sabitle" */
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .app-brand { padding: 16px 0 8px; justify-content: center; flex-direction: column; gap: 10px; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .app-brand-link { display: block; width: 40px; height: 40px; overflow: hidden; border-radius: 12px; flex: 0 0 40px; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .app-brand-logo img { width: auto; height: 40px; max-width: none; object-fit: cover; object-position: left center; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .k-menu-anahtar { margin: 0; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-item { margin: 2px 8px; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-link { justify-content: center; padding: 0.6rem 0; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-link > div,
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-link > .badge,
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-toggle-icon,
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-header { display: none; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-icon { margin: 0; font-size: 1.3rem; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-sub { padding-left: 0; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-sub .menu-item { margin: 1px 8px; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .menu-item.active { border-radius: 14px; }

  /* hover/odak: sağa doğru aç, içeriği itme (akıştaki genişlik 64 px kalır → negatif kenar boşluğu), yüzey opak + gölge */
  html[data-ui="k"][data-menu="ray"][data-menu-gecici] #layout-menu {
    flex-basis: var(--k-menu-acik); width: var(--k-menu-acik); margin-right: calc(var(--k-menu-ray) - var(--k-menu-acik));
    z-index: 60; box-shadow: 0 18px 48px color-mix(in srgb, var(--af-ink) 22%, transparent), var(--k-parla);
    border-right-color: var(--k-kenar-guclu);
  }
}

/* dar ekran (çekmece): kapatma düğmesi başlıkta, logonun ÜSTÜNE BİNMEZ */
@media (max-width: 1199.98px) {
  html[data-ui="k"] #layout-menu .app-brand { padding: 16px 16px 8px 20px; }
  html[data-ui="k"] #layout-menu .k-menu-anahtar { position: static; right: auto; top: auto; margin-left: auto; }
}

/* ── 2 YOĞUN GÖRÜNÜM ANAHTARI (eski "Sık/Rahat"): menünün altında, açık adlı; YALNIZ satır/boşluk yoğunluğu ─────────────── */
html[data-ui="k"] #layout-menu .k-yogunluk {
  position: static; flex: 0 0 auto; align-items: center; justify-content: flex-start; gap: 8px; margin: 8px 12px 12px; padding: 0 12px;
  width: auto; min-height: 40px; border: 1px solid var(--k-kenar-guclu); border-radius: var(--k-yaricap-hap);
  background: var(--af-surface); color: var(--af-ink-2); box-shadow: none; opacity: 1; font-family: var(--k-yazi); font-size: 13px; text-align: left;
}
html[data-ui="k"] #layout-menu .k-yogunluk:hover { background: var(--k-secili); color: var(--af-ink); }
html[data-ui="k"] .k-yogunluk-ikon { font-size: 1.2rem; flex: 0 0 auto; }
html[data-ui="k"] .k-yogunluk-metin { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[data-ui="k"] .k-yogunluk-durum {
  flex: 0 0 auto; padding: 2px 8px; border-radius: var(--k-yaricap-hap); font-family: var(--k-mono); font-size: 11px;
  background: var(--k-secili); color: var(--af-ink-2);
}
html[data-ui="k"] .k-yogunluk[aria-pressed="true"] { border-color: var(--k-vurgu); }
html[data-ui="k"] .k-yogunluk[aria-pressed="true"] .k-yogunluk-durum { background: var(--k-vurgu); color: var(--k-vurgu-ustu); }
@media (min-width: 1200px) {
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .k-yogunluk { justify-content: center; margin: 8px 10px 12px; padding: 0; }
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .k-yogunluk-metin,
  html[data-ui="k"][data-menu="ray"]:not([data-menu-gecici]) #layout-menu .k-yogunluk-durum { display: none; }
}

/* ── 3 FİLTRE AKORDEONU ("Filtreler [n] [özet] [kayıtlı: n]" başlığı; varsayılan KAPALI, filtre uygulanmışsa AÇIK) ─────────────────
   ui-k-duzelt.js formu/kart gövdesini .k-filtre-sar > .k-filtre-ic içine taşır (DOM aynen; yalnız sarılır). Kapalıyken içerik
   yerleşimini korur (Select2/tarih seçici boyutu bozulmasın) fakat görünmez + tab sırasından çıkar (visibility + inert). */
html[data-ui="k"] .k-filtre-baslik { display: block; }
html[data-ui="k"] .k-filtre-dugme {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 8px 18px; border: 0; background: transparent;
  color: var(--af-ink); font-family: var(--k-yazi); font-size: 0.9375rem; font-weight: 600; text-align: left; cursor: pointer;
  border-radius: var(--k-yaricap);
}
html[data-ui="k"] .k-filtre-dugme:hover { background: var(--k-secili); }
html[data-ui="k"] .k-filtre-ikon { font-size: 1.2rem; color: var(--af-ink-2); flex: 0 0 auto; }
html[data-ui="k"] .k-filtre-ad { flex: 0 0 auto; }
html[data-ui="k"] .k-filtre-sayi {
  flex: 0 0 auto; min-width: 22px; height: 22px; padding: 0 7px; border-radius: var(--k-yaricap-hap); display: inline-flex; align-items: center; justify-content: center;
  background: var(--k-vurgu); color: var(--k-vurgu-ustu); font-size: 12px; font-weight: 650; font-variant-numeric: tabular-nums;
}
html[data-ui="k"] .k-filtre-sayi[hidden], html[data-ui="k"] .k-filtre-ozet[hidden], html[data-ui="k"] .k-filtre-kayit[hidden] { display: none; }
html[data-ui="k"] .k-filtre-ozet {
  flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; font-size: 0.8125rem; color: var(--af-ink-2);
}
html[data-ui="k"] .k-filtre-kayit { flex: 0 0 auto; margin-left: auto; font-family: var(--k-mono); font-size: 11.5px; font-weight: 500; color: var(--af-muted); }
html[data-ui="k"] .k-filtre-ozet:not([hidden]) + .k-filtre-kayit { margin-left: 0; }
html[data-ui="k"] .k-filtre-ok { flex: 0 0 auto; margin-left: auto; font-size: 1.3rem; color: var(--af-ink-2); transition: transform var(--k-hizli); }
html[data-ui="k"] .k-filtre-kayit:not([hidden]) ~ .k-filtre-ok, html[data-ui="k"] .k-filtre-ozet:not([hidden]) ~ .k-filtre-ok { margin-left: 8px; }
html[data-ui="k"] .k-filtre-dugme[aria-expanded="true"] .k-filtre-ok { transform: rotate(180deg); }
html[data-ui="k"] .k-filtre-baslik--satir { border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); background: var(--af-surface); margin-bottom: 0.75rem; }

html[data-ui="k"] .k-filtre-sar { display: grid; grid-template-rows: 1fr; transition: grid-template-rows var(--k-hizli), visibility 0s; }
html[data-ui="k"] .k-filtre-sar[data-k-acik="0"] { grid-template-rows: 0fr; visibility: hidden; transition: grid-template-rows var(--k-hizli), visibility 0s 200ms; }
html[data-ui="k"] .k-filtre-ic { min-height: 0; }
html[data-ui="k"] .k-filtre-sar[data-k-acik="0"] > .k-filtre-ic { overflow: hidden; }
html[data-ui="k"] .k-filtre-sar[data-k-acik="1"] { border-top: 1px solid var(--k-kenar); }
/* sarmalayınca bozulan alt-çocuk seçicilerin eşdeğeri (ui-k-liste.css `.card > .card-body > form…`) */
html[data-ui="k"] .k-filtre-ic > .card-body > form.row.g-3, html[data-ui="k"] .k-filtre-ic > .card-body > form.row.g-2 { row-gap: 0.9rem; }
html[data-ui="k"] .k-filtre-ic > .card-body > form[method="GET" i] .border-bottom { border-color: var(--k-kenar) !important; /* !imp: Bootstrap .border-bottom !important */ }
html[data-ui="k"] .k-filtre-kart { margin-bottom: 1rem; }
html[data-ui="k"] .k-filtre-baslik--satir + .k-filtre-sar { border-top: 0; margin-bottom: 0.5rem; }

/* ── 4 GENİŞ TABLO ─────────────────────────────────────────────────────────────────────────────
   a) ≥ 8 sütun: sıkı mod — dolgu daralır, uzun metin TEK satırda kesilir (…; tam metin imleç üstüne gelince tooltip: ui-k-duzelt.js)
   b) işlem sütunu (son sütun düğme/ikon): taşan tabloda sağda YAPIŞIR + zemin opak + kaydırma ipucu kenar gölgesi */
html[data-ui="k"] .table[data-k-sik] > :not(caption) > * > * { padding: 0.55rem 0.65rem; }
html[data-ui="k"][data-yogunluk="yogun"] .table[data-k-sik] > :not(caption) > * > * { padding: 0.35rem 0.55rem; }
html[data-ui="k"] .table[data-k-sik] { font-size: 0.875rem; }
html[data-ui="k"] .table[data-k-sik] > tbody > tr > td:not([data-k-islem]):not(:has(.btn, input, select, textarea, .badge, .dropdown, a.btn)) {
  max-width: 22ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html[data-ui="k"] .table[data-k-sik] > tbody > tr > td:not([data-k-islem]):not(:has(.btn, input, select, textarea, .badge, .dropdown, a.btn)) > :is(div, small, span, p, a) {
  display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
html[data-ui="k"] .table-responsive[data-k-islemli] td[data-k-islem], html[data-ui="k"] .table-responsive[data-k-islemli] th[data-k-islem],
html[data-ui="k"] .card[data-k-islemli] td[data-k-islem], html[data-ui="k"] .card[data-k-islemli] th[data-k-islem] { position: sticky; right: 0; }
html[data-ui="k"] .table-responsive[data-k-islemli] > .table > tbody > tr > td[data-k-islem] {
  z-index: 1; white-space: nowrap; background-color: var(--af-surface); background-image: linear-gradient(var(--bs-table-bg), var(--bs-table-bg));   /* opak taban + satır tonu */
}
html[data-ui="k"] .table-responsive[data-k-islemli] > .table > thead > tr > th[data-k-islem] { z-index: 3; background-color: var(--k-yuzey-2); }
html[data-ui="k"] .table-responsive[data-k-kaydirma="sag"] > .table > :is(thead, tbody) > tr > [data-k-islem]::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: -12px; width: 12px; pointer-events: none;
  background: linear-gradient(to right, transparent, color-mix(in srgb, var(--af-ink) 16%, transparent));
}
@media (max-width: 575.98px) {
  html[data-ui="k"] .table[data-k-kart] td[data-k-islem] { position: static; }                 /* dar ekranda tablo kart olur: yapışma yok */
  html[data-ui="k"] .table[data-k-sik][data-k-kart] > tbody > tr > td, html[data-ui="k"] .table[data-k-sik][data-k-kart] > tbody > tr > td > :is(div, small, span, p, a) {
    max-width: none; overflow: visible; text-overflow: clip; white-space: normal;               /* kart görünümünde kesme yok */
  }
}
/* app.css `.table { overflow: hidden }` tabloyu "kaydırma kabı" yapıp sticky'yi etkisiz bırakıyordu: işlem sütunlu tabloda kaydırma kabı .table-responsive olur */
html[data-ui="k"] .table-responsive[data-k-islemli] > .table { overflow: visible; }
html[data-ui="k"] .table[data-k-sik] td[data-k-islem] .btn:is(.rounded-circle, .btn-icon) { width: 32px; height: 32px; min-width: 32px; padding: 0; }
html[data-ui="k"] .table[data-k-sik] td[data-k-islem] { padding-inline: 0.5rem; }

/* ── 5 KONTROL KULESİ ──────────────────────────────────────────────────────────────────────────
   Sahip: "bu sayfanın yerleşimini iyi ayarla; alttaki 'ne olur/senaryo' kısmı kaydırmadan görünmüyor, ÖNEMLİ, kullanılmasını istiyorum".
   Düzen (ui-k-duzelt.js): üstte kompakt şerit [Ne yapmalıyım | tekrarlayan seferler] (ilk 3 + Tümü); ASIL gövde = harita + sağ panel
   (sekmeler: "Ne olacak" | "Ne olur? (senaryo)") 1440×900 ilk görünümde. Veri/iş mantığı DEĞİŞMEZ; yalnız yerleşim. */
html[data-ui="k"] .kk-serit { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 12px; margin-bottom: 12px; }
html[data-ui="k"] .kk-serit[data-kk-tek="1"] { grid-template-columns: minmax(0, 1fr); }
html[data-ui="k"] .kk-serit > .card { margin: 0; min-width: 0; }
html[data-ui="k"] .kk-serit .card-header { gap: 8px; padding-block: 0.4rem; min-height: 0; flex-wrap: nowrap; }
html[data-ui="k"] .kk-serit .card-header > span { white-space: nowrap; font-size: 0.9375rem; }
html[data-ui="k"] .kk-serit .card-body { padding: 0.5rem 0.9rem 0.65rem; }
html[data-ui="k"] .kk-serit .k-kule-tumu { margin-left: auto; font-size: 0.8125rem; text-decoration: none; white-space: nowrap; }
html[data-ui="k"] #kk-uyari-kart .card-header > a { margin-left: auto; white-space: nowrap; }
html[data-ui="k"] #kk-uyari-kart .card-header > .k-kule-tumu { margin-left: 8px; }
/* kapalıyken yalnız ilk 3 kalem (tek satır, kesilmiş); "Tümü" ile hepsi */
html[data-ui="k"] #kk-uyari-kart[data-kk-acik="0"] #kk-uyarilar > .d-flex { flex-wrap: nowrap; overflow: hidden; }
html[data-ui="k"] #kk-uyari-kart[data-kk-acik="0"] #kk-uyarilar > .d-flex > a { display: block; flex: 1 1 0; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[data-ui="k"] #kk-uyari-kart[data-kk-acik="0"] #kk-uyarilar > .d-flex > a:nth-child(n+4) { display: none; }
html[data-ui="k"] #kk-tekrar-kart[data-kk-acik="0"] #kk-tekrarlayan > div:nth-child(n+4) { display: none; }

/* asıl gövde: harita + sağ panel yan yana, ekrana sığar */
html[data-ui="k"] .kk-harita-kutu { height: clamp(340px, calc(100vh - 500px), 680px); }
html[data-ui="k"] #kk-harita-kart > .card-footer { padding-block: 0.4rem; }
@media (min-width: 992px) {
  html[data-ui="k"] #kk-ana-satir > [class*="col-lg-"] { position: relative; }
  html[data-ui="k"] #kk-yan-kart { position: absolute; inset: 0 calc(var(--bs-gutter-x) * 0.5); height: auto; display: flex; flex-direction: column; min-height: 0; }
}
html[data-ui="k"] #kk-yan-kart > .card-header { flex: 0 0 auto; }
html[data-ui="k"] .kk-sekmeler { flex: 0 0 auto; display: flex; gap: 4px; padding: 6px 10px 0; border-bottom: 1px solid var(--k-kenar); }
html[data-ui="k"] .kk-sekme {
  padding: 0.5rem 0.9rem; border: 0; border-radius: 10px 10px 0 0; background: transparent; color: var(--af-ink-2); font: inherit; font-size: 0.9rem; font-weight: 500; cursor: pointer;
  box-shadow: inset 0 -2px 0 transparent;
}
html[data-ui="k"] .kk-sekme:hover { background: var(--k-secili); color: var(--af-ink); }
html[data-ui="k"] .kk-sekme[aria-selected="true"] { color: var(--af-ink); font-weight: 650; box-shadow: inset 0 -2px 0 var(--k-vurgu); }
html[data-ui="k"] .kk-paneller { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
@media (max-width: 991.98px) { html[data-ui="k"] .kk-paneller { max-height: 70vh; } }
html[data-ui="k"] .kk-panel[hidden] { display: none; }
html[data-ui="k"] .kk-seferler-kutu { max-height: none; overflow: visible; }
/* senaryo formu dar panelde: iki sütun */
html[data-ui="k"] .kk-panel-olur .card-body { padding: 0.75rem 1rem 1rem; }
html[data-ui="k"] .kk-panel-olur .row > [class*="col-md-"] { width: 50%; flex: 0 0 auto; }
html[data-ui="k"] .kk-panel-olur .row > .col-md-2:last-child { width: 100%; }
/* aktif sefer yoksa: ne yapılabilir */
html[data-ui="k"] .kk-bos-yardim { display: none; padding: 4px 16px 20px; }
html[data-ui="k"] .kk-panel-olacak:not(:has(#kk-seferler > a)) .kk-bos-yardim { display: block; }
html[data-ui="k"] .kk-bos-baslik { font-weight: 650; color: var(--af-ink); margin-bottom: 4px; }
html[data-ui="k"] .kk-bos-aciklama { color: var(--af-ink-2); font-size: 0.875rem; margin: 0 0 8px; }
html[data-ui="k"] .kk-bos-yapabilirsiniz { font-weight: 550; margin-top: 12px; }
html[data-ui="k"] .kk-bos-eylemler { display: flex; flex-wrap: wrap; gap: 8px; }
@media (max-width: 991.98px) {
  html[data-ui="k"] .kk-serit { grid-template-columns: minmax(0, 1fr); }
  html[data-ui="k"] .kk-harita-kutu { height: 320px; }
}

/* ── 6 GÖRÜNÜRLÜK: fare / odak / metin imleci (sahip: "aydınlık temada mouse gözükmüyor") ───────────────────────────────────────
   Ölçüm (2026-10-09, aydınlık tema, Playwright): CSS'te `cursor:none`/özel imleç/`caret-color` YOK (tüm css + blade + vendor tarandı);
   işaretçi şekli tarayıcı/OS'tan gelir. CSS kaynaklı görünürlük sorunları bulundu ve düzeltildi:
     a) hover zemini ink %8 gri (beyaz üstünde ≈1,07:1) → `--k-hover` (vurgu %14, opak) satır/menü/düğme/açılır menü için;
     b) yapışkan işlem hücresi hover'da boyanmıyordu → aynı belirteç;
     c) metin imleci (caret) belirgin: vurgu rengi; d) alan odağı yalnız klavyede değil FARE tıklamasında da halka. */
html[data-ui="k"] input, html[data-ui="k"] textarea, html[data-ui="k"] [contenteditable="true"], html[data-ui="k"] .select2-search__field { caret-color: var(--k-vurgu); }
html[data-ui="k"] .form-control:focus, html[data-ui="k"] .form-select:focus, html[data-ui="k"] .select2-container--focus .select2-selection,
html[data-ui="k"] .select2-container--open .select2-selection {
  border-color: var(--k-vurgu); box-shadow: 0 0 0 3px color-mix(in srgb, var(--k-vurgu) 30%, transparent);
}
html[data-ui="k"] .table-hover > tbody > tr:hover > td[data-k-islem] { background-image: linear-gradient(var(--k-hover), var(--k-hover)); }
html[data-ui="k"] .table > tbody > tr[data-href]:hover > *, html[data-ui="k"] .list-group-item-action:hover { background-color: var(--k-hover); cursor: pointer; }
html[data-ui="k"] .k-filtre-dugme:hover, html[data-ui="k"] .kk-sekme:hover, html[data-ui="k"] #layout-menu .k-yogunluk:hover, html[data-ui="k"] #layout-menu .k-menu-anahtar:hover { background: var(--k-hover); }
html[data-ui="k"] .menu-link, html[data-ui="k"] .page-link, html[data-ui="k"] .nav-link, html[data-ui="k"] .dropdown-item, html[data-ui="k"] summary, html[data-ui="k"] [role="button"], html[data-ui="k"] select { cursor: pointer; }
/* kontrol kulesi: dar ekranda 3 kalem alt alta (tek satırlık kesik) */
@media (max-width: 767.98px) {
  html[data-ui="k"] #kk-uyari-kart[data-kk-acik="0"] #kk-uyarilar > .d-flex { flex-direction: column; }
  html[data-ui="k"] .kk-serit .card-header { flex-wrap: wrap; }
}
/* aktif segment (btn-group içindeki .btn-outline-primary.active): ui-k-liste `.btn-outline-primary{background:transparent}` zemini siliyor, metin beyaz kalıyordu (görünmez) */
html[data-ui="k"] .btn-outline-primary.active, html[data-ui="k"] .btn-check:checked + .btn-outline-primary, html[data-ui="k"] .btn-outline-primary:active {
  background: var(--k-vurgu); color: var(--k-vurgu-ustu); border-color: var(--k-vurgu);
}
/* dar ekran: filtre başlığı iki satır (özet alt satıra), kayıtlı özeti sağda */
@media (max-width: 575.98px) {
  html[data-ui="k"] .k-filtre-dugme { flex-wrap: wrap; row-gap: 2px; }
  html[data-ui="k"] .k-filtre-ok { order: 4; }
  html[data-ui="k"] .k-filtre-kayit { order: 3; margin-left: auto; }
  html[data-ui="k"] .k-filtre-ozet { order: 5; flex: 1 0 100%; padding-left: 30px; }
  html[data-ui="k"] .k-filtre-ozet:not([hidden]) ~ .k-filtre-ok { margin-left: 8px; }
}
@media (max-width: 575.98px) {
  html[data-ui="k"] .kk-serit .card-header > span { white-space: normal; min-width: 0; }   /* 320 px: başlık sarılsın, yatay taşma olmasın */
}
/* boş durum / hata satırı (colspan'lı tek hücre) üstünde hover tonu yok */
html[data-ui="k"] .table-hover > tbody > tr:has(> td[colspan]):hover > * { --bs-table-bg-state: transparent; }