/* Teyit masası (kt-; gorunum/katilim.js, gorunum/katilim-kart.js). Renkler yalnız belirteçlerden (Gündüz; kurum rengi --vurgu), yeni palet yok.
   "Teyit fişi": solda iri saat ve gün, ortada ad + son temas, sağda Hatırlat / Ara. Öncelik sol kenar ve üç çentikli rozet: yüksek koyu amber (--uyari),
   orta açık amber (uyarının yarısı), düşük nötr; her zaman metinle de yazılır. Kırmızı yok (yalnız acil ve sistemik reaksiyon).
   Dar ekran (≤ 640 px): süzgeçler yatay kayan hap çubuğu (kendi kabında; sayfa taşmaz), satır iki sütun, eylemler altta tam satır, dokunma hedefi ≥ 44 px. */

/* ---------------- başlık, uyarılar ---------------- */
.kt-baslik-alt { overflow-wrap: anywhere; }
.kt-uyarilar { display: flex; flex-direction: column; gap: 8px; margin-bottom: 12px; }
.kt-uyarilar:empty { display: none; }
.kt-not { margin: 0; display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }
.kt-not > .ikon { margin-top: 1px; color: var(--metin3); }
.kt-bilgi { margin: 0; font-size: 12.5px; color: var(--metin3); overflow-wrap: anywhere; }

/* ---------------- araç çubuğu ---------------- */
/* kaplar içerikle genişlemesin: dar ekranda süzgeç şeridi kendi içinde kayar, sayfa yatay taşmaz */
.kt-panel, .sekme-panel:has(> .kt-arac) { min-width: 0; max-width: 100%; }
.kt-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin-bottom: 14px; min-width: 0; }
/* position: görünmez (mutlak konumlu) etiketler kayan kabın dışına taşıp sayfayı genişletmesin */
.kt-suzgec { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-width: 0; flex: 1 1 auto; }
.kt-sec-kutu, .kt-suzgec .sube-secici { position: relative; }
.kt-suzgec .bolumlu { flex: 0 0 auto; }
.kt-sec-kutu { flex: 0 1 220px; min-width: 0; max-width: 100%; }
.kt-sec-kutu .secim { width: 100%; }
.kt-izin-cip { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.kt-ara { flex: 1 1 220px; max-width: 340px; min-width: 0; }
.kt-ara .arama { width: 100%; }

/* ---------------- bölme şeridi ---------------- */
.kt-serit-kap { margin-bottom: 18px; min-width: 0; }
.kt-serit-kap:empty { display: none; }
.kt-serit { list-style: none; margin: 0; padding: 2px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; }
.kt-serit > li { min-width: 0; display: flex; }
.kt-serit-oge { --kt-ton: var(--cizgi2);
  display: flex; flex-direction: column; align-items: flex-start; gap: 2px; width: 100%; min-width: 0; min-height: 64px; padding: 10px 12px 10px 14px;
  text-align: left; color: var(--metin); background: var(--yuzey); border: 1px solid var(--cizgi); border-left: 4px solid var(--kt-ton); border-radius: var(--r);
  cursor: pointer; transition: border-color var(--t-hizli), box-shadow var(--t-orta); }
.kt-serit-oge[data-bolme="gelemeyecek"] { --kt-ton: var(--uyari); }
.kt-serit-oge[data-bolme="ulasilamadi"] { --kt-ton: color-mix(in oklab, var(--uyari) 50%, var(--cizgi2)); }
.kt-serit-oge[data-bolme="teyit_etti"] { --kt-ton: var(--iyi); }
.kt-serit-oge[data-bolme="dunden_kalan"] { --kt-ton: var(--vurgu); }
.kt-serit-oge:hover:not(:disabled) { box-shadow: var(--golge); }
.kt-serit-oge:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.kt-serit-oge:disabled { cursor: default; background: var(--yuzey2); color: var(--metin2); }
.kt-serit-sayi { font-family: var(--f-sayi); font-size: 24px; font-weight: 600; line-height: 1.05; font-variant-numeric: tabular-nums; }
.kt-serit-oge:disabled .kt-serit-sayi { color: var(--metin3); }
.kt-serit-ad { font-size: 12.5px; color: var(--metin2); overflow-wrap: anywhere; }

/* ---------------- bölme ---------------- */
.kt-govde { display: flex; flex-direction: column; gap: 22px; min-width: 0; transition: opacity var(--t-hizli); }
.kt-govde[aria-busy="true"] > .kt-bolme { opacity: .65; }
.kt-bolme { min-width: 0; display: flex; flex-direction: column; gap: 10px; scroll-margin-top: calc(var(--ust-yukseklik, 56px) + 12px); }
.kt-bolme-bas { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; min-width: 0; }
.kt-bolme-baslik { margin: 0; display: inline-flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 650; }
.kt-bolme-baslik:focus { outline: none; }
.kt-bolme-baslik:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 3px; border-radius: 4px; }
.kt-bolme-not { margin: 0; flex: 1 1 260px; min-width: 0; font-size: 12.5px; color: var(--metin3); overflow-wrap: anywhere; }
.kt-bolme-bas > .dugme { margin-left: auto; }
/* Teyit etti: kapalı açılır */
.kt-acilir > summary { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; cursor: pointer; list-style: none; min-height: 44px; padding: 8px 0; }
.kt-acilir > summary::-webkit-details-marker { display: none; }
.kt-acilir > summary::before { content: ""; align-self: center; width: 8px; height: 8px; border-right: 2px solid var(--metin3); border-bottom: 2px solid var(--metin3);
  transform: rotate(-45deg); transition: transform var(--t-hizli); margin-right: 2px; }
.kt-acilir[open] > summary::before { transform: rotate(45deg); }
.kt-acilir > summary:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; border-radius: 6px; }

/* ---------------- satır (teyit fişi) ---------------- */
.kt-liste { list-style: none; margin: 0; padding: 0 6px; display: flex; flex-direction: column; background: var(--yuzey); border: 1px solid var(--cizgi);
  border-radius: var(--r-uzam, 14px); min-width: 0; }
.kt-satir { --kt-kenar: transparent; position: relative; display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; gap: 4px 14px; align-items: start;
  padding: 12px 8px 12px 12px; border-top: 1px solid var(--cizgi); min-width: 0; box-shadow: inset 3px 0 0 var(--kt-kenar); }
.kt-satir:first-child { border-top: 0; }
.kt-satir[data-secimli] { grid-template-columns: 44px 58px minmax(0, 1fr) auto; padding-left: 4px; }
.kt-satir[data-seviye="yuksek"], .kt-satir[data-bolme="gelemeyecek"] { --kt-kenar: var(--uyari); }
.kt-satir[data-seviye="orta"] { --kt-kenar: color-mix(in oklab, var(--uyari) 45%, transparent); }
.kt-satir[data-pasif] { background: var(--yuzey2); }
.kt-satir .kt-sec { width: 44px; min-height: 44px; display: grid; place-items: center; margin: -6px 0 -6px; cursor: pointer; }
.kt-sec-bos { width: 44px; }
.kt-zaman { display: flex; flex-direction: column; gap: 1px; padding-top: 1px; }
.kt-zaman strong { font-family: var(--f-sayi); font-size: 20px; font-weight: 600; line-height: 1.1; color: var(--metin); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.kt-zaman small { font-size: 11.5px; color: var(--metin3); overflow-wrap: anywhere; }
.kt-icerik { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.kt-icerik p { margin: 0; overflow-wrap: anywhere; }
.kt-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.kt-ad { font-weight: 650; color: var(--metin); text-decoration: none; min-width: 0; overflow-wrap: anywhere; }
.kt-ad:hover { color: var(--vurgu); text-decoration: underline; text-underline-offset: 3px; }
.kt-dosya { font-size: 12.5px; }
.kt-alt { font-size: 13px; color: var(--metin2); }
.kt-temas { font-size: 13px; color: var(--metin2); }
.kt-temas > .ikon { color: var(--metin3); vertical-align: -3px; margin-right: 6px; }
.kt-ulas { display: inline-flex; margin: 2px 0 0 6px; padding: 1px 8px; border-radius: var(--r-tam); background: var(--uyari-zemin); color: var(--uyari); font-size: 12px; font-weight: 600; }
.kt-neden { font-size: 12.5px; color: var(--metin2); }
.kt-ayrac { color: var(--metin3); }
.kt-not-metin { display: flex; align-items: flex-start; gap: 6px; font-size: 12.5px; color: var(--metin2); white-space: pre-line; }
.kt-not-metin > .ikon { margin-top: 2px; color: var(--metin3); }
.kt-eylem { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; }
.kt-kapali { margin: 0; display: inline-flex; align-items: center; gap: 6px; max-width: 18em; font-size: 12.5px; font-weight: 600; color: var(--uyari); overflow-wrap: anywhere; }
.kt-kapali[data-kod="goc"], .kt-kapali[data-kod="pasif"], .kt-kapali[data-kod="gecmis"] { color: var(--metin2); }

/* öncelik rozeti: üç çentik + metin */
.kt-oncelik { --kt-renk: var(--metin2); --kt-zemin: var(--yuzey3);
  display: inline-flex; align-items: center; gap: 6px; min-height: 22px; padding: 2px 9px 2px 7px; border-radius: var(--r-tam); background: var(--kt-zemin);
  color: var(--kt-renk); font-size: 12px; font-weight: 620; line-height: 1.3; max-width: 100%; }
.kt-oncelik[data-seviye="yuksek"] { --kt-renk: var(--uyari); --kt-zemin: var(--uyari-zemin); box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--uyari) 40%, transparent); }
.kt-oncelik[data-seviye="orta"] { --kt-renk: var(--uyari); --kt-zemin: color-mix(in oklab, var(--uyari-zemin) 55%, var(--yuzey)); }
.kt-centik { display: inline-flex; align-items: flex-end; gap: 2px; height: 11px; }
.kt-centik > span { width: 3px; border-radius: 1px; background: color-mix(in oklab, currentColor 28%, transparent); }
.kt-centik > span:nth-child(1) { height: 5px; }
.kt-centik > span:nth-child(2) { height: 8px; }
.kt-centik > span:nth-child(3) { height: 11px; }
.kt-centik > span[data-dolu] { background: currentColor; }

/* bölünmüş Hatırlat düğmesi */
.kt-bolunmus { display: inline-flex; align-items: stretch; min-width: 0; }
.kt-bolunmus > .kt-hatirlat { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.kt-bolunmus > .kt-hatirlat-ok { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: -1px; padding-inline: 8px; }
.kt-kanal-ad { font-weight: 450; color: var(--metin3); }

/* ---------------- toplu çubuk (gv-toplu-cubuk ile ortak görünüm) ---------------- */
.kt-toplu { justify-content: flex-start; }
.kt-toplu-grup { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; min-width: 0; }
.kt-toplu-grup + .kt-toplu-grup { padding-left: 12px; border-left: 1px solid color-mix(in oklab, var(--ters-text) 25%, transparent); }
.kt-toplu-metin { font-weight: 620; font-size: 13.5px; }

/* ---------------- kipler ---------------- */
.kt-tel { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; padding: 12px 14px; border-radius: var(--r); background: var(--yuzey2); min-width: 0; }
.kt-tel > .ikon { color: var(--vurgu); }
.kt-tel-no { font-size: 15px; overflow-wrap: anywhere; }
.kt-tel-ara { font-size: 17px; font-weight: 650; color: var(--vurgu); text-underline-offset: 3px; min-height: 44px; display: inline-flex; align-items: center; }
.kt-tel > small { flex-basis: 100%; }
.kt-ara-temas { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--metin2); }
.kt-ara-temas p { margin: 0; display: flex; align-items: flex-start; gap: 6px; overflow-wrap: anywhere; }
.kt-ara-baslik { margin: 4px 0 -4px; font-weight: 650; font-size: 13.5px; }
.kt-not-sayac { font-variant-numeric: tabular-nums; }
.kt-sonuclar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.kt-sonuc { height: auto; min-height: 52px; justify-content: flex-start; text-align: left; padding: 8px 12px; white-space: normal; }
.kt-sonuc .dugme-metin { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; min-width: 0; }
.kt-sonuc .dugme-metin small { font-size: 11.5px; font-weight: 450; color: var(--metin3); overflow-wrap: anywhere; }
.kt-sonuc[data-kod="geliyor"] > .ikon { color: var(--iyi); }
.kt-sonuc[data-kod="gelemeyecek"] > .ikon { color: var(--uyari); }
.kt-neden-alan { margin: 0; padding: 0; border: 0; min-width: 0; }
.kt-neden-alan > legend { padding: 0; margin-bottom: 8px; font-weight: 650; font-size: 13.5px; }
.kt-nedenler { display: flex; flex-direction: column; gap: 6px; }
.kt-neden-sec { display: flex; align-items: center; gap: 10px; min-height: 44px; padding: 6px 12px; border: 1px solid var(--cizgi); border-radius: var(--r); cursor: pointer; }
.kt-neden-sec:has(input:checked) { border-color: color-mix(in oklab, var(--vurgu) 55%, var(--cizgi)); background: var(--vurgu-zemin); }
.kt-neden-sec input { width: 18px; height: 18px; accent-color: var(--vurgu); flex: none; }
.kt-neden-sec:focus-within { outline: 2px solid var(--vurgu); outline-offset: 2px; }
.kt-toplu-olmaz, .kt-toplu-sonuc { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; font-size: 13px; overflow-wrap: anywhere; }
.kt-toplu-sonuc li { display: flex; align-items: flex-start; gap: 6px; }
.kt-toplu-sonuc li[data-durum="gonderildi"] > .ikon { color: var(--iyi); }
.kt-toplu-sonuc li[data-durum="gonderilemedi"] > .ikon { color: var(--uyari); }
.kt-toplu-eylem { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; width: 100%; }

/* ---------------- Bugün kartı ---------------- */
.kt-bugun-liste { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.kt-bugun-oge { --kt-kenar: var(--cizgi2); display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 12px; padding: 10px 0; border-top: 1px solid var(--cizgi); min-width: 0; }
.kt-bugun-oge:first-child { border-top: 0; padding-top: 0; }
.kt-bugun-oge[data-bolme="gelemeyecek"], .kt-bugun-oge[data-seviye="yuksek"] { --kt-kenar: var(--uyari); }
.kt-bugun-oge[data-seviye="orta"] { --kt-kenar: color-mix(in oklab, var(--uyari) 45%, var(--cizgi2)); }
.kt-bugun-saat { flex: none; display: flex; flex-direction: column; min-width: 3.6em; padding-left: 8px; border-left: 3px solid var(--kt-kenar); }
.kt-bugun-saat strong { font-family: var(--f-sayi); font-size: 18px; font-weight: 600; line-height: 1.1; font-variant-numeric: tabular-nums; }
.kt-bugun-saat small { font-size: 11.5px; color: var(--metin3); }
.kt-bugun-govde { flex: 1 1 200px; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.kt-bugun-govde p { margin: 0; overflow-wrap: anywhere; }
.kt-bugun-bas { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.kt-bugun-bas a { font-weight: 600; color: var(--metin); }
.kt-bugun-eylem { display: flex; flex-wrap: wrap; gap: 6px; margin-left: auto; }
.kt-bugun-dun { margin: 0; display: flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--metin2); }
.kt-bugun-ac { align-self: flex-start; }

/* ---------------- rapor ---------------- */
.kt-rapor { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.kt-rapor[aria-busy="true"] > * { opacity: .7; }
.kt-rapor-arac .bolumlu { flex: 0 1 auto; }
.kt-rapor-ozel { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.kt-rapor-ozel[hidden] { display: none; }
.kt-rapor-ozel .girdi { width: auto; min-width: 0; max-width: 170px; }
.kt-rapor-ust { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 2fr); gap: 14px; align-items: stretch; min-width: 0; }
.kt-oran { display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 14px 18px; border-radius: var(--r-uzam, 14px); background: var(--yuzey);
  border: 1px solid var(--cizgi); border-left: 4px solid var(--uyari); min-width: 0; }
.kt-oran-sayi { font-family: var(--f-sayi); font-size: 36px; font-weight: 600; line-height: 1.05; font-variant-numeric: tabular-nums; }
.kt-oran-ad { font-weight: 620; font-size: 13.5px; }
.kt-oran .metin-3 { font-size: 12.5px; overflow-wrap: anywhere; }
.kt-rapor-sayac { align-content: stretch; }
.kt-rapor-tanim { margin: 0; }
.kt-donusum { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.kt-donusum li { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(80px, 1fr) auto; align-items: center; gap: 4px 12px; font-size: 13px; }
.kt-donusum-ad { overflow-wrap: anywhere; }
.kt-oran-hucre { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.kt-oran-hucre .cubuk { width: 64px; flex: none; }
.kt-tanim { margin: 0; font-size: 12.5px; overflow-wrap: anywhere; }

/* ---------------- dar ekran ---------------- */
@media (max-width: 900px) {
  .kt-serit { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(118px, 1fr); overflow-x: auto; overscroll-behavior-x: contain;
    scrollbar-width: thin; padding-bottom: 6px; }
  .kt-rapor-ust { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  /* süzgeçler: yatay kayan hap çubuğu (kendi kabında) */
  .kt-arac { flex-direction: column; align-items: stretch; max-width: 100%; }
  .kt-suzgec { width: 100%; max-width: 100%; flex: none; flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; padding: 2px 2px 8px; margin: 0 -2px; }
  .kt-suzgec .bolumlu[data-tur="hap"] { flex-wrap: nowrap; }
  .kt-suzgec .bolumlu[data-tur="hap"] .bolumlu-oge { white-space: nowrap; min-height: 44px; }
  .kt-sec-kutu { flex: 0 0 auto; width: 180px; }
  .kt-izin-cip { min-height: 44px; flex: none; }
  .kt-ara { flex: none; max-width: none; }
  .kt-ara .arama, .kt-ara .arama-girdi { min-height: 44px; }
  .kt-liste { padding: 0 2px; }
  .kt-satir { grid-template-columns: 50px minmax(0, 1fr); gap: 6px 10px; padding: 12px 6px 12px 10px; }
  .kt-satir[data-secimli] { grid-template-columns: 40px 50px minmax(0, 1fr); padding-left: 2px; }
  .kt-satir .kt-sec, .kt-sec-bos { width: 44px; }
  .kt-satir[data-secimli] { grid-template-columns: 44px 50px minmax(0, 1fr); }
  .kt-bolunmus > .kt-hatirlat-ok { min-width: 44px; justify-content: center; }
  .kt-zaman strong { font-size: 18px; }
  .kt-eylem { grid-column: 1 / -1; justify-content: flex-start; }
  .kt-satir[data-secimli] .kt-eylem { grid-column: 2 / -1; }
  .kt-eylem .dugme, .kt-bugun-eylem .dugme { min-height: 44px; }
  .kt-eylem .ikon-dugme { min-width: 44px; }
  .kt-bugun-eylem { margin-left: 0; width: 100%; }
  .kt-sonuclar { grid-template-columns: minmax(0, 1fr); }
  .kt-donusum li { grid-template-columns: minmax(0, 1fr) auto; }
  .kt-donusum li .cubuk, .kt-donusum-bos { grid-column: 1 / -1; grid-row: 2; }
  .kt-toplu-grup + .kt-toplu-grup { padding-left: 0; border-left: 0; }
  .kt-bolme-bas > .dugme { margin-left: 0; }
}
@media (pointer: coarse) {
  .kt-eylem .dugme, .kt-bugun-eylem .dugme, .kt-toplu .dugme { min-height: 44px; }
}

/* ---------------- efekt ve hareket ---------------- */
:root:not([data-efekt="sade"]) .kt-liste { background: var(--cam, var(--yuzey)); backdrop-filter: var(--cam-bulanik); -webkit-backdrop-filter: var(--cam-bulanik);
  border-color: var(--cam-kenar, var(--cizgi)); box-shadow: var(--golge-uzam); }
@media (prefers-reduced-motion: reduce) { .kt-acilir > summary::before { transition: none; } }
@media (forced-colors: active) {
  .kt-satir { border-left: 3px solid transparent; box-shadow: none; }
  .kt-satir[data-seviye="yuksek"], .kt-satir[data-bolme="gelemeyecek"] { border-left-color: CanvasText; }
  .kt-centik > span { forced-color-adjust: none; background: GrayText; }
  .kt-centik > span[data-dolu] { background: CanvasText; }
}