/* ═══════════════════════════════════════════════════════════════════
   UI-K — YENİ WEB GÖRÜNÜMÜ KATMANI (lane web-ui-temel-1008)
   "Sectrai-ilhamlı" UI dili, TEK vurgu parlement mavisi (`--k-vurgu`, ui-k-belirtec.css).

   ▸ NASIL ÇALIŞIR: `<html data-ui="k">` yokken bu dosya hiç yüklenmez (App\Support\UiK).
     Her kural `html[data-ui="k"]` önekli; HTML/sınıf/rota/JS DEĞİŞMEZ, yalnız görünüm.
     Geri alma = bayrak/çerez kapatmak. app.css, public/build, design sözleşmesi, mobil DOKUNULMAZ.
   ▸ ÖZGÜLLÜK: Bootstrap CDN + Sneat core.css (1849 !important) birlikte yüklü. `html[data-ui="k"] …`
     öneki (0,1,1) + sınıf yeterli; !important yerine Bootstrap/Sneat'in DEĞİŞKENLERİ yerelde ezilir
     (ör. `--bs-btn-bg`, `--afillo-surface`). Zorunlu !important kullanımları satır başında
     bir `!imp:` yorumuyla gerekçelendirilir (kapı sayar).
   ▸ RENK KURALI: bu dosyada ham renk YOK (kapı: UiKKatmaniKapisiTest). Renk = `--af-*` / `--k-*` ya da
     color-mix(...). Yeni belirteç ancak ui-k-belirtec.css + design/ui-k-belirtecler.md'ye kayıtla.
   ▸ BÖLÜMLER (sonraki lane'ler aynı katmanı kullanır, yeni kural ilgili bölüme eklenir):
       1 Temel (yazı, odak, hareket)   2 Kabuk (yan menü, üst bar, içerik)   3 Sayfa başlığı + mono etiket
       4 Düğmeler   5 Rozet/uyarı   6 Kart/yüzey   7 Tablo/liste   8 Sekme/hap gezinme/sayfalama
       9 FORMLAR (denetimler, grup, hata/başarı, select2, dosya, telefon, sihirbaz)
      10 Modal/çekmece/açılır menü/toast   11 Boş/hata durumu + kimlik sayfaları   12 Yedekler (cam yok, yüksek kontrast, azaltılmış hareket)
      13 Dar ekran
   ▸ CAM (backdrop-filter) HİÇBİR YERDE YOK (sahip kararı 2026-10-09): yüzeyler düz/opak (`--k-cam*` = `--af-surface`). Kapı: UiKCamYokKapisiTest.
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1 TEMEL ─────────────────────────────────────────────────────── */
html[data-ui="k"] body {
  font-family: var(--k-yazi);
  font-feature-settings: 'tnum' 1, 'cv11' 1;      /* tablo rakamları sabit genişlik */
  background: var(--af-bg);
  color: var(--af-ink-2);
}
html[data-ui="k"][data-yogunluk="yogun"] body { font-size: 0.875rem; }
html[data-ui="k"] code, html[data-ui="k"] kbd, html[data-ui="k"] pre, html[data-ui="k"] samp { font-family: var(--k-mono); font-size: 0.875em; }
html[data-ui="k"] code { color: var(--af-ink); background: var(--k-secili); border-radius: 6px; padding: 0.1em 0.4em; }
html[data-ui="k"] .leaflet-container, html[data-ui="k"] .leaflet-container a,
html[data-ui="k"] .leaflet-control-scale-line, html[data-ui="k"] .leaflet-control-attribution { font-family: var(--k-yazi); }
html[data-ui="k"] h1, html[data-ui="k"] h2, html[data-ui="k"] h3,
html[data-ui="k"] h4, html[data-ui="k"] h5, html[data-ui="k"] h6,
html[data-ui="k"] .h1, html[data-ui="k"] .h2, html[data-ui="k"] .h3,
html[data-ui="k"] .h4, html[data-ui="k"] .h5, html[data-ui="k"] .h6 {
  font-family: var(--k-yazi); color: var(--af-ink); font-weight: 650; letter-spacing: -0.015em;
}
/* bağlantı rengi: app.css `a {color: var(--bs-link-color)}` zinciri zaten tek vurguya (mavi) bağlı → ayrı `a` kuralı YOK
   (özgüllükle sayfa sınıflarını ezip başlık/KPI/düğme metnini vurgu rengine boyardı) */
html[data-ui="k"] a { text-underline-offset: 3px; }
html[data-ui="k"] ::selection { background: var(--k-vurgu-orta); }

/* klavye odak halkası (yalnız :focus-visible; fare tıklamasında çıkmaz) */
html[data-ui="k"] :focus-visible {
  outline: 2px solid var(--k-vurgu); outline-offset: 2px; box-shadow: none;
}
html[data-ui="k"] .form-control:focus-visible, html[data-ui="k"] .form-select:focus-visible { outline-offset: 0; }

/* mono mikro etiket: metni ÇEVİRİNİN KENDİSİ taşır — text-transform YOK (Türkçe i/İ güvenli) */
html[data-ui="k"] .k-mono, html[data-ui="k"] .crumb, html[data-ui="k"] .menu-header-text { font-family: var(--k-mono); }

/* ── 2 KABUK ─────────────────────────────────────────────────────── */
/* 2a yan menü: cam panel. Ferah 248 px etiketli / Yoğun 64 px ikon-ray (≥1200 px; altı Sneat çekmecesi) */
html[data-ui="k"] #layout-menu {
  --afillo-surface: var(--k-cam);                    /* menu.blade `background: var(--afillo-surface) !important` buradan beslenir */
  background-color: var(--k-cam);
  border-right: 1px solid var(--k-kenar);
  box-shadow: var(--k-parla);
}
html[data-ui="k"] #layout-menu .menu-inner { background: transparent; }
html[data-ui="k"] #layout-menu .app-brand { padding: 20px 20px 12px; }
html[data-ui="k"] #layout-menu .app-brand-logo img { width: 150px; }

@media (min-width: 1200px) {
  html[data-ui="k"] #layout-menu {
    position: sticky; top: 0; align-self: flex-start; height: 100vh; flex: 0 0 var(--k-menu-genislik);
    width: var(--k-menu-genislik); overflow: hidden; z-index: 5;
  }
  html[data-ui="k"] #layout-menu .menu-inner { max-height: calc(100vh - 88px); overflow-y: auto; overflow-x: hidden; }
  html[data-ui="k"] #layout-menu .layout-menu-toggle { display: none; }          /* ≥1200: daraltma yerine Ferah/Yoğun anahtarı */
}

/* menü öğeleri: hap, etkin = ince çizgili seçili zemin + vurgu ikon */
html[data-ui="k"] #layout-menu .menu-inner > .menu-item { width: auto; min-width: 0; align-self: stretch; }   /* Sneat: sabit 260 px → sağ kenara taşıyordu */
html[data-ui="k"] #layout-menu .menu-item { margin: 2px 12px; }
html[data-ui="k"] #layout-menu .menu-item.active { background: var(--k-secili); box-shadow: inset 0 0 0 1px var(--k-kenar); border-radius: var(--k-yaricap-hap); }
html[data-ui="k"] #layout-menu .menu-item.active > .menu-link { color: var(--af-ink); font-weight: 600; }
html[data-ui="k"] #layout-menu .menu-item.active > .menu-link .menu-icon { color: var(--k-vurgu); }
html[data-ui="k"] #layout-menu .menu-link {
  border-radius: var(--k-yaricap-hap); padding: 0.55rem 0.9rem; color: var(--af-ink-2);
  transition: background var(--k-hizli), color var(--k-hizli);
}
html[data-ui="k"] #layout-menu .menu-link:hover { background: var(--k-hover); color: var(--af-ink); }
html[data-ui="k"] #layout-menu .menu-icon { font-size: 1.2rem; margin-right: 0.7rem; }
html[data-ui="k"] #layout-menu .menu-sub { padding: 2px 0 6px 0.5rem; }
html[data-ui="k"] #layout-menu .menu-sub .menu-link { padding: 0.5rem 0.9rem; }            /* Sneat: padding-left 3rem + madde işareti */
html[data-ui="k"] #layout-menu .menu-sub .menu-icon { margin-right: 0.7rem; display: inline-block; }
html[data-ui="k"] #layout-menu .menu-sub > .menu-item > .menu-link::before { content: none; display: none; }   /* eski madde noktası; ikon zaten var */
html[data-ui="k"] #layout-menu .menu-sub > .menu-item.active > .menu-link { background: transparent; }
html[data-ui="k"] #layout-menu .menu-sub .menu-item { margin: 1px 4px; }
html[data-ui="k"] #layout-menu .menu-header {
  padding: 18px 20px 6px; font-family: var(--k-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.14em;
  color: var(--af-muted);
}
html[data-ui="k"] #layout-menu .menu-header::before { display: none; }
html[data-ui="k"] #layout-menu .menu-toggle::after { display: none; }

/* Menü rayı (64 px) / hover genişlemesi / sabitleme: ui-k-duzelt.css (yoğunluktan BAĞIMSIZ; sahip kararı 2026-10-09). */

/* 2b üst bar: yüzen cam çubuk */
html[data-ui="k"] .layout-navbar {
  --afillo-surface: var(--k-cam);                    /* navbar.blade `background: var(--afillo-surface) !important` */
  background-color: var(--k-cam);
  position: sticky; top: 12px; z-index: 20;
  height: var(--k-ust-yukseklik); padding: 0 12px; margin-top: 12px;
  border: 1px solid var(--k-kenar); border-radius: 16px; box-shadow: var(--k-parla);
}
html[data-ui="k"] .layout-navbar .nav-link { border-radius: var(--k-yaricap-hap); color: var(--af-ink-2); }
html[data-ui="k"] .layout-navbar .nav-link:hover { background: var(--k-hover); color: var(--af-ink); }
html[data-ui="k"] .layout-navbar .form-control {
  border-radius: var(--k-yaricap-hap); height: 36px; min-height: 0; border-color: transparent; background: transparent;
}
html[data-ui="k"] .layout-navbar .form-control:hover { border-color: var(--k-kenar-guclu); }
html[data-ui="k"] .layout-navbar .form-control:focus { border-color: var(--k-vurgu); background: var(--af-surface); }
html[data-ui="k"] .layout-navbar .avatar { border: 1px solid var(--k-kenar-guclu); }

/* 2c içerik alanı: 4 px ızgara, sakin boşluklar */
html[data-ui="k"] .content-wrapper { background: transparent; }
html[data-ui="k"] .container-p-y { padding-top: 24px; padding-bottom: 32px; }
html[data-ui="k"][data-yogunluk="yogun"] .container-p-y { padding-top: 16px; padding-bottom: 24px; }
html[data-ui="k"] .content-footer, html[data-ui="k"] .footer { background: transparent; border-top: 1px solid var(--k-kenar); }

/* panel-yogunluk düğmesi: hap + ince çizgi */
html[data-ui="k"] #afilloYogunlukToggle {
  border: 1px solid var(--k-kenar-guclu); background: var(--af-surface); color: var(--af-ink-2); box-shadow: none; opacity: 1;
  font-family: var(--k-mono); font-size: 12px;
}

/* ── 3 SAYFA BAŞLIĞI + MONO ETİKET ──────────────────────────────── */
html[data-ui="k"] .crumb {
  font-size: 12px; letter-spacing: 0.08em; color: var(--af-muted); margin-bottom: 8px;
}
html[data-ui="k"] .pagehead { margin-bottom: 20px; gap: 12px; }
html[data-ui="k"] .pagehead h1 {
  font-size: clamp(24px, 2.4vw, 32px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; color: var(--af-ink);
}
html[data-ui="k"][data-yogunluk="yogun"] .pagehead h1 { font-size: 20px; letter-spacing: -0.02em; }
html[data-ui="k"] .hintbar { border-radius: var(--k-yaricap); border-color: var(--k-kenar-guclu); background: var(--af-surface); }

/* ── 4 DÜĞMELER: birincil = mavi hap, ikincil = yüzey + ince çizgi ─ */
html[data-ui="k"] .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem;
  --bs-btn-border-radius: var(--k-yaricap-hap);
  border-radius: var(--k-yaricap-hap); font-weight: 600; letter-spacing: -0.005em;
  min-height: var(--k-dugme); padding-inline: 1.25rem;
  transition: background-color var(--k-hizli), border-color var(--k-hizli), color var(--k-hizli), filter var(--k-hizli);
}
html[data-ui="k"] .createBtn { width: auto; min-width: 10%; white-space: nowrap; }     /* style.css: sabit alt sağ düğme, %10 genişlikte metni kırıyordu */
html[data-ui="k"] .altbar .btn, html[data-ui="k"] .pagehead .btn, html[data-ui="k"] .af-wizard-actions .btn { white-space: nowrap; }
html[data-ui="k"] .btn-sm { min-height: calc(var(--k-dugme) - 8px); padding-inline: 0.9rem; font-size: 0.8125rem; }
html[data-ui="k"] .btn-lg { min-height: calc(var(--k-dugme) + 8px); }
html[data-ui="k"] .input-group > .btn { min-height: var(--k-kontrol); border-radius: var(--k-yaricap-kontrol); }
html[data-ui="k"] .btn-primary {
  --bs-btn-color: var(--k-vurgu-ustu); --bs-btn-bg: var(--k-vurgu); --bs-btn-border-color: var(--k-vurgu);
  --bs-btn-hover-color: var(--k-vurgu-ustu); --bs-btn-hover-bg: var(--k-vurgu-basili); --bs-btn-hover-border-color: var(--k-vurgu-basili);
  --bs-btn-active-color: var(--k-vurgu-ustu); --bs-btn-active-bg: var(--k-vurgu-basili); --bs-btn-active-border-color: var(--k-vurgu-basili);
  --bs-btn-disabled-color: var(--k-vurgu-ustu); --bs-btn-disabled-bg: var(--k-vurgu); --bs-btn-disabled-border-color: var(--k-vurgu);
  --bs-btn-focus-shadow-rgb: var(--k-vurgu-rgb);
}
html[data-ui="k"] .btn-outline-primary, html[data-ui="k"] .btn-outline-secondary, html[data-ui="k"] .btn-secondary,
html[data-ui="k"] .btn-light, html[data-ui="k"] .btn-label-secondary, html[data-ui="k"] .btn-default {
  --bs-btn-color: var(--af-ink); --bs-btn-bg: var(--af-surface); --bs-btn-border-color: var(--k-sinir);
  --bs-btn-hover-color: var(--af-ink); --bs-btn-hover-bg: var(--k-hover); --bs-btn-hover-border-color: var(--af-ink);
  --bs-btn-active-color: var(--af-ink); --bs-btn-active-bg: var(--k-secili); --bs-btn-active-border-color: var(--af-ink);
  --bs-btn-disabled-color: var(--af-muted); --bs-btn-disabled-bg: var(--af-surface); --bs-btn-disabled-border-color: var(--k-kenar-guclu);
}
html[data-ui="k"] .btn-outline-primary { --bs-btn-color: var(--k-vurgu); --bs-btn-border-color: var(--k-vurgu); --bs-btn-hover-color: var(--k-vurgu-ustu); --bs-btn-hover-bg: var(--k-vurgu); --bs-btn-hover-border-color: var(--k-vurgu); --bs-btn-active-color: var(--k-vurgu-ustu); --bs-btn-active-bg: var(--k-vurgu-basili); }
html[data-ui="k"] .btn-success {
  --bs-btn-color: var(--k-vurgu-ustu); --bs-btn-bg: var(--k-vurgu); --bs-btn-border-color: var(--k-vurgu);
  --bs-btn-hover-color: var(--k-vurgu-ustu); --bs-btn-hover-bg: var(--k-vurgu-basili); --bs-btn-hover-border-color: var(--k-vurgu-basili);
  --bs-btn-active-color: var(--k-vurgu-ustu); --bs-btn-active-bg: var(--k-vurgu-basili); --bs-btn-active-border-color: var(--k-vurgu-basili);
}
html[data-ui="k"] .btn-danger {
  --bs-btn-color: var(--af-surface); --bs-btn-bg: var(--af-crit); --bs-btn-border-color: var(--af-crit);
  --bs-btn-hover-color: var(--af-surface); --bs-btn-hover-bg: color-mix(in srgb, var(--af-crit) 82%, var(--af-ink)); --bs-btn-hover-border-color: color-mix(in srgb, var(--af-crit) 82%, var(--af-ink));
  --bs-btn-active-color: var(--af-surface); --bs-btn-active-bg: color-mix(in srgb, var(--af-crit) 82%, var(--af-ink)); --bs-btn-active-border-color: color-mix(in srgb, var(--af-crit) 82%, var(--af-ink));
}
html[data-ui="k"] .btn-outline-danger { --bs-btn-color: var(--k-kritik-metin); --bs-btn-border-color: color-mix(in srgb, var(--af-crit) 55%, transparent); --bs-btn-hover-color: var(--af-surface); --bs-btn-hover-bg: var(--af-crit); --bs-btn-hover-border-color: var(--af-crit); --bs-btn-bg: transparent; }
html[data-ui="k"] .btn-warning, html[data-ui="k"] .btn-outline-warning { --bs-btn-color: var(--k-uyari-metin); --bs-btn-bg: color-mix(in srgb, var(--af-warn) 14%, transparent); --bs-btn-border-color: color-mix(in srgb, var(--af-warn) 40%, transparent); --bs-btn-hover-color: var(--k-uyari-metin); --bs-btn-hover-bg: color-mix(in srgb, var(--af-warn) 24%, transparent); --bs-btn-hover-border-color: var(--af-warn); --bs-btn-active-color: var(--k-uyari-metin); --bs-btn-active-bg: color-mix(in srgb, var(--af-warn) 28%, transparent); }
html[data-ui="k"] .btn-link { --bs-btn-color: var(--af-ink); --bs-btn-hover-color: var(--k-vurgu); text-decoration: underline; text-decoration-color: var(--k-kenar-guclu); text-underline-offset: 4px; }
html[data-ui="k"] .btn-group > .btn, html[data-ui="k"] .btn-group-vertical > .btn { border-radius: 0; }
html[data-ui="k"] .btn-group > .btn:first-child { border-radius: var(--k-yaricap-hap) 0 0 var(--k-yaricap-hap); }
html[data-ui="k"] .btn-group > .btn:last-child { border-radius: 0 var(--k-yaricap-hap) var(--k-yaricap-hap) 0; }
html[data-ui="k"] .btn-group > .btn:only-child { border-radius: var(--k-yaricap-hap); }

/* ── 5 ROZET + UYARI: anlam renkleri SAYDAM zeminli; ikon+metin yapıda (ham HTML) kalır ─ */
html[data-ui="k"] .badge {
  border-radius: var(--k-yaricap-hap); padding: 0.3em 0.8em; font-weight: 600; letter-spacing: 0;
  border: 1px solid transparent; font-size: 0.75rem; line-height: 1.3;
}
html[data-ui="k"] .badge.bg-label-secondary, html[data-ui="k"] .badge.bg-secondary, html[data-ui="k"] .badge.bg-light, html[data-ui="k"] .badge.text-bg-secondary {
  background-color: var(--k-secili) !important; /* !imp: Bootstrap .bg-* / Sneat .bg-label-* kendileri !important */
  color: var(--af-ink-2) !important; /* !imp: aynı gerekçe */
  border-color: var(--k-kenar);
}
html[data-ui="k"] .badge.bg-label-success, html[data-ui="k"] .badge.bg-success, html[data-ui="k"] .badge.text-bg-success {
  background-color: color-mix(in srgb, var(--af-good) 12%, transparent) !important; /* !imp: aynı gerekçe */
  color: var(--k-iyi-metin) !important; /* !imp: aynı gerekçe */
  border-color: color-mix(in srgb, var(--af-good) 28%, transparent);
}
html[data-ui="k"] .badge.bg-label-warning, html[data-ui="k"] .badge.bg-warning, html[data-ui="k"] .badge.text-bg-warning {
  background-color: color-mix(in srgb, var(--af-warn) 12%, transparent) !important; /* !imp: aynı gerekçe */
  color: var(--k-uyari-metin) !important; /* !imp: aynı gerekçe */
  border-color: color-mix(in srgb, var(--af-warn) 30%, transparent);
}
html[data-ui="k"] .badge.bg-label-danger, html[data-ui="k"] .badge.bg-danger, html[data-ui="k"] .badge.text-bg-danger {
  background-color: color-mix(in srgb, var(--af-crit) 12%, transparent) !important; /* !imp: aynı gerekçe */
  color: var(--k-kritik-metin) !important; /* !imp: aynı gerekçe */
  border-color: color-mix(in srgb, var(--af-crit) 30%, transparent);
}
html[data-ui="k"] .badge.bg-label-primary, html[data-ui="k"] .badge.bg-primary, html[data-ui="k"] .badge.bg-label-info, html[data-ui="k"] .badge.bg-info, html[data-ui="k"] .badge.text-bg-primary {
  background-color: var(--k-vurgu-yumusak) !important; /* !imp: aynı gerekçe */
  color: var(--k-vurgu-metin) !important; /* !imp: aynı gerekçe */
  border-color: var(--k-vurgu-orta);
}
/* menü rozeti (kırmızı sayaç) dolu kalır: sayaç */
html[data-ui="k"] #layout-menu .badge.bg-danger {
  background-color: var(--af-crit) !important; /* !imp: sayaç dolu kalır, Bootstrap .bg-danger !important */
  color: var(--af-surface) !important; /* !imp: aynı gerekçe */
  border-color: transparent;
}

html[data-ui="k"] .alert {
  border-radius: var(--k-yaricap); border: 1px solid var(--k-kenar-guclu); background: var(--af-surface); color: var(--af-ink-2);
  box-shadow: var(--k-parla); padding: 0.85rem 1.1rem;
}
html[data-ui="k"] .alert-success { background: color-mix(in srgb, var(--af-good) 10%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-good) 30%, transparent); color: var(--k-iyi-metin); }
html[data-ui="k"] .alert-warning { background: color-mix(in srgb, var(--af-warn) 10%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-warn) 32%, transparent); color: var(--k-uyari-metin); }
html[data-ui="k"] .alert-danger { background: color-mix(in srgb, var(--af-crit) 10%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-crit) 32%, transparent); color: var(--k-kritik-metin); }
html[data-ui="k"] .alert-info, html[data-ui="k"] .alert-primary { background: var(--k-vurgu-yumusak); border-color: var(--k-vurgu-orta); color: var(--af-ink); }
html[data-ui="k"] .alert-secondary { background: var(--k-yuzey-2); color: var(--af-ink-2); }
html[data-ui="k"] .alert .btn-close { opacity: 0.7; }

/* ── 6 KART / YÜZEY: ince çizgi, 14 px yarıçap, gölge YOK (1 px üst parıltı) ─ */
html[data-ui="k"] .card {
  --bs-card-border-radius: var(--k-yaricap);
  background: var(--af-surface); border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); box-shadow: var(--k-parla);
}
html[data-ui="k"] .card-header { background: transparent; border-bottom: 1px solid var(--k-kenar); padding: 1rem 1.25rem; }
html[data-ui="k"] .card-header .card-title, html[data-ui="k"] .card-title { font-weight: 650; letter-spacing: -0.01em; color: var(--af-ink); }
html[data-ui="k"] .card-body { padding: 1.25rem; }
html[data-ui="k"] .card-header + .card-body { padding-top: 1.25rem; }
html[data-ui="k"][data-yogunluk="yogun"] .card-body { padding: 0.75rem; }
html[data-ui="k"] .card-footer { background: transparent; border-top: 1px solid var(--k-kenar); }
html[data-ui="k"] .list-group-item { background: transparent; border-color: var(--k-kenar); color: var(--af-ink-2); }
html[data-ui="k"] .list-group { --bs-list-group-border-radius: var(--k-yaricap); --bs-list-group-border-color: var(--k-kenar); }
html[data-ui="k"] .bg-white, html[data-ui="k"] .bg-body { background-color: var(--af-surface) !important; /* !imp: Bootstrap .bg-white kendisi !important */ }
html[data-ui="k"] hr { border-color: var(--k-kenar-guclu); opacity: 1; }

/* ── 7 TABLO / LİSTE SATIRI ─────────────────────────────────────── */
html[data-ui="k"] .table {
  --bs-table-bg: var(--af-surface); --bs-table-color: var(--af-ink-2); --bs-table-border-color: var(--k-kenar);
  --bs-table-hover-bg: var(--k-hover); --bs-table-striped-bg: var(--k-yuzey-2);
  border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); box-shadow: none;
}
html[data-ui="k"] .table > thead > tr > th {
  background: var(--k-yuzey-2); color: var(--af-ink-2); font-family: var(--k-mono); font-size: 12px; font-weight: 600;
  letter-spacing: 0.02em; text-transform: none;           /* çeviri metni olduğu gibi (Türkçe i/İ güvenli) */ border-bottom: 1px solid var(--k-kenar-guclu);
}
html[data-ui="k"] .table > :not(caption) > * > * { padding: 0.9rem 1rem; border-bottom-color: var(--k-kenar); }
html[data-ui="k"][data-yogunluk="yogun"] .table > :not(caption) > * > * { padding: 0.45rem 0.75rem; }
html[data-ui="k"] .table-hover > tbody > tr:hover > * { --bs-table-bg-state: var(--k-hover); }
html[data-ui="k"] .table-responsive { border-radius: var(--k-yaricap); }

/* ── 8 SEKME / HAP GEZİNME / SAYFALAMA ──────────────────────────── */
html[data-ui="k"] .nav-tabs { border-bottom: 1px solid var(--k-kenar); gap: 4px; }
html[data-ui="k"] .nav-tabs .nav-link {
  border: 0; border-radius: var(--k-yaricap-hap) var(--k-yaricap-hap) 0 0; color: var(--af-muted); font-weight: 500;
  padding: 0.6rem 1rem; transition: color var(--k-hizli), background var(--k-hizli);
}
html[data-ui="k"] .nav-tabs .nav-link:hover:not(.active) { background: var(--k-hover); color: var(--af-ink); }
/* etkin sekme: kalın alt çizgi + zemin + ağırlık (renk tek başına değil; HubSekmeBelirteciTest ruhu) */
html[data-ui="k"] .nav-tabs .nav-link.active {
  color: var(--af-ink); font-weight: 650; background: var(--k-secili); box-shadow: inset 0 -3px 0 var(--k-vurgu);
}
html[data-ui="k"] .hub-sekmeler { margin-bottom: 1.25rem; }
html[data-ui="k"] .nav-pills { --bs-nav-pills-border-radius: var(--k-yaricap-hap); --bs-nav-pills-link-active-bg: var(--af-ink); --bs-nav-pills-link-active-color: var(--af-surface); gap: 4px; }
html[data-ui="k"] .nav-pills .nav-link { border-radius: var(--k-yaricap-hap); color: var(--af-ink-2); }
html[data-ui="k"] .nav-pills .nav-link.active { background: var(--af-ink); color: var(--af-surface); }
html[data-ui="k"] .page-link { border-radius: var(--k-yaricap-hap); border-color: var(--k-kenar); color: var(--af-ink-2); margin: 0 2px; background: transparent; }
html[data-ui="k"] .page-item.active .page-link, html[data-ui="k"] .page-link.active { background: var(--af-ink); border-color: var(--af-ink); color: var(--af-surface); }

/* ── 9 FORMLAR ──────────────────────────────────────────────────── */
/* denetimler: Ferah 44 px / Yoğun 32 px; etiket üstte; odak halkası vurgu */
html[data-ui="k"] .form-control, html[data-ui="k"] .form-select, html[data-ui="k"] .ctrl,
html[data-ui="k"] .input-group-text {
  font-family: var(--k-yazi); font-size: 0.9375rem; color: var(--af-ink); background-color: var(--af-surface);
  border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol); box-shadow: none;
  min-height: var(--k-kontrol); padding: 0.5rem 0.9rem;
  transition: border-color var(--k-hizli), box-shadow var(--k-hizli), background-color var(--k-hizli);
}
html[data-ui="k"][data-yogunluk="yogun"] .form-control, html[data-ui="k"][data-yogunluk="yogun"] .form-select,
html[data-ui="k"][data-yogunluk="yogun"] .ctrl, html[data-ui="k"][data-yogunluk="yogun"] .input-group-text { font-size: 0.8125rem; padding: 0.25rem 0.65rem; }
html[data-ui="k"] textarea.form-control { min-height: calc(var(--k-kontrol) * 2); }
html[data-ui="k"] .form-control::placeholder { color: var(--af-muted); opacity: 1; }
html[data-ui="k"] .form-control:hover:not(:disabled):not([readonly]), html[data-ui="k"] .form-select:hover:not(:disabled) { border-color: var(--af-ink-2); }
html[data-ui="k"] .form-control:focus, html[data-ui="k"] .form-select:focus, html[data-ui="k"] .ctrl:focus {
  border-color: var(--k-vurgu); background-color: var(--af-surface);
  box-shadow: 0 0 0 3px var(--k-vurgu-orta); outline: 0;
}
html[data-ui="k"] .form-control:disabled, html[data-ui="k"] .form-select:disabled, html[data-ui="k"] .form-control[readonly] {
  background-color: var(--k-yuzey-2); color: var(--af-muted); border-color: var(--k-kenar-guclu);
}
html[data-ui="k"] .form-control-sm, html[data-ui="k"] .form-select-sm { min-height: calc(var(--k-kontrol) - 8px); border-radius: 10px; }
html[data-ui="k"] .form-control-lg, html[data-ui="k"] .form-select-lg { min-height: calc(var(--k-kontrol) + 8px); }
html[data-ui="k"] .form-select {
  /* ok işareti bg-image'ı Bootstrap'te; yalnız sağ boşluk */
  padding-right: 2.25rem;
}

/* etiket: üstte, mono mikro etiket DEĞİL (okunabilirlik) — grup başlığı (.sec h2/legend) mono */
html[data-ui="k"] .form-label, html[data-ui="k"] .field > label, html[data-ui="k"] label.col-form-label {
  font-family: var(--k-yazi); text-transform: none; font-size: 0.8125rem; font-weight: 600; color: var(--af-ink); letter-spacing: 0; margin-bottom: 6px;
}
html[data-ui="k"] .form-text, html[data-ui="k"] .hint { font-size: 0.75rem; color: var(--af-muted); margin-top: 6px; }
/* zorunlu alan işareti: mevcut etiketler "*" metnini zaten taşır (yapı/çeviri DEĞİŞMEZ); ayrıca ekran okuyucu için
   `required` özniteliği olduğu gibi kalır. Etiket "*" taşımayan zorunlu alanlar sonraki lane'lerde etiket metnine eklenir. */

/* hata / başarı durumu: renk + ikon + metin (ikon ::before ile; metin sunucudan) */
html[data-ui="k"] .form-control.is-invalid, html[data-ui="k"] .form-select.is-invalid, html[data-ui="k"] .ctrl.err {
  border-color: var(--af-crit); background-color: color-mix(in srgb, var(--af-crit) 6%, var(--af-surface)); background-image: none; padding-right: 0.9rem;
}
html[data-ui="k"] .form-control.is-invalid:focus, html[data-ui="k"] .form-select.is-invalid:focus { box-shadow: 0 0 0 3px color-mix(in srgb, var(--af-crit) 30%, transparent); }
html[data-ui="k"] .form-control.is-valid, html[data-ui="k"] .form-select.is-valid {
  border-color: var(--af-good); background-image: none; padding-right: 0.9rem;
}
html[data-ui="k"] .invalid-feedback, html[data-ui="k"] .err-msg {
  display: block; font-size: 0.75rem; font-weight: 500; color: var(--k-kritik-metin); margin-top: 6px;
}
html[data-ui="k"] .invalid-feedback:not(:empty)::before, html[data-ui="k"] .err-msg:not(:empty)::before {
  content: "\26A0\FE0E\00a0"; font-weight: 700;                      /* ⚠ — renk tek başına anlatmaz */
}
html[data-ui="k"] .valid-feedback, html[data-ui="k"] .ok-msg { font-size: 0.75rem; font-weight: 500; color: var(--k-iyi-metin); margin-top: 6px; }
html[data-ui="k"] .valid-feedback:not(:empty)::before, html[data-ui="k"] .ok-msg:not(:empty)::before { content: "\2713\00a0"; font-weight: 700; }   /* ✓ */
html[data-ui="k"] .form-control:not(.is-invalid) ~ .invalid-feedback { display: none; }
html[data-ui="k"] .is-invalid ~ .invalid-feedback { display: block; }

/* onay kutusu / radyo / anahtar */
html[data-ui="k"] .form-check-input {
  width: 1.15em; height: 1.15em; margin-top: 0.15em; border: 1.5px solid var(--k-sinir); background-color: var(--af-surface); box-shadow: none;
}
html[data-ui="k"] .form-check-input:focus-visible { outline: 2px solid var(--k-vurgu); outline-offset: 2px; }
html[data-ui="k"] .form-check-input:checked { background-color: var(--k-vurgu); border-color: var(--k-vurgu); }
/* işaret rengi: SVG'ye ham renk gömmemek için ::after ile çizilir (vurgu üstü renk jetondan) */
html[data-ui="k"] .form-check-input:not([role="switch"]):checked[type="checkbox"],
html[data-ui="k"] .form-check-input:not([role="switch"]):checked[type="radio"] { --bs-form-check-bg-image: none; background-image: none; position: relative; }
html[data-ui="k"] .form-check:not(.form-switch) .form-check-input:checked[type="checkbox"]::after {
  content: ""; position: absolute; left: 31%; top: 10%; width: 28%; height: 55%;
  border: solid var(--k-vurgu-ustu); border-width: 0 2.5px 2.5px 0; transform: rotate(45deg);
}
html[data-ui="k"] .form-check:not(.form-switch) .form-check-input:checked[type="radio"]::after {
  content: ""; position: absolute; inset: 28%; border-radius: 50%; background: var(--k-vurgu-ustu);
}
html[data-ui="k"] .form-check-input[type="checkbox"] { border-radius: 6px; }
html[data-ui="k"] .form-switch { padding-left: 3em; }
html[data-ui="k"] .form-switch .form-check-input { width: 2.4em; height: 1.35em; margin-left: -3em; border-radius: var(--k-yaricap-hap); }
html[data-ui="k"] .form-check-label { color: var(--af-ink-2); }

/* input-group */
html[data-ui="k"] .input-group > .form-control, html[data-ui="k"] .input-group > .form-select { border-radius: var(--k-yaricap-kontrol); }
html[data-ui="k"] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; }
html[data-ui="k"] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; border-bottom-left-radius: 0; }
html[data-ui="k"] .input-group-text { background: var(--k-yuzey-2); color: var(--af-muted); }
html[data-ui="k"] .input-group:focus-within { border-radius: var(--k-yaricap-kontrol); box-shadow: 0 0 0 3px var(--k-vurgu-orta); }
html[data-ui="k"] .input-group:focus-within > .form-control, html[data-ui="k"] .input-group:focus-within > .form-select { box-shadow: none; border-color: var(--k-vurgu); }

/* dosya yükleme + tarih/saat (yerel denetimin kendisi stillenemez; kutusu stillenir) */
html[data-ui="k"] .form-control::file-selector-button {
  border: 0; border-right: 1px solid var(--k-sinir); border-radius: 0; margin: -0.5rem 0.9rem -0.5rem -0.9rem; padding: 0 1rem;
  background: var(--k-yuzey-2); color: var(--af-ink); font-weight: 600; font-family: var(--k-yazi);
  min-height: var(--k-kontrol); transition: background var(--k-hizli);
}
html[data-ui="k"] .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background: var(--k-hover); }
html[data-ui="k"] input[type="date"], html[data-ui="k"] input[type="datetime-local"], html[data-ui="k"] input[type="time"], html[data-ui="k"] input[type="month"] { color-scheme: light; }
html[data-ui="k"][data-bs-theme="dark"] input[type="date"], html[data-ui="k"][data-bs-theme="dark"] input[type="datetime-local"],
html[data-ui="k"][data-bs-theme="dark"] input[type="time"], html[data-ui="k"][data-bs-theme="dark"] input[type="month"] { color-scheme: dark; }

/* select2 */
html[data-ui="k"] .select2-container--default .select2-selection--single,
html[data-ui="k"] .select2-container--default .select2-selection--multiple {
  min-height: var(--k-kontrol); border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol); background-color: var(--af-surface);
  display: flex; align-items: center;
}
html[data-ui="k"] .select2-container--default .select2-selection--single { height: var(--k-kontrol); }
html[data-ui="k"] .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--af-ink); line-height: 1.4; padding-left: 0.9rem; }
html[data-ui="k"] .select2-container--default .select2-selection--single .select2-selection__arrow { height: 100%; right: 6px; }
html[data-ui="k"] .select2-container--default.select2-container--focus .select2-selection--single,
html[data-ui="k"] .select2-container--default.select2-container--focus .select2-selection--multiple,
html[data-ui="k"] .select2-container--default.select2-container--open .select2-selection--single { border-color: var(--k-vurgu); box-shadow: 0 0 0 3px var(--k-vurgu-orta); }
html[data-ui="k"] .select2-container--default .select2-selection--single .select2-selection__arrow { background: transparent; border: 0; top: 0; width: 28px; }
html[data-ui="k"] .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: var(--af-muted) transparent transparent; }
html[data-ui="k"] .select2-container { max-width: 100%; }
html[data-ui="k"] .select2-dropdown { border: 1px solid var(--k-kenar-guclu); border-radius: var(--k-yaricap); background: var(--af-surface); overflow: hidden; }
html[data-ui="k"] .select2-container--default .select2-results__option--highlighted[aria-selected], html[data-ui="k"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: var(--k-vurgu-yumusak); color: var(--af-ink); }
html[data-ui="k"] .select2-container--default .select2-results__option--selected { background: var(--k-secili); }

/* grup başlıkları = mono mikro etiket (`.sec` sözleşme grubu, fieldset legend, kart başlığı .k-mono) */
html[data-ui="k"] .sec > h2, html[data-ui="k"] .sec > h3, html[data-ui="k"] fieldset > legend, html[data-ui="k"] .af-form .sec-baslik {
  font-family: var(--k-mono); font-size: 0.75rem; font-weight: 600; letter-spacing: 0.12em; color: var(--af-muted); margin-bottom: 12px;
}
html[data-ui="k"] .sec { border-bottom-color: var(--k-kenar); padding: 20px 22px; }
html[data-ui="k"] .note { border-radius: var(--k-yaricap); border: 1px solid var(--k-kenar); }
html[data-ui="k"] .note.info { background: var(--k-vurgu-yumusak); }
html[data-ui="k"] .note.warn { background: color-mix(in srgb, var(--af-warn) 10%, var(--af-surface)); }
html[data-ui="k"] .note.crit { background: color-mix(in srgb, var(--af-crit) 10%, var(--af-surface)); }
html[data-ui="k"] .note.good { background: color-mix(in srgb, var(--af-good) 10%, var(--af-surface)); }
html[data-ui="k"] .chip { border-radius: var(--k-yaricap-hap); }

/* alt eylem çubuğu */
html[data-ui="k"] .altbar { background: color-mix(in srgb, var(--af-surface) 92%, transparent); border-top: 1px solid var(--k-kenar-guclu); border-radius: 0 0 var(--k-yaricap) var(--k-yaricap); }

/* çok adımlı form şeridi (af-adim / af-wizard) */
html[data-ui="k"] .af-adim { gap: 6px 10px; padding-bottom: 14px; }
html[data-ui="k"] .af-adim button { border-radius: var(--k-yaricap-hap); padding: 4px 12px 4px 4px; color: var(--af-muted); transition: background var(--k-hizli); }
html[data-ui="k"] .af-adim button:not(:disabled):hover { background: var(--k-hover); }
html[data-ui="k"] .af-adim b { width: 24px; height: 24px; font-family: var(--k-mono); background: var(--k-yuzey-2); border-color: var(--k-sinir); color: var(--af-ink-2); }
html[data-ui="k"] .af-adim .af-adim-on { color: var(--af-ink); }
html[data-ui="k"] .af-adim .af-adim-on b { background: var(--k-vurgu); border-color: var(--k-vurgu); color: var(--k-vurgu-ustu); }
html[data-ui="k"] .af-adim .af-adim-done b { background: color-mix(in srgb, var(--af-good) 14%, transparent); border-color: var(--af-good); color: var(--k-iyi-metin); }
html[data-ui="k"] .af-wizard-progress { height: 4px; border-radius: var(--k-yaricap-hap); background: var(--k-secili); border: 0; }
html[data-ui="k"] .af-wizard-progress-bar { background: var(--k-vurgu); border-radius: var(--k-yaricap-hap); }
html[data-ui="k"] .af-wizard-error { border-radius: var(--k-yaricap); background: color-mix(in srgb, var(--af-crit) 10%, var(--af-surface)); border: 1px solid color-mix(in srgb, var(--af-crit) 30%, transparent); color: var(--k-kritik-metin); }
html[data-ui="k"] .af-wizard-actions { border-top-color: var(--k-kenar); }

/* ── 10 MODAL / ÇEKMECE / AÇILIR MENÜ / TOAST ───────────────────── */
html[data-ui="k"] .modal-backdrop { --bs-backdrop-bg: var(--af-ink); --bs-backdrop-opacity: 0.45; }
html[data-ui="k"] .modal-content, html[data-ui="k"] .offcanvas {
  background: var(--k-cam-guclu); border: 1px solid var(--k-kenar-guclu); border-radius: 20px; box-shadow: var(--k-parla);
}
html[data-ui="k"] .offcanvas { border-radius: 0; }
html[data-ui="k"] .modal-header, html[data-ui="k"] .modal-footer { border-color: var(--k-kenar); }
html[data-ui="k"] .modal-title { font-weight: 650; letter-spacing: -0.01em; }
html[data-ui="k"] .dropdown-menu {
  --bs-dropdown-border-radius: var(--k-yaricap); background: var(--k-cam-guclu); border: 1px solid var(--k-kenar-guclu); box-shadow: var(--k-parla);
}
html[data-ui="k"] .dropdown-item { border-radius: 10px; color: var(--af-ink-2); }
html[data-ui="k"] .dropdown-item:hover, html[data-ui="k"] .dropdown-item:focus { background: var(--k-hover); color: var(--af-ink); }
html[data-ui="k"] .dropdown-item.active, html[data-ui="k"] .dropdown-item:active { background: var(--k-vurgu-yumusak); color: var(--af-ink); }
html[data-ui="k"] .toast, html[data-ui="k"] .swal2-popup {
  border: 1px solid var(--k-kenar-guclu); border-radius: var(--k-yaricap); background: var(--af-surface); color: var(--af-ink); box-shadow: var(--k-parla);
}
html[data-ui="k"] .swal2-popup .swal2-confirm { border-radius: var(--k-yaricap-hap); }
html[data-ui="k"] .tooltip { --bs-tooltip-bg: var(--af-ink); --bs-tooltip-color: var(--af-surface); --bs-tooltip-border-radius: 10px; }

/* ── 11 BOŞ / HATA DURUMU (partials.bos-durum) ──────────────────── */
html[data-ui="k"] .bos-durum { border: 1px dashed var(--k-kenar-guclu); border-radius: var(--k-yaricap); background: transparent; }
html[data-ui="k"] .bos-durum .bos-durum-baslik { color: var(--af-ink); font-weight: 650; letter-spacing: -0.01em; }
html[data-ui="k"] .bos-durum .bos-durum-simge { color: var(--af-ink-2); background: var(--k-secili); border-radius: 50%; }

/* ── 11b KİMLİK SAYFALARI (davet kabul / şifre sıfırlama / authenticator: identity_layout.blade.php) ─
   Bu kabuk panel layout'unu kullanmaz; kendi `.kimlik-kutu` stilini taşır. */
html[data-ui="k"] .kimlik-kutu { border: 1px solid var(--k-kenar); border-radius: 20px; box-shadow: var(--k-parla); background: var(--af-surface); }
html[data-ui="k"] .kimlik-kutu h1 { font-size: 24px; font-weight: 700; letter-spacing: -0.03em; color: var(--af-ink); }
html[data-ui="k"] .kimlik-kutu label { font-size: 0.8125rem; font-weight: 600; color: var(--af-ink); }
html[data-ui="k"] .kimlik-kutu input, html[data-ui="k"] .kimlik-kutu select {
  min-height: var(--k-kontrol); border: 1px solid var(--k-sinir); border-radius: var(--k-yaricap-kontrol); background: var(--af-surface); color: var(--af-ink);
}
html[data-ui="k"] .kimlik-kutu input:focus, html[data-ui="k"] .kimlik-kutu select:focus { border-color: var(--k-vurgu); box-shadow: 0 0 0 3px var(--k-vurgu-orta); outline: 0; }
html[data-ui="k"] .kimlik-kutu button { min-height: var(--k-dugme); border-radius: var(--k-yaricap-hap); background: var(--k-vurgu); color: var(--k-vurgu-ustu); }
html[data-ui="k"] .kimlik-kutu button:hover { background: var(--k-vurgu-basili); }
html[data-ui="k"] .kimlik-uyari { border-radius: var(--k-yaricap); border: 1px solid color-mix(in srgb, var(--af-crit) 30%, transparent); background: color-mix(in srgb, var(--af-crit) 10%, var(--af-surface)); color: var(--k-kritik-metin); }
html[data-ui="k"] .kimlik-bilgi { border-radius: var(--k-yaricap); border: 1px solid color-mix(in srgb, var(--af-good) 30%, transparent); background: color-mix(in srgb, var(--af-good) 10%, var(--af-surface)); color: var(--k-iyi-metin); }
html[data-ui="k"] .kimlik-kod-listesi { border-radius: var(--k-yaricap); border: 1px solid var(--k-kenar); background: var(--k-yuzey-2); font-family: var(--k-mono); }

/* ── 12 YEDEKLER ────────────────────────────────────────────────── */
/* yüksek kontrast / saydamlık azaltılmış → güçlü çizgi (yüzeyler zaten düz; cam YOK) */
@media (prefers-contrast: more) {
  html[data-ui="k"] { --k-kenar: var(--af-ink-2); --k-kenar-guclu: var(--af-ink); }
}
html[data-ui="k"][data-kontrast="yuksek"] { --k-kenar: var(--af-ink-2); --k-kenar-guclu: var(--af-ink); }
/* hareket: yalnız kartlar tek eğriyle yükselir; azaltılmış harekette KAPALI */
@media (prefers-reduced-motion: no-preference) {
  html[data-ui="k"] .card { animation: k-yuksel var(--k-yukselis) both; }
}
@keyframes k-yuksel { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  html[data-ui="k"] *, html[data-ui="k"] *::before, html[data-ui="k"] *::after { animation: none; transition: none; scroll-behavior: auto; }
}
/* zorla renk (Windows yüksek kontrast): odak ve sınırlar sistem renginde kalsın */
@media (forced-colors: active) {
  html[data-ui="k"] .btn, html[data-ui="k"] .form-control, html[data-ui="k"] .form-select, html[data-ui="k"] .card { border: 1px solid CanvasText; }
}

/* ── 13 DAR EKRAN ───────────────────────────────────────────────── */
@media (max-width: 1199.98px) {
  html[data-ui="k"] .layout-navbar { top: 8px; margin-top: 8px; margin-left: 12px; margin-right: 12px; }
  html[data-ui="k"] #layout-menu { border-radius: 0 24px 24px 0; }
}
@media (max-width: 767.98px) {
  html[data-ui="k"] .pagehead h1 { font-size: 24px; }
  html[data-ui="k"] .container-p-y { padding-top: 16px; padding-bottom: 24px; }
  html[data-ui="k"] .card-body { padding: 1rem; }
  html[data-ui="k"] .btn { min-height: 44px; }                       /* dokunma hedefi ≥ 44 px */
  html[data-ui="k"] .form-control, html[data-ui="k"] .form-select { font-size: 1rem; }   /* iOS yakınlaştırmasını önler */
}
@media (max-width: 400px) {
  html[data-ui="k"] .layout-navbar { padding: 0 6px; margin-left: 8px; margin-right: 8px; }
  html[data-ui="k"] .layout-navbar .navbar-nav .nav-item { margin: 0 0.05rem; }          /* 320 px: sağ ikon sırası 5 px taşıyordu */
  html[data-ui="k"] .layout-navbar .navbar-nav .nav-link { padding: 0.25rem; }
  html[data-ui="k"] .layout-navbar .avatar { width: 32px; height: 32px; }
}

/* ── 13b DAR EKRANDA TAŞMA GÜVENLİĞİ (süpürme: 23 sayfa 320/390 px'te yatay taşıyordu) ─────────── */
@media (max-width: 767.98px) {
  html[data-ui="k"] .card:has(> .table), html[data-ui="k"] .card-body:has(> .table) { overflow-x: auto; }   /* sarmasız geniş tablo kendi içinde kayar */
}
@media (max-width: 575.98px) {
  html[data-ui="k"] .btn-group, html[data-ui="k"] .btn-group-sm { flex-wrap: wrap; max-width: 100%; gap: 4px; }
  html[data-ui="k"] .btn-group > .btn, html[data-ui="k"] .btn-group > .btn:first-child, html[data-ui="k"] .btn-group > .btn:last-child { border-radius: var(--k-yaricap-hap); padding-inline: 0.9rem; }
  html[data-ui="k"] .badge { white-space: normal; text-align: left; max-width: 100%; }
  html[data-ui="k"] .d-flex:not(.flex-column):not(.flex-nowrap):not(.flex-row-reverse) { flex-wrap: wrap; }
}
@media (max-width: 575.98px) {
  html[data-ui="k"] .af-wizard-actions, html[data-ui="k"] .altbar { flex-wrap: wrap; }
  html[data-ui="k"] .kimlik-kutu { margin: 16px 12px; padding: 20px; max-width: none; }
  html[data-ui="k"] .kimlik-kod-listesi { letter-spacing: 0; font-size: 13px; overflow-wrap: anywhere; }
}