/* ═══════════════════════════════════════════════════════════════════
   UI-K LİSTE + DETAY KATMANI (lane web-liste-detay-1009, WEB-2a: P3 listeler/tablolar + P4 detay sayfaları)

   ▸ ui-k.css'in ÜSTÜNE biner (ui-k_kafa parçası ui-k.css'ten SONRA yükler); ortak dosyaya dokunulmaz.
   ▸ Kurallar ui-k.css ile AYNIDIR (kapı: tests/Unit/UiKListeKatmaniKapisiTest):
       1 her kural `html[data-ui="k"]` önekli, `:root` yok (bayrak kapalıyken hiçbir kural eşleşmez = bugünkü sayfa)
       2 ham renk YOK: yalnız var(--af-*|--k-*) ve color-mix(...)
       3 !important yalnız `!imp:` gerekçesiyle ve tavan içinde
       4 cam (backdrop-filter) YOK
       5 text-transform:uppercase YOK (Türkçe i/İ) — mono etiket metni çeviridedir
   ▸ BÖLÜMLER: 1 sayfa başlığı çubuğu · 2 tablo (kart içinde ince çizgi, yapışkan başlık, kenar gölgesi, satır durumları)
     3 filtre çubuğu · 4 hap segment + sekme · 5 sayfalama · 6 boş/yükleniyor/hata · 7 düğme rötuşu · 8 kart ızgarası
     9 detay: başlık, bilgi blokları, iç içe kart, akordeon · 10 modal/çekmece gövdesi · 11 dar ekran (tablo → kart / yatay kayma)
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1 SAYFA BAŞLIĞI ÇUBUĞU (başlık solda, eylemler sağda; dar yerde sarılır) ─────────────────── */
html[data-ui="k"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) {
  --bs-gutter-x: 0;
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px;
}
html[data-ui="k"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) > [class*="col-"] {
  width: auto; max-width: 100%; flex: 0 1 auto; padding: 0;
}
html[data-ui="k"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) > .text-end { margin-left: auto; }
html[data-ui="k"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) h4,
html[data-ui="k"] .container-p-y > .d-flex.justify-content-between > h4,
html[data-ui="k"] .container-p-y > .d-flex.justify-content-between > div > h4 {
  font-size: clamp(22px, 2.2vw, 30px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.12; color: var(--af-ink); margin: 0;
}
html[data-ui="k"][data-yogunluk="yogun"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) h4 { font-size: 20px; letter-spacing: -0.02em; }
/* başlık çubuğundaki dosya girişi küçük kalır (sefer listesi: Excel yükle) */
html[data-ui="k"] .container-p-y > .row:has(> [class*="col-"] > h4) input[type="file"].form-control { max-width: 260px; min-height: var(--k-dugme); padding-block: 0.3rem; font-size: 0.8125rem; }
html[data-ui="k"] .container-p-y > .row:has(> [class*="col-"] > h4) .btn { white-space: nowrap; }

/* eski kalıp: <div class="row"><h4 class="col-md-6 fw-bold">…</h4><div class="col-md-6 text-md-end">…</div></div> */
html[data-ui="k"] .container-p-y > .row:has(> h4.fw-bold) {
  --bs-gutter-x: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 4px 20px;
}
html[data-ui="k"] .container-p-y > .row:has(> h4.fw-bold) > * { width: auto; max-width: 100%; flex: 0 1 auto; padding-inline: 0; margin-top: 0; }
html[data-ui="k"] .container-p-y > .row > h4.fw-bold { font-size: clamp(22px, 2.2vw, 30px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.12; color: var(--af-ink); }
/* kartı doğrudan .row'a koyan eski kalıp: negatif gutter kartı taşırıyordu */
html[data-ui="k"] .row.get-data-list { --bs-gutter-x: 0; margin-inline: 0; }
html[data-ui="k"] .row.get-data-list > .card { margin-top: 0; }

/* kart başlığı çubuğu (kart içi başlık + eylem) */
html[data-ui="k"] .card-header > .row.align-items-center { --bs-gutter-x: 0.75rem; row-gap: 10px; }
html[data-ui="k"] .card-header h5, html[data-ui="k"] .card-header h6, html[data-ui="k"] .card-header .card-title {
  font-size: 1rem; font-weight: 650; letter-spacing: -0.01em; color: var(--af-ink); margin: 0;
}
html[data-ui="k"] .card-header .btn-group-sm > .btn { min-height: 30px; font-size: 0.75rem; padding-inline: 0.8rem; }
html[data-ui="k"] .card-header .btn-group > .btn.active, html[data-ui="k"] .card-header .btn-group > .btn-check:checked + .btn {
  background: var(--k-vurgu); border-color: var(--k-vurgu); color: var(--k-vurgu-ustu);
}

/* ── 2 TABLO: kartın içinde TEK çizgi (çift kenarlık yok), ince satır çizgisi, sıfır zebra ───────── */
html[data-ui="k"] .card .table, html[data-ui="k"] .card-body > .table-responsive > .table {
  border: 0; border-radius: 0; margin-bottom: 0;
}
html[data-ui="k"] .table {
  --bs-table-bg: transparent; --bs-table-striped-bg: transparent;
  font-size: 0.9375rem; font-variant-numeric: tabular-nums;
}
html[data-ui="k"] .table > :not(caption) > * > * { padding: 0.8rem 0.9rem; vertical-align: middle; }
html[data-ui="k"][data-yogunluk="yogun"] .table { font-size: 0.8125rem; }
html[data-ui="k"][data-yogunluk="yogun"] .table > :not(caption) > * > * { padding: 0.4rem 0.7rem; }
html[data-ui="k"] .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-bg-type: transparent; }
/* app.css `.table > tbody > tr > td { background: var(--surface) }` hücreyi opak boyuyordu: kenar gölgesi/satır tonu görünsün diye hücre zemini tablo değişkeninden gelir */
html[data-ui="k"] .table > tbody > tr > td, html[data-ui="k"] .table > tbody > tr > th { background-color: var(--bs-table-bg); }
html[data-ui="k"] .table > tbody > tr:last-child > * { border-bottom-width: 0; }
html[data-ui="k"] .table > thead > tr > th { white-space: nowrap; font-size: 11.5px; letter-spacing: 0.03em; vertical-align: middle; }
html[data-ui="k"] .table > thead.bg-light, html[data-ui="k"] .table > thead.table-light { --bs-table-bg: var(--k-yuzey-2); background: var(--k-yuzey-2); }
html[data-ui="k"] .table th.text-end, html[data-ui="k"] .table td.text-end { font-variant-numeric: tabular-nums; }
html[data-ui="k"] .table td > a:not(.btn):not(.badge):not(.dropdown-item) { color: var(--k-vurgu-metin); text-decoration: none; font-weight: 550; }
html[data-ui="k"] .table td > a:not(.btn):not(.badge):not(.dropdown-item):hover { text-decoration: underline; text-underline-offset: 3px; }
html[data-ui="k"] .table td .btn-sm { min-height: 30px; padding-inline: 0.75rem; }
html[data-ui="k"] .table td .btn.btn-icon, html[data-ui="k"] .table td .btn-sm:has(> i:only-child) { min-width: 30px; padding-inline: 0.5rem; }
html[data-ui="k"] .table td form { margin: 0; }
/* JS ile çizilen satır eylem ikonları (Font Awesome `fs-1` = 2,5 rem'di): sakin ikon düğmesi */
html[data-ui="k"] .table td i.fa, html[data-ui="k"] .table td i.fa-solid, html[data-ui="k"] .table td i.fa-regular {
  font-size: 1rem !important; /* !imp: Bootstrap .fs-1 !important */
  display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--k-yaricap-hap);
  color: var(--af-ink-2); transition: background-color var(--k-hizli), color var(--k-hizli);
}
html[data-ui="k"] .table td i.fa:hover, html[data-ui="k"] .table td i.fa-solid:hover, html[data-ui="k"] .table td i.fa-regular:hover { background: var(--k-secili); color: var(--af-ink); }
html[data-ui="k"] .table td i.fa-trash:hover, html[data-ui="k"] .table td i.fa-trash-can:hover { background: color-mix(in srgb, var(--af-crit) 12%, transparent); color: var(--k-kritik-metin); }
html[data-ui="k"] .table td i.fa-trash, html[data-ui="k"] .table td i.fa-trash-can { color: var(--k-kritik-metin); }
html[data-ui="k"] .table td i.fa-edit, html[data-ui="k"] .table td i.fa-pen-to-square { color: var(--k-vurgu-metin); }
html[data-ui="k"] .content-wrapper .card-body > .row > .fs-3.fw-bold { font-size: 1rem !important; /* !imp: Bootstrap .fs-3 !important */ letter-spacing: -0.01em; color: var(--af-ink); align-self: center; }
html[data-ui="k"] .table-hover > tbody > tr { transition: background-color var(--k-hizli); }
html[data-ui="k"] .table > tbody > tr[data-href], html[data-ui="k"] .table > tbody > tr[onclick] { cursor: pointer; }

/* satır durumları: seçili (onay kutusu) / bağlamsal satır → saydam anlam zemini */
html[data-ui="k"] .table > tbody > tr:has(> td input[type="checkbox"]:checked) > *,
html[data-ui="k"] .table > tbody > tr.table-active > *, html[data-ui="k"] .table > tbody > tr.selected > *, html[data-ui="k"] .table > tbody > tr[aria-selected="true"] > * {
  --bs-table-bg-state: var(--k-vurgu-yumusak); --bs-table-color-state: var(--af-ink);
}
html[data-ui="k"] .table > tbody > tr.table-warning > * { --bs-table-bg: color-mix(in srgb, var(--af-warn) 10%, transparent); --bs-table-color: var(--af-ink); --bs-table-border-color: var(--k-kenar); }
html[data-ui="k"] .table > tbody > tr.table-danger > * { --bs-table-bg: color-mix(in srgb, var(--af-crit) 9%, transparent); --bs-table-color: var(--af-ink); --bs-table-border-color: var(--k-kenar); }
html[data-ui="k"] .table > tbody > tr.table-success > * { --bs-table-bg: color-mix(in srgb, var(--af-good) 9%, transparent); --bs-table-color: var(--af-ink); --bs-table-border-color: var(--k-kenar); }
html[data-ui="k"] .table > tbody > tr.table-secondary > *, html[data-ui="k"] .table > tbody > tr.table-light > * { --bs-table-bg: var(--k-yuzey-2); --bs-table-color: var(--af-ink-2); --bs-table-border-color: var(--k-kenar); }
html[data-ui="k"] .table > tfoot > tr > * { background: var(--k-yuzey-2); font-weight: 600; border-top: 1px solid var(--k-kenar-guclu); }

/* tablo kabı: köşeler kart ile uyumlu; taşan tabloda KENAR GÖLGESİ (kaydırılabilir olduğu görünür) */
html[data-ui="k"] .card > .table-responsive:first-child { border-radius: var(--k-yaricap) var(--k-yaricap) 0 0; }
html[data-ui="k"] .card > .table-responsive:last-child { border-radius: 0 0 var(--k-yaricap) var(--k-yaricap); }
html[data-ui="k"] .card > .table-responsive:only-child { border-radius: var(--k-yaricap); }
html[data-ui="k"] .table-responsive {
  background:
    linear-gradient(to right, var(--af-surface) 30%, transparent) left center / 36px 100% no-repeat local,
    linear-gradient(to left, var(--af-surface) 30%, transparent) right center / 36px 100% no-repeat local,
    linear-gradient(to right, var(--k-kenar-guclu), transparent) left center / 12px 100% no-repeat scroll,
    linear-gradient(to left, var(--k-kenar-guclu), transparent) right center / 12px 100% no-repeat scroll;
}
/* uzun liste (≥ 14 satır): kendi içinde kayar, başlık YAPIŞIR */
html[data-ui="k"] .table-responsive:has(> .table > tbody > tr:nth-child(14)) { max-height: min(74vh, 780px); overflow: auto; }
html[data-ui="k"] .table-responsive > .table > thead > tr > th { position: sticky; top: 0; z-index: 2; background: var(--k-yuzey-2); box-shadow: inset 0 -1px 0 var(--k-kenar-guclu); }
html[data-ui="k"] .table-responsive > .table > thead > tr > th:first-child { border-top-left-radius: 0; }
html[data-ui="k"] .table-responsive.text-nowrap td, html[data-ui="k"] .table-responsive .text-nowrap { white-space: nowrap; }

/* ── 3 FİLTRE ÇUBUĞU (GET formu): mono mikro etiket, sıkı satır ─────────────────────────────── */
html[data-ui="k"] .content-wrapper form[method="GET" i] .form-label, html[data-ui="k"] .filtre-cubugu .form-label {
  font-family: var(--k-mono); font-size: 11.5px; font-weight: 600; letter-spacing: 0.02em; color: var(--af-ink-2); margin-bottom: 0.35rem;
}
html[data-ui="k"] .card > .card-body > form.row.g-3, html[data-ui="k"] .card > .card-body > form.row.g-2 { row-gap: 0.9rem; }
html[data-ui="k"] .card > .card-body > form[method="GET" i] .border-bottom { border-color: var(--k-kenar) !important; /* !imp: Bootstrap .border-bottom !important */ }
html[data-ui="k"] .card:has(> .card-body > form[method="GET" i]) { margin-bottom: 1rem; }
html[data-ui="k"] .content-wrapper form[method="GET" i] .btn[type="submit"]:not(.btn-link) { min-width: 96px; }
html[data-ui="k"] .input-group > .form-control + .btn, html[data-ui="k"] .input-group > .btn { border-radius: var(--k-yaricap-kontrol); }
html[data-ui="k"] .form-check-inline, html[data-ui="k"] .content-wrapper form[method="GET" i] .form-check { font-size: 0.875rem; color: var(--af-ink-2); }

/* ── 4 HAP SEGMENT + SEKME ──────────────────────────────────────────────────────────────────── */
/* sayaçlı sekme (durum süzgeci) = hap segment; sayaçsız sekme = ince alt çizgili sekme şeridi */
html[data-ui="k"] .nav-tabs { gap: 2px; }
html[data-ui="k"] .nav-tabs .nav-link {
  border-radius: 10px 10px 0 0; background: transparent; box-shadow: none; padding: 0.55rem 0.95rem; white-space: nowrap; font-size: 0.9375rem;
}
html[data-ui="k"] .nav-tabs .nav-link.active { background: transparent; box-shadow: inset 0 -2px 0 var(--k-vurgu); border-radius: 10px 10px 0 0; }
html[data-ui="k"] .nav-tabs .nav-link.active:hover { background: var(--k-secili); }
html[data-ui="k"] .nav-tabs:has(.nav-link .badge):not(.card-header-tabs) {
  display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 4px; border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap-hap); background: var(--k-yuzey-2); max-width: 100%;
}
html[data-ui="k"] .nav-tabs:has(.nav-link .badge):not(.card-header-tabs) .nav-link { border-radius: var(--k-yaricap-hap); padding: 0.4rem 0.9rem; }
html[data-ui="k"] .nav-tabs:has(.nav-link .badge):not(.card-header-tabs) .nav-link.active {
  background: var(--af-surface); box-shadow: var(--k-parla), 0 0 0 1px var(--k-kenar-guclu); color: var(--af-ink);
}
html[data-ui="k"] .nav-link .badge { margin-left: 0.4rem; padding: 0.15em 0.55em; font-size: 0.6875rem; font-variant-numeric: tabular-nums; }
html[data-ui="k"] .nav-tabs .nav-link.active .badge.bg-primary { background-color: var(--k-vurgu) !important; /* !imp: Bootstrap .bg-primary !important */ color: var(--k-vurgu-ustu) !important; /* !imp: aynı gerekçe */ border-color: transparent; }
/* kart başlığındaki sekmeler (detay sayfası): tek satır, yatay kayar */
html[data-ui="k"] .card-header-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: thin; margin: 0; padding-inline: 0.5rem; border-bottom: 0; }
html[data-ui="k"] .card-header:has(> .card-header-tabs) { padding: 0.4rem 0 0; border-bottom: 1px solid var(--k-kenar); }
html[data-ui="k"] .card-header-tabs .nav-link { padding: 0.6rem 0.85rem; }
/* ikincil hap grup (kaynak süzgeci) */
html[data-ui="k"] .nav-pills.small .nav-link { padding: 0.3rem 0.8rem; border: 1px solid var(--k-kenar); background: transparent; }
html[data-ui="k"] .nav-pills.small .nav-link.active { border-color: var(--af-ink); }

/* ── 5 SAYFALAMA ─────────────────────────────────────────────────────────────────────────────── */
html[data-ui="k"] .card-footer { padding: 0.75rem 1.1rem; }
html[data-ui="k"] .card-footer nav, html[data-ui="k"] .pagination-wrapper { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 16px; }
html[data-ui="k"] .card-footer nav > div:first-child:not(:only-child) p { margin: 0; font-size: 0.8125rem; color: var(--af-muted); font-family: var(--k-mono); }
html[data-ui="k"] .pagination { gap: 2px; margin: 0; flex-wrap: wrap; }
html[data-ui="k"] .page-link { min-width: 34px; height: 34px; padding: 0 0.6rem; display: inline-flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-variant-numeric: tabular-nums; box-shadow: none; }
html[data-ui="k"] .page-link:hover { background: var(--k-secili); color: var(--af-ink); border-color: var(--k-kenar-guclu); }
html[data-ui="k"] .page-item.disabled .page-link { background: transparent; color: var(--af-muted); border-color: var(--k-kenar); opacity: 0.6; }

/* ── 6 BOŞ / YÜKLENİYOR / HATA ──────────────────────────────────────────────────────────────── */
html[data-ui="k"] .table td:has(> .bos-durum), html[data-ui="k"] .table td.p-0:has(.bos-durum) { padding: 0; }
html[data-ui="k"] .table .bos-durum, html[data-ui="k"] .card > .bos-durum { border: 0; border-radius: 0; }
html[data-ui="k"] .card-body > .bos-durum, html[data-ui="k"] .tab-pane > .bos-durum { border-radius: var(--k-yaricap); }
html[data-ui="k"] .bos-durum { margin: 0; padding-block: 2.25rem; }
html[data-ui="k"] .bos-durum .bos-durum-aciklama { color: var(--af-ink-2); max-width: 46ch; margin-inline: auto; }
html[data-ui="k"] .table td.text-center.text-muted, html[data-ui="k"] .table td[colspan].text-muted { padding-block: 2rem; font-size: 0.875rem; }
html[data-ui="k"] .loading-row { background: color-mix(in srgb, var(--af-surface) 82%, transparent); border-radius: var(--k-yaricap); }
html[data-ui="k"] .loading-box { color: var(--af-ink-2); font-size: 0.875rem; }
html[data-ui="k"] .spinner-border { --bs-spinner-width: 1.4rem; --bs-spinner-height: 1.4rem; --bs-spinner-border-width: 0.18em; color: var(--k-vurgu); }
html[data-ui="k"] .table td.text-danger[colspan], html[data-ui="k"] .alert.alert-danger[role="alert"] { font-size: 0.9375rem; }

/* ── 7 DÜĞME RÖTUŞU (liste araç çubukları): yeşil vurgu İPTAL → Excel/yükle düğmeleri nötr ─── */
html[data-ui="k"] .btn:not(:focus-visible):not(:active) { box-shadow: none; }
html[data-ui="k"] .btn-outline-success, html[data-ui="k"] .btn-label-success {
  color: var(--af-ink); background: var(--af-surface); border-color: var(--k-sinir);
}
html[data-ui="k"] .btn-outline-success:hover, html[data-ui="k"] .btn-outline-success:focus-visible, html[data-ui="k"] .btn-outline-success:active {
  color: var(--af-ink); background: var(--k-secili); border-color: var(--af-ink); filter: none;
}
/* dolu "tamam" eylemi: anlam rengi, rozet gibi saydam zemin + AA metin */
html[data-ui="k"] .btn-success {
  color: var(--k-iyi-metin); background: color-mix(in srgb, var(--af-good) 14%, var(--af-surface)); border-color: color-mix(in srgb, var(--af-good) 38%, transparent);
}
html[data-ui="k"] .btn-success:hover, html[data-ui="k"] .btn-success:focus-visible, html[data-ui="k"] .btn-success:active {
  color: var(--k-iyi-metin); background: color-mix(in srgb, var(--af-good) 24%, var(--af-surface)); border-color: var(--af-good); filter: none;
}
/* app.css `.btn-primary { color: #fff }` koyu temada açık mavi üstünde beyaz metin (≈2,6:1) bırakıyordu: dolu düğme metni belirteçten */
html[data-ui="k"] .btn-primary, html[data-ui="k"] .btn-primary:hover, html[data-ui="k"] .btn-primary:focus, html[data-ui="k"] .btn-primary:active, html[data-ui="k"] .btn-primary.active, html[data-ui="k"] .btn-primary:disabled {
  color: var(--k-vurgu-ustu);
}
html[data-ui="k"] .btn-outline-primary:hover, html[data-ui="k"] .btn-outline-primary.active, html[data-ui="k"] .btn-outline-primary:active { color: var(--k-vurgu-ustu); }
html[data-ui="k"] .btn-outline-primary { background: transparent; }
html[data-ui="k"] .btn-outline-danger:hover { color: var(--af-surface); }

/* ── 8 KART IZGARASI (varlık kartları) ──────────────────────────────────────────────────────── */
html[data-ui="k"] .row > [class*="col-"] > .card.h-100, html[data-ui="k"] a.card, html[data-ui="k"] .card[data-href] {
  transition: border-color var(--k-hizli), background-color var(--k-hizli);
}
html[data-ui="k"] .row > [class*="col-"] > .card.h-100:hover, html[data-ui="k"] a.card:hover, html[data-ui="k"] .card[data-href]:hover {
  border-color: var(--k-kenar-guclu); background: color-mix(in srgb, var(--af-ink) 2%, var(--af-surface));
}
html[data-ui="k"] a.card { color: inherit; text-decoration: none; }
html[data-ui="k"] .card .avatar, html[data-ui="k"] .card .avatar-initial { border-radius: 50%; }

/* ── 9 DETAY SAYFASI ────────────────────────────────────────────────────────────────────────── */
/* başlık: kırıntı + ad solda, eylemler sağda */
html[data-ui="k"] .container-p-y > .d-flex.justify-content-between.align-items-center:has(> h4), html[data-ui="k"] .container-p-y > .d-flex.justify-content-between.align-items-center:has(> div > h4) { flex-wrap: wrap; gap: 12px 20px; margin-bottom: 1.25rem; }
html[data-ui="k"] .container-p-y > .d-flex.justify-content-between > h4 .text-muted, html[data-ui="k"] .container-p-y > .d-flex.justify-content-between > h4 .text-muted a { color: var(--af-muted); font-weight: 500; text-decoration: none; }
html[data-ui="k"] .container-p-y > .d-flex.justify-content-between > h4 { font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
/* bilgi blokları: mono etiket üstte, değer altta */
html[data-ui="k"] small.text-muted.d-block, html[data-ui="k"] .row > [class*="col-"] > small.text-muted:first-child {
  font-family: var(--k-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--af-muted); margin-bottom: 0.2rem; line-height: 1.35;
}
html[data-ui="k"] dl.row > dt { font-family: var(--k-mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.02em; color: var(--af-muted); }
html[data-ui="k"] dl.row > dd { color: var(--af-ink); margin-bottom: 0.6rem; overflow-wrap: anywhere; }
/* iç içe kart (sekme gövdesi): çerçeve yok, hafif yüzey */
html[data-ui="k"] .card .card, html[data-ui="k"] .tab-content .card { box-shadow: none; animation: none; background: var(--af-surface); border-color: var(--k-kenar); }
html[data-ui="k"] .card > .tab-content, html[data-ui="k"] .card > .card-body > .tab-content { padding: 1.25rem; }
html[data-ui="k"] .tab-content > .tab-pane > .card:last-child { margin-bottom: 0 !important; /* !imp: Bootstrap .mb-4 !important */ }
html[data-ui="k"] .card > .card-header + .tab-content, html[data-ui="k"] .card > .card-header + .card-body > .tab-content { padding-top: 1.25rem; }
/* yapışkan özet şeridi (sefer detayı): sıkı, mono etiket */
html[data-ui="k"] [data-position-ust-serit] { border-radius: var(--k-yaricap); border-color: var(--k-kenar-guclu); background: var(--af-surface); }
html[data-ui="k"] [data-position-ust-serit] .text-muted { font-family: var(--k-mono); font-size: 11.5px; }
html[data-ui="k"] [data-position-ust-serit] strong { font-weight: 650; color: var(--af-ink); }
/* akordeon = belge/durum kartları */
html[data-ui="k"] .accordion { --bs-accordion-border-color: var(--k-kenar); --bs-accordion-border-radius: var(--k-yaricap); --bs-accordion-inner-border-radius: var(--k-yaricap); --bs-accordion-bg: var(--af-surface); --bs-accordion-btn-bg: transparent; --bs-accordion-active-bg: var(--k-yuzey-2); --bs-accordion-active-color: var(--af-ink); --bs-accordion-btn-focus-box-shadow: 0 0 0 3px var(--k-vurgu-orta); display: grid; gap: 10px; }
html[data-ui="k"] .accordion > .accordion-item { border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); overflow: hidden; background: var(--af-surface); }
html[data-ui="k"] .accordion-button { font-weight: 600; letter-spacing: -0.005em; gap: 0.5rem; box-shadow: none; }
html[data-ui="k"] .accordion-button:not(.collapsed) { background: var(--k-yuzey-2); color: var(--af-ink); box-shadow: inset 0 -1px 0 var(--k-kenar); }
html[data-ui="k"] .accordion-body { color: var(--af-ink-2); }
/* zaman çizelgesi: dikey çizgi + düğüm (list-group / ul.list-unstyled kullanan akışlar için `.k-zaman` sınıfı) */
html[data-ui="k"] .k-zaman { list-style: none; margin: 0; padding: 0 0 0 1.25rem; border-left: 1px solid var(--k-kenar-guclu); display: grid; gap: 1rem; }
html[data-ui="k"] .k-zaman > li { position: relative; }
html[data-ui="k"] .k-zaman > li::before { content: ''; position: absolute; left: calc(-1.25rem - 4.5px); top: 0.45rem; width: 8px; height: 8px; border-radius: 50%; background: var(--af-surface); border: 2px solid var(--k-vurgu); }
/* ilerleme çubuğu */
html[data-ui="k"] .progress { height: 6px; border-radius: var(--k-yaricap-hap); background: var(--k-secili); }
html[data-ui="k"] .progress-bar { background: var(--k-vurgu); }
/* ayrıntı etiketleri */
html[data-ui="k"] .badge.fs-6 { font-size: 0.875rem !important; /* !imp: Bootstrap .fs-6 !important */ padding: 0.4em 0.95em; }

/* ── 10 MODAL / ÇEKMECE GÖVDESİ (cam kabuk ui-k.css'te; burada yalnız iç yerleşim) ────────── */
html[data-ui="k"] .modal-header .btn-close, html[data-ui="k"] .offcanvas-header .btn-close { opacity: 0.7; }
html[data-ui="k"] .modal-dialog-scrollable .modal-header, html[data-ui="k"] .modal-dialog-scrollable .modal-footer { background: var(--k-cam-guclu); }
html[data-ui="k"] .modal-body .table { font-size: 0.875rem; }
html[data-ui="k"] .modal-footer { gap: 8px; }
html[data-ui="k"] .offcanvas-header { border-bottom: 1px solid var(--k-kenar); }
html[data-ui="k"] .offcanvas-title { font-weight: 650; letter-spacing: -0.01em; }

/* ── 11 DAR EKRAN ───────────────────────────────────────────────────────────────────────────── */
@media (max-width: 767.98px) {
  html[data-ui="k"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) > .text-end { margin-left: 0; width: 100%; }
  html[data-ui="k"] .container-p-y > .row.align-items-center:has(> [class*="col-"] > h4) .d-flex.justify-content-end { justify-content: flex-start; }
  html[data-ui="k"] .nav-tabs:has(.nav-link .badge):not(.card-header-tabs) { display: flex; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  html[data-ui="k"] .nav-tabs:not(:has(.badge)):not(.card-header-tabs) { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  html[data-ui="k"] .card > .tab-content, html[data-ui="k"] .card > .card-body > .tab-content { padding: 0.9rem; }
  html[data-ui="k"] .card-header > .row > .text-end { text-align: left; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
  html[data-ui="k"] .card-header > .row > .text-end > .me-2 { margin-right: 0 !important; /* !imp: Bootstrap .me-2 !important */ }
  html[data-ui="k"] .table-responsive:has(> .table > tbody > tr:nth-child(14)) { max-height: none; overflow-x: auto; }
}
@media (max-width: 575.98px) {
  html[data-ui="k"] .container-p-y > .row:has(> [class*="col-"] > h4) .btn { white-space: normal; text-align: left; max-width: 100%; }
  html[data-ui="k"] .container-p-y > .row:has(> [class*="col-"] > h4) > [class*="col-"] { min-width: 0; }
}
/* tablo → kart (ui-k-liste.js hücrelere data-label yazar ve tabloyu işaretler; JS yoksa yatay kayma kalır) */
@media (max-width: 575.98px) {
  html[data-ui="k"] .table-responsive:has(> .table[data-k-kart]) { background: none; overflow-x: visible; max-height: none; }
  html[data-ui="k"] .table[data-k-kart], html[data-ui="k"] .table[data-k-kart] > tbody { display: block; }
  html[data-ui="k"] .table[data-k-kart] > thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  html[data-ui="k"] .table[data-k-kart] > tbody { display: grid; gap: 10px; padding: 12px; }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr {
    display: grid; border: 1px solid var(--k-kenar); border-radius: var(--k-yaricap); padding: 4px 14px; background: var(--af-surface); box-shadow: var(--k-parla);
  }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr > td {
    display: grid; grid-template-columns: minmax(84px, 36%) minmax(0, 1fr); gap: 4px 12px; align-items: baseline;
    padding: 0.5rem 0; border-bottom: 1px solid var(--k-kenar); white-space: normal; overflow-wrap: anywhere; text-align: left;
  }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr > td:last-child { border-bottom: 0; }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr > td::before {
    content: attr(data-label); font-family: var(--k-mono); font-size: 11px; font-weight: 500; color: var(--af-muted); line-height: 1.4;
  }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr > td:not([data-label])::before, html[data-ui="k"] .table[data-k-kart] > tbody > tr > td[data-label=""]::before { content: none; }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr > td:not([data-label]), html[data-ui="k"] .table[data-k-kart] > tbody > tr > td[data-label=""] { grid-template-columns: 1fr; }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr > td .d-flex { flex-wrap: wrap; }
  html[data-ui="k"] .table[data-k-kart] > tbody > tr:hover > * { --bs-table-bg-state: transparent; }
  html[data-ui="k"] .card:has(> .table-responsive > .table[data-k-kart]) { border: 0; box-shadow: none; background: transparent; }
  html[data-ui="k"] .card > .table-responsive:has(> .table[data-k-kart]) { border-radius: 0; }
  html[data-ui="k"] .card-footer { background: transparent; border-top: 0; }
  html[data-ui="k"] .card-footer nav { justify-content: center; }
}