/* ============================================================
   RehberBox Tercih Robotu - Stil
   Font: Sora (baslik) + IBM Plex Sans (govde) - paket icinde gomulu
   Tema: marka renkleri - antrasit + yesil
   Tum seciciler .kt-atlas onekli (tema cakismasi onlenir)
   ============================================================ */

/* ---- Gomulu fontlar (fontlar/ klasoru - dis baglanti gerekmez) ---- */
/* Turkce karakterler latin-ext alt kumesinde; her ikisi de yuklenir */
/* Gomulu fontlar: latin + latin-ext BIRLESTIRILMIS tam dosyalar (sora-tr-*, ibm-plex-sans-tr-*). Tum Turkce harfler (s g c i u o) tek dosyada; unicode-range YOK. */
@font-face { font-family:'Sora'; font-style:normal; font-weight:600; font-display:swap;
  src:url('fontlar/sora-tr-600.woff2') format('woff2'); }
@font-face { font-family:'Sora'; font-style:normal; font-weight:700; font-display:swap;
  src:url('fontlar/sora-tr-700.woff2') format('woff2'); }
@font-face { font-family:'Sora'; font-style:normal; font-weight:800; font-display:swap;
  src:url('fontlar/sora-tr-800.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fontlar/ibm-plex-sans-tr-400.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:500; font-display:swap;
  src:url('fontlar/ibm-plex-sans-tr-500.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:600; font-display:swap;
  src:url('fontlar/ibm-plex-sans-tr-600.woff2') format('woff2'); }
@font-face { font-family:'IBM Plex Sans'; font-style:normal; font-weight:700; font-display:swap;
  src:url('fontlar/ibm-plex-sans-tr-700.woff2') format('woff2'); }
.kt-atlas {
  --kt-antrasit: #25272e;
  --kt-antrasit-koyu: #1b1d23;
  --kt-yesil: #49826d;
  --kt-yesil-koyu: #3a6a58;
  --kt-yesil-acik: #e6f0ec;
  --kt-zemin: #f4f5f6;
  --kt-kart: #ffffff;
  --kt-metin: #25272e;
  --kt-metin-soluk: #6b7078;
  --kt-cizgi: #e3e5e8;
  --kt-vurgu: #49826d;
  /* Karsilastirma aksani — altin sarisi (projede .kt-na-kart.sinirda ile ayni ton).
     Acik altin BEYAZ uzerinde 2.17:1 kaliyor, o yuzden ikon/cerceve icin koyu ton;
     dolu zeminlerde acik ton + KOYU yazi (6.86:1). */
  /* Serit: ACIK yesil. Bu tonda beyaz yazi okunmaz (1.4:1), o yuzden
     serit yazisi KOYU. Altin da acik yesil uzerinde kayboldugu icin
     ciplere/tusa koyu altin kenarlik veriliyor. */
  --kt-serit: #c2e0d1;
  --kt-serit-cizgi: #9cc7b2;
  --kt-altin: #d8a93a;
  --kt-altin-koyu: #8f6a25;
  --kt-altin-acik: #fdf3dc;
  --kt-2025: #49826d;
  --kt-2024: #5a7a91;
  --kt-2023: #b08642;

  --kt-font-baslik: 'Sora', 'Segoe UI', sans-serif;
  --kt-font-govde: 'IBM Plex Sans', 'Segoe UI', sans-serif;

  font-family: var(--kt-font-govde);
  color: var(--kt-metin);
  background: var(--kt-zemin);
  min-height: 100vh;
  margin: 0;
  -webkit-text-size-adjust: 100%;
}
.kt-atlas *, .kt-atlas *::before, .kt-atlas *::after { box-sizing: border-box; }
.kt-atlas h1, .kt-atlas h2, .kt-atlas h3, .kt-atlas p { margin: 0; }
.kt-atlas h1, .kt-atlas h2, .kt-atlas h3 { font-family: var(--kt-font-baslik); }
.kt-atlas button { font-family: var(--kt-font-govde); cursor: pointer; }

/* ---------- UST BAR ---------- */
.kt-ust {
  background: #ffffff;
  border-bottom: 1px solid var(--kt-cizgi);
  box-shadow: 0 1px 6px rgba(37,39,46,0.05);
}
.kt-ust-ic {
  max-width: none; margin: 0 auto;
  padding: 12px 48px;
  display: flex; align-items: center; gap: 18px;
  justify-content: space-between;   /* B düzeni: logo · sekmeler · liste ikonu satıra eşit yayılır */
}
.kt-logo {
  display: flex; align-items: center; gap: 11px; cursor: pointer;
}
.kt-logo-resim { height: 52px; width: auto; display: block; }
.kt-logo-ayrac {
  width: 1px; height: 26px; background: var(--kt-cizgi);
}
.kt-logo-alt {
  font-family: var(--kt-font-baslik);
  color: var(--kt-yesil); font-size: 14px; font-weight: 700;
  letter-spacing: -0.2px;
}

/* ---------- SEKMELER ---------- */
.kt-sekmeler {
  /* B düzeni (masaüstü): kutu kaldırılır; çocuklar (Tercih Robotu,
     ızgara, Tercih Simülasyonu) doğrudan .kt-ust-ic flex'ine katılır.
     Mobilde @media içinde display:flex'e geri döner. */
  display: contents;
}
/* A: Tercih Robotu — sabit, 2 satır yüksekliğinde ana sekme */
.kt-sekme-ana {
  font-size: 15.5px; font-weight: 700;
  padding: 0 20px; border-radius: 10px;
  align-self: stretch;   /* ızgara ile aynı (2 satır) yükseklik korunur */
}
.kt-sekme-ana svg { width: 17px; height: 17px; }
/* Araç ızgarası: 2 satır, sütun sütun dolar (B1/B2, C1/C2, D1/D2) */
.kt-sekme-grid {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-auto-flow: column;
  gap: 6px 8px;
  align-content: center;
}
.kt-sekme {
  display: inline-flex; align-items: center; gap: 7px;
  font-family: var(--kt-font-govde);
  font-size: 13px; font-weight: 600;
  padding: 9px 16px; border-radius: 8px;
  background: transparent; color: #6b7078;
  border: none; cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.kt-sekme svg { stroke: currentColor; }
.kt-sekme:hover { background: #f1f3f5; color: var(--kt-metin); }
.kt-sekme-aktif {
  background: var(--kt-yesil); color: #fff;
}
.kt-sekme-aktif:hover { background: var(--kt-yesil); color: #fff; }

.kt-liste-ac {
  position: relative; background: var(--kt-yesil-acik);
  border: none; color: var(--kt-yesil); width: 42px; height: 42px;
  border-radius: 10px; display: flex; align-items: center; justify-content: center;
  transition: background 0.15s;
}
.kt-liste-ac:hover { background: #d4e6df; }
.kt-liste-rozet {
  position: absolute; top: -5px; right: -5px;
  background: var(--kt-yesil); color: #fff;
  font-size: 11px; font-weight: 700; min-width: 19px; height: 19px;
  border-radius: 10px; display: flex; align-items: center; justify-content: center;
  padding: 0 5px; border: 2px solid #fff;
}

/* ---------- BOLUM (Tercih/Ucret) GECISI ---------- */
.kt-bolum { display: none; }
.kt-bolum-aktif { display: block; }

/* ---------- EKRAN GECISLERI ---------- */
.kt-ekran { display: none; }
.kt-ekran.kt-aktif { display: block; animation: ktBel 0.32s ease; }
@keyframes ktBel { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.kt-merkez {
  max-width: 880px; margin: 0 auto;
  padding: 36px 22px 50px;
  text-align: center;
}
/* ---------- KARSILAMA LOGO + BASLIK ---------- */
.kt-karsilama-logo { margin-bottom: 14px; }
.kt-karsilama-logo img {
  height: 64px; width: auto; display: inline-block;
}
.kt-baslik {
  font-size: 36px; font-weight: 800; letter-spacing: -0.5px;
  color: var(--kt-antrasit); margin: 0; line-height: 1.1;
}
.kt-hosgeldiniz {
  font-family: Georgia, 'Times New Roman', serif;
  font-style: italic; font-weight: 400;
  font-size: 25px; color: var(--kt-yesil);
  margin: 5px 0 2px;
}
.kt-alt-baslik {
  font-size: 15px; color: var(--kt-metin-soluk);
  margin-top: 10px;
}

/* ---------- KARSILAMA KARTLARI ---------- */
.kt-kart-grup {
  display: grid; grid-template-columns: 1fr 1fr; gap: 22px;
  margin-top: 38px;
}
.kt-kademe-kart {
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi);
  border-radius: 16px; padding: 36px 26px;
  display: flex; flex-direction: column; align-items: center;
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.kt-kademe-kart:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 32px rgba(42,45,110,0.14);
  border-color: var(--kt-yesil);
}
.kt-kart-ikon {
  width: 64px; height: 64px; border-radius: 50%;
  background: var(--kt-yesil);
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px;
}
.kt-kart-ad { font-size: 21px; font-weight: 800; color: var(--kt-metin); }
.kt-kart-not { font-size: 13px; color: var(--kt-metin-soluk); margin-top: 5px; }
.kt-kart-metin { display: block; }

/* ---------- KARSILAMA: guven rozetleri ---------- */
.kt-guven-rozetler { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 16px; }
.kt-guven {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 5px 13px; border-radius: 20px;
  background: #fff; border: 1px solid var(--kt-cizgi);
  font-size: 12.5px; font-weight: 600; color: var(--kt-metin);
}
.kt-guven::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--kt-yesil); }

/* ---------- KARSILAMA: hizli arama ---------- */
.kt-hizli-ara {
  display: flex; align-items: center; gap: 8px;
  max-width: 560px; margin: 24px auto 0;
  background: #fff; border: 1.5px solid var(--kt-yesil);
  border-radius: 14px; padding: 6px 6px 6px 15px;
}
.kt-hizli-ara-ik { color: var(--kt-yesil); flex-shrink: 0; }
.kt-hizli-ara input {
  flex: 1; min-width: 0; border: 0; outline: none; background: transparent;
  font-family: inherit; font-size: 15px; color: var(--kt-metin); padding: 9px 4px;
}
.kt-hizli-ara-btn {
  flex-shrink: 0; border: 0; cursor: pointer;
  background: var(--kt-yesil); color: #fff;
  font-family: inherit; font-size: 14px; font-weight: 700;
  padding: 10px 22px; border-radius: 10px; transition: background 0.15s;
}
.kt-hizli-ara-btn:hover { background: var(--kt-yesil-koyu); }
.kt-ara-ayrac {
  display: flex; align-items: center; gap: 12px;
  max-width: 640px; margin: 16px auto 0;
  color: var(--kt-metin-soluk); font-size: 12.5px; text-align: center;
}
.kt-ara-ayrac::before, .kt-ara-ayrac::after { content: ""; flex: 1; height: 1px; background: var(--kt-cizgi); }

/* ---------- KARSILAMA: diger araclar seridi ---------- */
.kt-araclar { margin-top: 32px; }
.kt-araclar-bas { font-size: 12.5px; font-weight: 700; color: var(--kt-metin-soluk); margin-bottom: 11px; }
.kt-araclar-grup { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.kt-arac {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  background: #fff; border: 1px solid var(--kt-cizgi); border-radius: 12px;
  padding: 15px 10px; cursor: pointer; font-family: inherit;
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.kt-arac:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(42,45,110,0.10); border-color: var(--kt-yesil); }
.kt-arac-ik { width: 32px; height: 32px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.kt-arac-ad { font-size: 12px; font-weight: 600; color: var(--kt-metin); text-align: center; line-height: 1.25; }

/* Kademe kartlarının altındaki sıra: Açıköğretim + Tercih Simülasyonu
   (kademe çiftiyle aynı 2'li ızgara, daha kısa boy) */
.kt-altarac-grup { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 16px; }
.kt-altarac {
  position: relative;
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi); border-radius: 14px;
  padding: 15px 20px; display: flex; align-items: center; justify-content: center; gap: 14px;
  text-align: center; cursor: pointer; font-family: inherit; width: 100%;
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.kt-altarac:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(42,45,110,0.08); border-color: var(--kt-yesil); }
.kt-altarac-ik { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); width: 42px; height: 42px; border-radius: 11px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.kt-altarac-govde { flex: 0 1 auto; min-width: 0; text-align: center; padding: 0 10px; }
.kt-altarac-ad { font-size: 15px; font-weight: 700; color: var(--kt-metin); }
.kt-altarac-not { font-size: 12px; color: var(--kt-metin-soluk); margin-top: 2px; }
/* Tercih Simülasyonu ikonu */
.kt-altarac-ik-sim { background: #fdeaee; color: #c0405a; }
/* Açıköğretim kartı: kartın kendisi tıklanmaz, üzerindeki Lisans/Ön Lisans düğmeleri çalışır */
.kt-acik { border-color: var(--kt-yesil); align-items: flex-start; cursor: default; }
.kt-acik:hover { transform: none; box-shadow: none; border-color: var(--kt-yesil); }
.kt-acik-ik { background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); }
.kt-acik-secim { display: flex; gap: 8px; margin-top: 9px; justify-content: center; }
.kt-acik-btn {
  border: 1px solid var(--kt-yesil); background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  border-radius: 8px; padding: 6px 16px; font-size: 12.5px; font-weight: 700;
  cursor: pointer; font-family: inherit; transition: background 0.15s, color 0.15s;
}
.kt-acik-btn:hover { background: var(--kt-yesil); color: #fff; }

/* ---------- BILGI SATIRLARI ---------- */
.kt-bilgi-grup {
  display: grid; grid-template-columns: 1fr; gap: 16px;
  margin-top: 40px;
}
.kt-bilgi-satir {
  background: #fbfbfe; border: 1px solid var(--kt-cizgi);
  border-radius: 10px; padding: 14px 16px;
  display: flex; align-items: center; justify-content: space-between;
  font-size: 13.5px; color: var(--kt-metin); text-align: left;
  transition: background 0.15s;
}
.kt-bilgi-satir span:first-child { display: flex; align-items: center; gap: 8px; }
.kt-bilgi-satir:hover { background: #f0f1fa; }
.kt-ok { color: var(--kt-metin-soluk); font-size: 20px; }
/* Yasal bilgilendirme — tek, tam genişlik, logo yeşili kart */
.kt-yasal-kart {
  background: var(--kt-yesil); border-color: var(--kt-yesil);
  color: #fff; font-weight: 600;
  justify-content: center; gap: 10px;
}
.kt-yasal-kart:hover { background: var(--kt-yesil-koyu); }
.kt-yasal-kart .kt-ok { color: #fff; }

/* ---------- GERI BUTONU ---------- */
.kt-geri {
  background: none; border: 1px solid var(--kt-cizgi);
  color: var(--kt-metin-soluk); font-size: 14px;
  padding: 7px 14px; border-radius: 8px; margin-bottom: 26px;
  transition: background 0.15s;
}
.kt-geri:hover { background: #ececf4; }
.kt-geri-kk { margin: 0; padding: 6px 11px; font-size: 17px; }

/* ---------- PUAN TURU ---------- */
.kt-puan-grup {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
  margin-top: 38px;
}
.kt-puan-kart {
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi);
  border-radius: 12px; padding: 26px 18px;
  font-size: 16px; font-weight: 700; color: var(--kt-antrasit);
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.kt-puan-kart span { color: var(--kt-metin-soluk); font-weight: 500; }
.kt-puan-kart:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(42,45,110,0.13);
  border-color: var(--kt-yesil);
}

/* ---------- TABLO EKRANI ---------- */
/* Yeni ucret etiketi sutunlari icin tabloya daha genis alan:
   max-width buyutuldu, yan bosluk azaltildi */
.kt-tablo-sar { max-width: 1560px; margin: 0 auto; padding: 22px 12px; }

/* Filtre çubuğu TEK SATIR:
     [‹] Başlık · Listeyi Paylaş · Listeyi İndir · Ölçüt · aralık · Uygula
   Özet/not satırın ALTINA düşer (kt-filtre-ozet-kap, flex-basis:100%);
   uzun özet metni satır içinde kalsaydı çubuğu yükseltip hizayı bozardı. */
.kt-filtre-bar {
  display: flex; flex-direction: row; align-items: center;
  flex-wrap: wrap; gap: 12px; margin-bottom: 18px;
}
/* Sol küme (geri + başlık + iki buton).
   flex: 0 1 auto + wrap ŞART: "0 0 auto" verildiğinde dar ekranda küme
   daralamıyor ve çubuktan 163 px taşıyordu (ölçüldü) — mobilde yatay
   kaydırma demekti. Geniş ekranda yine tek satırda kalır. */
.kt-filtre-sol {
  display: flex; align-items: center; gap: 10px;
  flex: 0 1 auto; flex-wrap: wrap; min-width: 0;
}
/* .kt-paylas-ac'taki margin-left:auto burada butonları sağa iterdi;
   başlığın hemen yanında dursunlar. */
.kt-filtre-sol .kt-paylas-ac { margin-left: 0; }
/* Özet/not: her zaman kendi satırında, tam genişlikte. */
.kt-filtre-ozet-kap { flex: 1 0 100%; min-width: 0; }
.kt-tablo-baslik {
  font-size: 26px; font-weight: 800; color: var(--kt-antrasit);
  letter-spacing: -0.4px;
}
.kt-secili-filtre { font-size: 13px; color: var(--kt-metin-soluk); margin-top: 3px; }
.kt-filtre-etiket {
  background: #e7ecff; color: var(--kt-yesil);
  font-weight: 700; padding: 2px 9px; border-radius: 5px;
  font-size: 12px;
}

/* ---- Aktif filtre ozeti (baslik altinda) ---- */
.kt-filtre-ozet {
  display: flex; flex-wrap: wrap; gap: 5px; margin-top: 6px; max-width: 640px;
}
.kt-fo-cip {
  display: inline-flex; align-items: baseline; gap: 5px;
  background: var(--kt-yesil-acik); color: var(--kt-antrasit);
  border-radius: 6px; padding: 3px 9px; font-size: 12px; line-height: 1.35;
}
.kt-fo-et { color: var(--kt-yesil-koyu); font-weight: 700; font-size: 11px; }
.kt-fo-bos { font-size: 12px; color: var(--kt-metin-soluk); }
/* Paylasan danismanin notu */
.kt-paylas-not {
  margin-top: 7px; padding: 7px 11px; border-radius: 8px;
  background: #fff6e8; border: 1px solid #f0dcc0; color: #6b4f22;
  font-size: 13px; max-width: 640px;
}
.kt-paylas-not[hidden] { display: none; }

/* ---- "Listeyi Paylaş" dugmesi ---- */
.kt-paylas-ac {
  display: inline-flex; align-items: center; gap: 7px; align-self: flex-start;
  margin-left: auto; padding: 9px 14px; border: none; border-radius: 9px;
  background: var(--kt-yesil); color: #fff; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1;
  transition: background .15s, transform .1s;
}
.kt-paylas-ac:hover { background: var(--kt-yesil-koyu); }
.kt-paylas-ac:active { transform: translateY(1px); }

/* "Listeyi indir" — paylas butonunun yanindaki ikincil eylem.
   margin-left:auto yalnizca ilk butonda kalmali; yoksa ikisi ayrisir. */
.kt-indir-ac {
  margin-left: 8px; background: transparent;
  color: var(--kt-yesil); border: 1.5px solid var(--kt-yesil);
  padding: 7.5px 13px;
}
.kt-indir-ac:hover { background: var(--kt-yesil); color: #fff; }

/* ---- Paylas penceresi ---- */
.kt-paylas-pnl {
  position: fixed; inset: 0; z-index: 90; display: flex;
  align-items: center; justify-content: center; padding: 16px;
  background: rgba(20, 24, 22, .45);
}
.kt-paylas-pnl[hidden] { display: none; }
.kt-paylas-kutu {
  background: var(--kt-kart); border-radius: 14px; padding: 20px;
  width: 100%; max-width: 430px; max-height: 90vh; overflow-y: auto;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .28);
}
.kt-paylas-bas { display: flex; align-items: center; justify-content: space-between; }
.kt-paylas-bas h3 { margin: 0; font-size: 17px; font-weight: 800; color: var(--kt-antrasit); }
.kt-paylas-x {
  border: none; background: none; font-size: 26px; line-height: 1;
  color: var(--kt-metin-soluk); cursor: pointer; padding: 0 4px;
}
.kt-paylas-ac2 { margin: 8px 0 14px; font-size: 13px; color: var(--kt-metin-soluk); line-height: 1.5; }
.kt-paylas-ozet-kap {
  background: var(--kt-zemin); border-radius: 10px; padding: 11px 13px; margin-bottom: 14px;
}
.kt-paylas-ozet-bas {
  font-size: 11px; font-weight: 800; color: var(--kt-yesil-koyu);
  text-transform: uppercase; letter-spacing: .4px; margin-bottom: 6px;
}
.kt-paylas-ozet { margin: 0; padding-left: 17px; font-size: 13px; line-height: 1.65; }
.kt-paylas-etiket {
  display: block; font-size: 12px; font-weight: 700;
  color: var(--kt-metin-soluk); margin-bottom: 5px;
}
.kt-paylas-giris {
  width: 100%; box-sizing: border-box; border: 1px solid var(--kt-cizgi);
  border-radius: 8px; padding: 9px 11px; font-family: inherit; font-size: 13px;
  color: var(--kt-metin); background: #fff;
}
.kt-paylas-giris:focus { outline: 2px solid var(--kt-yesil-acik); border-color: var(--kt-yesil); }
.kt-paylas-url-sat { margin: 12px 0 14px; }
#ktPaylasUrl { background: var(--kt-zemin); color: var(--kt-metin-soluk); font-size: 12px; }
.kt-paylas-dugmeler { display: flex; gap: 9px; flex-wrap: wrap; }
.kt-paylas-btn {
  flex: 1 1 150px; padding: 11px 12px; border: none; border-radius: 9px;
  font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer;
  transition: background .15s;
}
.kt-paylas-btn-ana { background: var(--kt-yesil); color: #fff; }
.kt-paylas-btn-ana:hover { background: var(--kt-yesil-koyu); }
.kt-paylas-btn-wa { background: #25d366; color: #fff; }
.kt-paylas-btn-wa:hover { background: #1eb457; }
/* Notr (ikincil) buton — indirme penceresindeki CSV secenegi */
.kt-paylas-btn:not(.kt-paylas-btn-ana):not(.kt-paylas-btn-wa) {
  background: var(--kt-zemin-2, #eef1f0); color: var(--kt-metin, #25272e);
  border: 1px solid var(--kt-cizgi);
}
.kt-paylas-btn:not(.kt-paylas-btn-ana):not(.kt-paylas-btn-wa):hover {
  background: var(--kt-cizgi);
}
.kt-paylas-btn:disabled { opacity: .5; cursor: not-allowed; }
.kt-paylas-btn:disabled:hover { background: var(--kt-yesil); }
.kt-paylas-btn:not(.kt-paylas-btn-ana):disabled:hover { background: var(--kt-zemin-2, #eef1f0); }

/* Ücret robotu — hazırlık sınıfı kartı (listenin en üstünde, bir kez).
   Renk, satırlardaki hazırlık ikonuyla AYNI amber (#b07d18) olsun ki
   kullanıcı ikonla kartı aynı konuya bağlasın. */
.kt-ucret-hazkart {
  display: flex; gap: 10px; align-items: flex-start;
  margin: 0 0 10px; padding: 11px 13px;
  background: #fdf6e6; border: 1px solid #f0dcb0;
  border-left: 3px solid #b07d18; border-radius: 8px;
}
.kt-ucret-hazkart-ik {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 7px;
  background: #b07d18; color: #fff;
}
.kt-ucret-hazkart-gv { flex: 1 1 auto; min-width: 0; }
.kt-ucret-hazkart-bas {
  font-size: 13.5px; font-weight: 800; color: #7a5610; margin-bottom: 3px;
}
.kt-ucret-hazkart-metin { font-size: 12px; line-height: 1.5; color: #6b5216; }
.kt-ucret-hazkart-metin b { color: #7a5610; }

/* ============================================================
   TANITIM BLOGU — "Kocum Benim" (kendi urunumuz, ucuncu taraf degil)
   Katlanabilir: acikken altinda ince bir "Tanitimi gizle" dugmesi,
   kapaninca ayni dugme SERIDIN KENDISI olur ve geri acar. Eski AdSense
   karti kapatilamadigi icin kaldirilmisti; bu blok o hatayi tekrarlamaz.
   Iki surum: >=800px SVG banner, altinda kompakt HTML kart (banner 360px'de
   93px'e dusuyor, alt basliklari 4-5px kaliyordu — okunmaz).
   ============================================================ */
.kt-tanitim {
  max-width: 1280px; margin: 12px auto 0; padding: 0 22px;
}
.kt-tanitim-govde {
  /* Katlanma: max-height + opacity. grid-template-rows 1fr->0fr de calisir
     ve sihirli sayi gerektirmez, ama animasyonu daha yeni tarayici ister
     (Chrome 107+/Safari 16+); ogrenci kitlesinde eski telefon cok, o yuzden
     her yerde calisan max-height secildi.
     TAVAN: masaustunde SVG en fazla 250px (970px'te sabit), mobil kart
     ~220px. 320px ikisini de asiyor. Bloga icerik eklendiginde BU SAYIYI
     DA BUYUT, yoksa sessizce kirpar. */
  overflow: hidden;
  max-height: 320px; opacity: 1;
  transition: max-height .28s ease, opacity .2s ease;
}
.kt-tanitim-kapali .kt-tanitim-govde { max-height: 0; opacity: 0; }
.kt-tanitim-bag {
  display: block; text-decoration: none; border-radius: 10px;
  outline-offset: 3px;
}
.kt-tanitim-svg {
  display: block; width: 100%; height: auto; max-width: 970px;
  margin: 0 auto; border-radius: 10px;
}
.kt-tanitim-mini { display: none; }

/* --- Katlama dugmesi / kapali serit --- */
.kt-tanitim-dugme {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  width: 100%; margin-top: 4px; padding: 5px 10px;
  border: 1px solid transparent; border-radius: 7px;
  background: none; cursor: pointer;
  font-family: inherit; font-size: 11px; font-weight: 600;
  color: var(--kt-metin-soluk); letter-spacing: .2px;
  transition: background .14s, color .14s, border-color .14s;
}
.kt-tanitim-dugme:hover { background: #f1f5f3; color: #3f8e6e; }
.kt-tanitim-ok { transition: transform .28s ease; }
/* Etiket secimi CSS'te: JS metni sonradan yazsaydi kapali kullanicida
   serit bir an "Tanitimi gizle" yazip duzeliyordu. */
.kt-tanitim-yazi-ac { display: none; }
.kt-tanitim-kapali .kt-tanitim-yazi-gizle { display: none; }
.kt-tanitim-kapali .kt-tanitim-yazi-ac { display: inline; }
/* Kapaliyken dugme SERIT olur: banner'in yerini tutar, tiklayinca geri acar */
.kt-tanitim-kapali .kt-tanitim-dugme {
  margin-top: 0; padding: 9px 14px;
  background: linear-gradient(135deg, #f2f8f5, #dcece4);
  border-color: #cdded6; color: #2f6e55; font-size: 12px;
}
.kt-tanitim-kapali .kt-tanitim-dugme:hover { background: #e6f2ec; }
.kt-tanitim-kapali .kt-tanitim-ok { transform: rotate(180deg); }

/* --- Kompakt mobil kart (<800px) --- */
@media (max-width: 799px) {
  .kt-tanitim { padding: 0 14px; }
  .kt-tanitim-svg { display: none; }
  /* Dikey yigin, ORTALI: logo ustte, basliklar, hedef kitle rozetleri, buton.
     Banner'daki uc ozellik satiri burada YOK (bkz. index.php'deki not). */
  .kt-tanitim-mini {
    display: flex; flex-direction: column; gap: 9px;
    padding: 12px 13px; border-radius: 10px;
    background: linear-gradient(135deg, #f2f8f5, #dcece4);
    border: 1px solid #cdded6;
    align-items: center; text-align: center;
  }
  .kt-tanitim-mini-ust-sat {
    display: flex; flex-direction: column; align-items: center; gap: 6px;
  }
  .kt-tanitim-mini-logo {
    flex: 0 0 auto; width: 40px; height: 40px;
    background: #fff; border-radius: 50%; padding: 4px;
    box-shadow: 0 0 0 2px rgba(63,142,110,.35);
  }
  .kt-tanitim-mini-gv { flex: 1 1 auto; min-width: 0; display: block; }
  .kt-tanitim-mini-ust {
    display: block; font-size: 8.5px; font-weight: 800; letter-spacing: .8px;
    color: #3f8e6e; text-transform: uppercase;
  }
  .kt-tanitim-mini-ad {
    display: block; font-family: var(--kt-font-baslik);
    font-size: 16px; font-weight: 800; color: #1f4d3b; line-height: 1.15;
  }
  .kt-tanitim-mini-alt {
    display: block; margin-top: 2px; font-size: 11px; line-height: 1.35; color: #4a6b5d;
  }
  /* --- Hedef kitle rozetleri (Koclar / Ogrenciler / Kurumlar) --- */
  .kt-tanitim-mini-kitle {
    display: flex; flex-wrap: wrap; align-items: center;
    justify-content: center; gap: 5px;
  }
  .kt-tanitim-mini-pil {
    padding: 2px 9px; border-radius: 11px;
    background: #e3a71e; color: #1a2744;
    font-size: 11px; font-weight: 800; line-height: 1.5;
  }
  .kt-tanitim-mini-soru {
    font-size: 11.5px; font-weight: 800; color: #b8850f;
  }
  .kt-tanitim-mini-btn {
    align-self: stretch; text-align: center;
    padding: 9px 12px; border-radius: 7px;
    background: #3f8e6e; color: #fff;
    font-size: 12.5px; font-weight: 700;
  }
}
/* 560-799px'te iki sutunlu bir varyant vardi; ozellik satirlari kalkinca
   dayanagi kalmadi (ikinci sutunu onlar dolduruyordu). Kart artik her
   genislikte tek sutun ve ortali. */
/* Ciktilarda (PDF/yazdirma) tanitim olmaz */
@media print { .kt-tanitim { display: none !important; } }

/* Indirme penceresi — 100 program sinirini asan filtreler icin uyari kutusu */
.kt-indir-uyari {
  margin: 10px 0 2px; padding: 9px 11px; border-radius: 8px;
  background: #fdf3e0; border: 1px solid #f0d9ac;
  color: #8a5a00; font-size: 12.5px; line-height: 1.45;
}
.kt-indir-uyari[hidden] { display: none; }
/* Instagram hikaye kisa linki */
.kt-paylas-kisa { margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--kt-cizgi); }
.kt-paylas-btn-ig {
  width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  background: linear-gradient(90deg, #d62976 0%, #962fbf 60%, #4f5bd5 100%); color: #fff;
}
.kt-paylas-btn-ig:hover { filter: brightness(1.08); }
.kt-paylas-btn-ig:disabled { opacity: .6; cursor: wait; filter: none; }
.kt-paylas-kisa-sonuc {
  display: flex; flex-wrap: wrap; gap: 8px; align-items: center;
  margin-top: 9px; padding: 9px 11px;
  background: var(--kt-zemin-2, #eef1f0); border: 1px solid var(--kt-cizgi); border-radius: 8px;
}
.kt-paylas-kisa-sonuc[hidden] { display: none; }
.kt-paylas-kisa-url {
  flex: 1 1 190px; min-width: 0; font-size: 13.5px; font-weight: 700;
  color: var(--kt-metin); word-break: break-all;
}
.kt-paylas-kisa-kopya {
  flex: 0 0 auto; padding: 6px 11px; border: 1px solid var(--kt-cizgi); border-radius: 7px;
  background: #fff; color: var(--kt-metin); font-family: inherit; font-size: 12px;
  font-weight: 700; cursor: pointer;
}
.kt-paylas-kisa-kopya:hover { background: var(--kt-cizgi); }
.kt-paylas-kisa-hata { font-size: 12.5px; color: #a32d2d; }
.kt-paylas-kisa-not { margin-top: 7px; font-size: 11.5px; line-height: 1.45; color: var(--kt-metin-soluk); }

.kt-paylas-qr-kap { margin-top: 16px; text-align: center; }
.kt-paylas-qr svg { border-radius: 8px; border: 1px solid var(--kt-cizgi); }
.kt-paylas-qr-not { margin-top: 7px; font-size: 12px; color: var(--kt-metin-soluk); }
.kt-paylas-qryok { font-size: 12px; color: var(--kt-metin-soluk); padding: 20px 10px; }

@media (max-width: 640px) {
  .kt-paylas-ac { margin-left: 0; margin-top: 10px; }
  .kt-filtre-ozet { max-width: 100%; }
}

.kt-filtre-arac {
  display: flex; align-items: center; gap: 10px;
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi);
  border-radius: 12px; padding: 10px 12px; flex-wrap: wrap;
  /* Sol kümenin yanında KALAN genişliği doldurur; böylece ölçüt/aralık/Uygula
     aynı satırda kalır ve çubuk sağ kenara kadar uzanır.
     min-width YOK: dar ekranda taşmaya sebep oluyordu. */
  flex: 1 1 420px; min-width: 0;
}
/* Aralık (slider + kutular) bandın içindeki boşluğu doldursun. */
.kt-filtre-arac .kt-aralik { flex: 1 1 200px; min-width: 0; }
.kt-secici {
  border: 1px solid var(--kt-cizgi); border-radius: 8px;
  padding: 9px 11px; font-size: 13.5px; color: var(--kt-metin);
  background: #fff;
}
.kt-secici-kk { padding: 5px 8px; font-size: 13px; }
.kt-aralik { display: flex; align-items: center; gap: 8px; }
.kt-aralik-kutu {
  width: 96px; border: 1px solid var(--kt-cizgi); border-radius: 8px;
  padding: 9px 8px; font-size: 13px; text-align: center;
}
/* Tek track uzerinde cift tutamacli aralik cubugu */
.kt-slider-sar {
  position: relative; flex: 1; min-width: 110px; height: 22px;
}
.kt-slider-iz {
  position: absolute; top: 50%; left: 0; right: 0; height: 5px;
  transform: translateY(-50%); border-radius: 3px; background: #d6d9e6;
}
.kt-slider-dolu {
  position: absolute; top: 50%; height: 5px; transform: translateY(-50%);
  border-radius: 3px; background: var(--kt-yesil); left: 0; right: 0;
}
.kt-slider-cift {
  -webkit-appearance: none; appearance: none;
  position: absolute; top: 0; left: 0; width: 100%; height: 22px;
  margin: 0; background: none; outline: none;
  pointer-events: none;               /* sadece tutamaclar tiklanir */
}
.kt-slider-cift::-webkit-slider-runnable-track { background: transparent; border: none; }
.kt-slider-cift::-moz-range-track { background: transparent; border: none; }
.kt-slider-cift::-webkit-slider-thumb {
  -webkit-appearance: none; appearance: none; pointer-events: auto;
  width: 17px; height: 17px; border-radius: 50%; margin-top: 0;
  background: var(--kt-yesil); cursor: pointer;
  border: 2px solid #fff; box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
.kt-slider-cift::-moz-range-thumb {
  pointer-events: auto;
  width: 17px; height: 17px; border-radius: 50%;
  background: var(--kt-yesil); cursor: pointer; border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0,0,0,0.25);
}
.kt-uygula {
  background: var(--kt-yesil); color: #fff; border: none;
  padding: 10px 22px; border-radius: 8px; font-size: 14px; font-weight: 700;
  transition: background 0.15s;
}
.kt-uygula:hover { background: var(--kt-yesil-koyu); }

/* ---------- TABLO KUTUSU ---------- */
.kt-tablo-kutu {
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi);
  border-radius: 14px; overflow: hidden;
}
.kt-tablo-ust {
  display: flex; align-items: center;
  padding: 14px 18px; border-bottom: 1px solid var(--kt-cizgi);
  flex-wrap: wrap; gap: 10px;
}
.kt-sayfa-boyut { font-size: 13.5px; color: var(--kt-metin-soluk); }
.kt-sonuc-bilgi {
  font-size: 13px; color: var(--kt-metin-soluk);
  flex: 1; text-align: right;
}

.kt-tablo-kaydir { overflow-x: auto; }
.kt-tablo { width: 100%; border-collapse: collapse; min-width: 980px; }
.kt-tablo thead th {
  background: #f7f8fc; border-bottom: 1px solid var(--kt-cizgi);
  padding: 10px 12px; text-align: left; vertical-align: middle;
}
.kt-th-ara input, .kt-th-sec {
  width: 100%; border: 1px solid var(--kt-cizgi); border-radius: 7px;
  padding: 8px 4px; font-size: 11.5px; color: var(--kt-metin);
  background: #fff; font-family: inherit; min-width: 0;
}
.kt-th-sec { padding: 8px 2px; }
/* Program basligindaki ucret filtresi - arama kutusunun altinda */
.kt-th-sec-ucret { margin-top: 6px; }
.kt-th-ara input::placeholder { color: #a3a7ba; font-size: 11px; letter-spacing: 0.3px; }
.kt-th-uni { width: 23%; }
.kt-th-prog { width: 22%; }
.kt-th-tur { width: 8%; }
.kt-th-ogrturu { width: 9%; }
.kt-th-durum { width: 8%; }

/* ---------- COKLU SECIM FILTRESI (kt-ms) ---------- */
.kt-ms { position: relative; width: 100%; min-width: 0; }
.kt-ms-sehir, .kt-ms-ucret { margin-top: 6px; }

.kt-ms-trig {
  width: 100%; display: flex; align-items: center; gap: 6px;
  border: 1px solid var(--kt-cizgi); border-radius: 7px;
  padding: 8px 8px; background: #fff; font-family: inherit;
  font-size: 11.5px; color: var(--kt-metin); cursor: pointer;
  text-align: left; min-width: 0; transition: border-color .15s, box-shadow .15s;
}
.kt-ms-trig:hover { border-color: #c7cad0; }
.kt-ms-trig.kt-ms-acik {
  border-color: var(--kt-yesil);
  box-shadow: 0 0 0 3px rgba(73, 130, 109, 0.12);
}
.kt-ms-etiket {
  flex: 1; min-width: 0; overflow: hidden; white-space: nowrap;
  text-overflow: ellipsis; color: #8a8f99; letter-spacing: 0.3px;
}
.kt-ms-trig.kt-ms-dolu .kt-ms-etiket { color: var(--kt-metin); font-weight: 600; }
.kt-ms-sayi {
  flex: none; min-width: 17px; height: 17px; padding: 0 4px;
  border-radius: 9px; background: var(--kt-yesil); color: #fff;
  font-size: 10.5px; font-weight: 700; line-height: 17px; text-align: center;
}
.kt-ms-ok { flex: none; display: flex; color: #9aa0aa; }
.kt-ms-trig.kt-ms-acik .kt-ms-ok { color: var(--kt-yesil); transform: rotate(180deg); }

/* Panel (body'e eklenir, position: fixed) */
.kt-ms-panel {
  position: fixed; z-index: 1200; background: #fff;
  border: 1px solid var(--kt-cizgi); border-radius: 10px;
  box-shadow: 0 10px 28px rgba(20, 22, 28, 0.16);
  overflow: hidden; display: flex; flex-direction: column;
  font-family: var(--kt-font-govde);
}
.kt-ms-ust {
  display: flex; align-items: center;
  padding: 7px 10px 0 10px;
}
.kt-ms-temizle, .kt-ms-tumsec {
  background: none; border: none; color: var(--kt-yesil);
  font-size: 11.5px; font-weight: 600; cursor: pointer; padding: 2px 2px;
  font-family: inherit; text-decoration: underline;
}
/* "Tümü" solda; "Seçimi temizle" hangi buton gorunursa gorunsun hep sagda. */
.kt-ms-temizle { margin-left: auto; }
.kt-ms-ara {
  position: relative; padding: 10px 10px 8px 10px;
}
.kt-ms-buyutec {
  position: absolute; right: 20px; top: 50%; transform: translateY(-30%);
  color: #9aa0aa; pointer-events: none;
}
.kt-ms-ara input {
  width: 100%; border: 1.5px solid var(--kt-yesil); border-radius: 8px;
  padding: 9px 34px 9px 11px; font-size: 13px; color: var(--kt-metin);
  font-family: inherit; outline: none; box-sizing: border-box;
}
.kt-ms-ara input::placeholder { color: #a3a7ba; }
.kt-ms-liste { overflow-y: auto; padding: 4px 0 6px 0; }
.kt-ms-sat {
  display: flex; align-items: center; gap: 11px;
  padding: 9px 14px; cursor: pointer; font-size: 13px;
  color: var(--kt-metin); line-height: 1.25;
}
.kt-ms-sat:hover { background: #f4f6f8; }
.kt-ms-kutu {
  flex: none; width: 18px; height: 18px; border: 1.6px solid #c2c6cd;
  border-radius: 5px; background: #fff; display: flex;
  align-items: center; justify-content: center; color: #fff;
  transition: background .12s, border-color .12s;
}
.kt-ms-kutu svg { opacity: 0; }
.kt-ms-sat.kt-ms-isaretli .kt-ms-kutu {
  background: var(--kt-yesil); border-color: var(--kt-yesil);
}
.kt-ms-sat.kt-ms-isaretli .kt-ms-kutu svg { opacity: 1; }
.kt-ms-ad { flex: 1; min-width: 0; }
.kt-ms-bos, .kt-ms-not {
  padding: 12px 14px; font-size: 12px; color: var(--kt-metin-soluk);
}
.kt-ms-not { border-top: 1px solid var(--kt-cizgi); font-style: italic; }

/* Tetikleyici icerigi: placeholder / cip / "N birim seçildi" */
.kt-ms-icerik {
  flex: 1; min-width: 0; display: flex; align-items: center;
  gap: 5px; overflow: hidden;
}
.kt-ms-ph {
  color: #8a8f99; letter-spacing: 0.3px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kt-ms-sayitext { font-weight: 600; color: var(--kt-metin); white-space: nowrap; }
.kt-ms-cip {
  display: inline-flex; align-items: center; gap: 2px; max-width: 100%;
  background: #eef0f4; color: var(--kt-metin);
  border-radius: 20px; padding: 2px 3px 2px 9px; font-size: 11.5px;
}
.kt-ms-ad-cip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kt-ms-cip-x {
  display: inline-flex; flex: none; width: 16px; height: 16px;
  align-items: center; justify-content: center; border-radius: 50%;
  color: #8a8f99; cursor: pointer;
}
.kt-ms-cip-x:hover { background: #dde1e8; color: var(--kt-metin); }
.kt-ms-temiztum {
  display: inline-flex; flex: none; width: 17px; height: 17px;
  align-items: center; justify-content: center; border-radius: 50%;
  color: #9aa0aa; cursor: pointer;
}
.kt-ms-temiztum:hover { background: #eef0f4; color: var(--kt-metin); }
/* Serbest arama satiri (ÜNİ VEYA KOD ARA: ad/kod ile dogrudan suz) */
.kt-ms-serbest-sat .kt-ms-kutu-ara {
  border: none; background: transparent; color: var(--kt-yesil);
}
.kt-ms-serbest-not { color: var(--kt-metin-soluk); font-size: 11px; }
.kt-th-yil, .kt-th-kont, .kt-th-yerl {
  text-align: center !important;
  font-size: 11px; font-weight: 700; color: var(--kt-metin-soluk);
}
.kt-th-yil { width: 5%; }
.kt-th-kont { width: 12%; }
.kt-th-yerl { width: 7%; }
.kt-th-siralama { width: 8%; }
.kt-th-pasif { opacity: 0.5; }
.kt-th-ekle { width: 4%; }

/* siralama basligi (taban sira / taban puan) */
.kt-siral-baslik {
  display: flex; align-items: center; justify-content: center; gap: 5px;
  font-size: 11px; font-weight: 700; color: var(--kt-metin-soluk);
  line-height: 1.15; text-align: center;
}
.kt-siral-oklar { display: flex; flex-direction: column; gap: 1px; }
.kt-siral-ok {
  background: #eef0f3; border: none; color: var(--kt-metin-soluk);
  width: 18px; height: 14px; border-radius: 3px;
  font-size: 8px; line-height: 1; padding: 0;
  display: flex; align-items: center; justify-content: center;
  transition: background 0.12s, color 0.12s;
}
.kt-siral-ok:hover { background: var(--kt-yesil-acik); color: var(--kt-yesil); }
.kt-siral-ok.kt-siral-aktif { background: var(--kt-yesil); color: #fff; }

.kt-tablo > thead > tr > th { }
.kt-tablo > tbody > tr > td {
  border-bottom: 1px solid #e3e5e8; padding: 10px;
  vertical-align: middle; font-size: 13px;
}
.kt-tablo > tbody > tr:hover > td.kt-hucre-ust { background: #fafbfb; }

.kt-hucre-uni-ad { font-weight: 700; color: var(--kt-metin); line-height: 1.35; }
.kt-hucre-fak { font-size: 11.5px; color: var(--kt-metin-soluk); margin-top: 3px; }
.kt-hucre-kod {
  display: inline-block;
  background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  font-size: 11px; padding: 2px 7px; border-radius: 4px;
  font-variant-numeric: tabular-nums; font-weight: 600;
}
/* Kod + sehir etiketi ayni satirda */
.kt-kod-sat {
  margin-top: 6px;
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
}
/* Puan türü etiketi - kod ile şehir arasında, türe göre renkli */
.kt-hucre-puan {
  display: inline-flex; align-items: center;
  font-size: 10px; font-weight: 700; letter-spacing: 0.3px;
  padding: 2px 7px; border-radius: 5px; line-height: 1.4;
}
.kt-puan-SAY { background: #E6F1FB; color: #0C447C; }   /* Sayısal - mavi */
.kt-puan-EA  { background: #FAEEDA; color: #633806; }   /* Eşit Ağırlık - amber */
.kt-puan-SOZ { background: #FBEAF0; color: #72243E; }   /* Sözel - bordo */
.kt-puan-DIL { background: #EEEDFE; color: #3C3489; }   /* Dil - mor */
.kt-puan-TYT { background: #E1F5EE; color: #0F6E56; }   /* TYT - yeşil */
/* Sehir etiketi - mavi tonda, pin SVG ile */
.kt-hucre-sehir {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 11px; font-weight: 500; color: #1d6fd6;
}
.kt-hucre-sehir svg { flex-shrink: 0; }
/* Sehir = Haritada ac linki: 2x2 izgara (pin sol-buyuk, sehir ust, "haritada ac" alt) */
.kt-sehir-harita {
  display: inline-grid;
  grid-template-columns: auto auto;
  align-items: center;
  column-gap: 5px;
  color: #1d6fd6;
  text-decoration: none;
  cursor: pointer;
  line-height: 1.15;
}
.kt-sehir-harita .kt-sehir-pin { grid-column: 1; grid-row: 1 / span 2; align-self: center; flex-shrink: 0; }
.kt-sehir-harita .kt-sehir-ad  { grid-column: 2; grid-row: 1; font-size: 11px; font-weight: 500; }
.kt-sehir-harita .kt-sehir-ac  { grid-column: 2; grid-row: 2; font-size: 9px; font-weight: 400; color: #9aa7b2; letter-spacing: .2px; }
.kt-sehir-harita:hover .kt-sehir-ac { text-decoration: underline; color: #1d6fd6; }
/* ŞEHIR arama kutusu - UNI hücresinde altta */
.kt-th-ara-sehir { margin-top: 6px; }
.kt-hucre-prog-ad { font-weight: 600; color: var(--kt-metin); line-height: 1.35; }
/* Ucret etiketi kendi satirinda (ust) - yaninda KKTC i isareti */
.kt-etiket-ucret {
  margin-top: 5px; display: flex; align-items: center;
  gap: 4px; flex-wrap: nowrap;
}
/* Yil + Ozel Kosul + Ogretim Dili - ucretin altinda, kendi satirinda */
.kt-etiket-grup { margin-top: 4px; display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.kt-etiket {
  font-size: 10.5px; padding: 2px 6px; border-radius: 4px;
  background: #eef0f7; color: var(--kt-metin-soluk);
}
.kt-etiket-kosul {
  background: #e7eef3; color: #4d6b80; cursor: help;
}
/* Ogretim dili etiketi - kirmizi yazi, zemin/cerceve yok */
.kt-etiket-dil {
  font-size: 10.5px; font-weight: 500;
  padding: 2px 4px;
  background: transparent; color: #A32D2D;
}
/* Program adı içindeki öğretim dili — kırmızı, vurgulu (pill yok) */
.kt-prog-dil { color: #A32D2D; font-weight: 600; white-space: nowrap; }
/* Zorunlu hazirligin DILI — ogretim dili DEGIL.
   Kirmizi (.kt-prog-dil) "programin dili budur" der; bu ise "1 yil o dilde
   hazirlik okuyacaksin" der. Rengi satirdaki hazirlik ikonuyla AYNI amber
   (#b07d18) ki iki isaret ayni seyi anlattigi anlasilsin. */
.kt-prog-hazdil {
  display: inline-flex; align-items: center;
  font-size: 10.5px; font-weight: 700; white-space: nowrap;
  padding: 1px 6px; border-radius: 4px; vertical-align: 1px;
  background: #fdf6e6; color: #8a6412; border: 1px solid #f0dcb0;
}

/* Çift kurumlu (UOLP) programın ikinci öğretim dili.
   Bilerek .kt-prog-dil'den FARKLI görünür: o "programın dili budur" der,
   bu ise "eğitimin bir kısmı başka kurumda, başka dilde" der. Kırmızı da
   değil — uyarı değil, ek bilgi. */
.kt-prog-dil2 {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 10.5px; font-weight: 600; white-space: nowrap;
  padding: 1px 6px; border-radius: 4px; vertical-align: 1px;
  background: #EEF0FB; color: #3E4AAE; border: 1px solid #D5D9F4;
}
/* Akreditasyon etiketi - mühür ikonu + kurum adı (yeşil) */
.kt-akredite {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 10.5px; font-weight: 500;
  padding: 2px 7px; border-radius: 4px;
  background: #E1F5EE; color: #0F6E56;
}
.kt-akredite-ik { flex-shrink: 0; }
/* Kurumsal / fakülte akreditasyonu: SADECE İKON (gri, çerçeveli, tıklanır) */
.kt-akr-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 21px; height: 21px; padding: 0; margin-left: 6px;
  border: 1px solid #c2c8d0; border-radius: 5px;
  background: #fff; color: #5b6470; cursor: pointer;
  vertical-align: middle; flex-shrink: 0; line-height: 0;
  transition: border-color .12s, color .12s, background .12s;
}
.kt-akr-ikon:hover, .kt-akr-ikon:focus {
  border-color: var(--kt-yesil); color: var(--kt-yesil);
  background: var(--kt-yesil-acik); outline: none;
}
/* Bilgi ikonları (hazırlık / uçuş) — sade renkli ikon, dokun/hover popover */
.kt-bilgi-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; padding: 0; margin: 0;
  border: none; background: none; cursor: pointer;
  vertical-align: middle; line-height: 0; flex-shrink: 0;
}
.kt-bilgi-ikon:focus { outline: none; }
.kt-bilgi-hazirlik { color: #b07d18; }
.kt-bilgi-ucus { color: #2e8fd0; }
/* Puan türü değişmiş program: taban sıranın yanında uyarı. Kırmızı DEĞİL —
   hata değil, "bu sayı başka bir sıralamadan" uyarısı. */
.kt-bilgi-turdeg { color: #b9751b; width: 15px; height: 15px; margin-left: 3px; }
.kt-bilgi-turdeg:hover, .kt-bilgi-turdeg:focus { color: #8f5a11; }
/* Akredite eden kurum bilgisini gösteren popover (body'e eklenir) */
.kt-akr-pop {
  position: fixed; z-index: 1300; pointer-events: none;
  background: var(--kt-antrasit); color: #fff;
  border-radius: 8px; padding: 8px 11px; max-width: 240px;
  box-shadow: 0 8px 22px rgba(20, 22, 28, 0.28);
  display: flex; flex-direction: column; gap: 2px;
  font-family: var(--kt-font-govde);
}
.kt-akr-pop-kapsam {
  font-size: 10px; font-weight: 600; opacity: 0.72;
  text-transform: uppercase; letter-spacing: 0.4px;
}
.kt-akr-pop-kurum { font-size: 13.5px; font-weight: 700; }
.kt-akr-pop-baraj { font-size: 12px; font-weight: 500; line-height: 1.4; }

/* Özel koşul — büyüteç butonu (etiket görünümlü, tıklanır) */
.kt-kosul-ikon {
  display: inline-flex; align-items: center; gap: 4px;
  border: none; cursor: pointer; font-family: inherit; line-height: 1.2;
}
.kt-kosul-ikon .kt-buyutec-ik { flex-shrink: 0; }
.kt-kosul-ikon:hover, .kt-kosul-ikon:focus { background: #d4e1ea; color: #3a586b; outline: none; }
/* Özel koşul popup — aydınlık, marka renkleriyle, okunaklı */
.kt-kosul-pop {
  pointer-events: auto;
  background: #ffffff; color: #2b2f33;
  border: 1px solid #d7e2dc; border-radius: 14px;
  box-shadow: 0 14px 38px rgba(20, 45, 35, 0.20);
  max-width: 380px; max-height: 62vh; overflow-y: auto;
  padding: 0; gap: 0; text-align: left;
}
.kt-kosul-bas {
  position: sticky; top: 0; z-index: 1;
  display: flex; align-items: center; gap: 7px;
  padding: 11px 14px;
  background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  font-weight: 800; font-size: 13px;
  border-bottom: 1px solid #d7e2dc; border-radius: 14px 14px 0 0;
}
.kt-kosul-bas svg { flex-shrink: 0; }
.kt-kosul-say {
  margin-left: 4px; background: var(--kt-yesil); color: #fff;
  font-size: 11px; font-weight: 700; padding: 1px 8px; border-radius: 999px;
}
.kt-kosul-kapat {
  margin-left: auto; border: none; background: transparent;
  color: var(--kt-yesil-koyu); font-size: 20px; line-height: 1;
  cursor: pointer; padding: 0 2px; opacity: 0.65; font-family: inherit;
}
.kt-kosul-kapat:hover { opacity: 1; }
@media (max-width: 640px) { .kt-kosul-pop { max-width: 88vw; } }

/* ============================================================
   ÖZEL KOŞULLAR — TAM EKRAN MODAL (.kt-kmod-*)
   Koşul metinleri uzun (en uzunu ~5.600 karakter); dar popover'da
   okunmuyordu. Masaüstünde geniş ortalanmış diyalog, ≤640px'te
   gerçek tam ekran. Kabuk .kt-kosul-pop'tan BAĞIMSIZ: o sınıflar
   simülasyon ipuçlarında kullanılmaya devam ediyor.
   ============================================================ */
.kt-kmod-perde {
  position: fixed; inset: 0; z-index: 1600;
  display: flex; align-items: center; justify-content: center;
  padding: 24px;
  background: rgba(16, 26, 22, 0.58);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity: 0; transition: opacity .18s ease;
  font-family: var(--kt-font-govde);
}
.kt-kmod-perde[hidden] { display: none; }
.kt-kmod-perde.kt-acik { opacity: 1; }
.kt-kmod {
  display: flex; flex-direction: column;
  width: 100%; max-width: 1000px;
  max-height: 90vh; min-height: 300px;
  background: #fff; border-radius: 20px; overflow: hidden;
  border-top: 5px solid var(--kt-yesil);
  box-shadow: 0 30px 70px rgba(12, 28, 22, 0.38);
  transform: translateY(14px) scale(.985); opacity: 0;
  transition: transform .22s cubic-bezier(.2,.8,.3,1), opacity .22s ease;
}
.kt-kmod-perde.kt-acik .kt-kmod { transform: none; opacity: 1; }

/* --- başlık --- */
.kt-kmod-ust {
  display: flex; align-items: center; gap: 12px;
  padding: 14px 18px;
  background: linear-gradient(180deg, var(--kt-yesil-acik) 0%, #f7fbf9 100%);
  border-bottom: 1px solid #d7e2dc;
}
.kt-kmod-ikon {
  flex-shrink: 0; width: 40px; height: 40px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1px solid #cfe2da; color: var(--kt-yesil);
  box-shadow: 0 2px 6px rgba(58, 106, 88, 0.10);
}
.kt-kmod-yazi { flex: 1; min-width: 0; }
.kt-kmod-baslik {
  font-family: var(--kt-font-baslik); font-size: 17px; font-weight: 800;
  color: var(--kt-yesil-koyu); line-height: 1.25; margin: 0;
}
/* Program adı tek satır; taşarsa üç nokta (başlık yüksekliği sabit kalsın) */
.kt-kmod-alt {
  margin: 3px 0 0; font-size: 12px; color: var(--kt-metin-soluk);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.kt-kmod-alt[hidden] { display: none; }
.kt-kmod-say {
  flex-shrink: 0; background: var(--kt-yesil); color: #fff;
  font-size: 11.5px; font-weight: 700; padding: 4px 11px; border-radius: 999px;
  white-space: nowrap;
}
.kt-kmod-say[hidden] { display: none; }
.kt-kmod-kapat {
  flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  border: 1px solid transparent; background: rgba(255,255,255,0.65);
  color: var(--kt-metin-soluk); cursor: pointer; font-family: inherit;
  transition: background .15s, color .15s, border-color .15s;
}
.kt-kmod-kapat:hover { background: #fff; color: var(--kt-antrasit); border-color: #cfe2da; }
.kt-kmod-kapat:focus-visible { outline: 2px solid var(--kt-yesil); outline-offset: 2px; }

/* --- gövde --- */
.kt-kmod-govde {
  flex: 1; min-height: 0; overflow-y: auto;
  padding: 16px 18px 20px;
  display: flex; flex-direction: column; gap: 12px;
  overscroll-behavior: contain;
}
.kt-kmod-govde:focus { outline: none; }
.kt-kmod-md {
  display: grid; grid-template-columns: 78px 1fr; gap: 16px;
  background: #fbfcfb; border: 1px solid #e8edea;
  border-left: 3px solid var(--kt-serit-cizgi);
  border-radius: 12px; padding: 14px 16px;
}
.kt-kmod-md-ham { grid-template-columns: 1fr; }
.kt-kmod-no {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1px;
  line-height: 1;
}
.kt-kmod-no-et {
  font-size: 10px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;
  color: var(--kt-metin-soluk);
}
.kt-kmod-no-sy {
  font-family: var(--kt-font-baslik); font-size: 22px; font-weight: 800;
  color: var(--kt-yesil-koyu); font-variant-numeric: tabular-nums;
}
/* Satır uzunluğu okunabilir sınırda kalsın: geniş ekranda kutu büyüse de
   metin ~74 karakteri geçmez, kart sağdan nefes alır. */
.kt-kmod-ac {
  font-size: 13.5px; line-height: 1.72; color: #3a3f45;
  max-width: 74ch; overflow-wrap: anywhere;
}
.kt-kmod-yok { color: #9aa0a6; font-style: italic; }

/* --- dipnot --- */
.kt-kmod-dip {
  flex-shrink: 0; padding: 11px 18px;
  background: #f7f9f8; border-top: 1px solid var(--kt-cizgi);
  font-size: 11px; line-height: 1.5; color: var(--kt-metin-soluk);
}

/* Dar ekran: gerçek tam ekran, kod rozeti metnin üstünde */
@media (max-width: 640px) {
  .kt-kmod-perde { padding: 0; }
  .kt-kmod {
    max-width: none; width: 100%; height: 100%; max-height: 100%;
    border-radius: 0; border-top-width: 4px;
  }
  .kt-kmod-ust { padding: 12px 14px; gap: 10px; }
  .kt-kmod-ikon { width: 34px; height: 34px; }
  .kt-kmod-baslik { font-size: 15.5px; }
  .kt-kmod-say { display: none; }
  .kt-kmod-govde { padding: 12px 14px 18px; gap: 10px; }
  .kt-kmod-md { grid-template-columns: 1fr; gap: 8px; padding: 12px 14px; }
  .kt-kmod-no { flex-direction: row; align-items: baseline; gap: 5px; }
  .kt-kmod-no-sy { font-size: 17px; }
  .kt-kmod-ac { font-size: 13px; line-height: 1.68; }
}

@media (prefers-reduced-motion: reduce) {
  .kt-kmod-perde, .kt-kmod { transition: none; }
}
/* Baraj sıralaması ikonu — program adının yanında, kırmızı bariyer */
.kt-baraj-ikon {
  display: inline-flex; align-items: center; justify-content: center;
  vertical-align: middle; line-height: 0;
  background: none; border: none; padding: 0; margin: 0;
  color: #C0392B; cursor: pointer;
}
.kt-baraj-ikon svg { display: block; width: 18px; height: 18px; }
.kt-baraj-ikon:hover { color: #a93226; }
/* Önlisans: program akreditasyon rozeti üniversite adının altında */
.kt-akredite-sat { margin-top: 4px; }
/* Ucret etiketi - program adi altinda. Ture gore renk:
   vakif turuncu, KKTC mor, devlet/yurtdisi soluk gri */
.kt-ucret {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 10.5px; font-weight: 700;
  padding: 3px 8px; border-radius: 5px;
  background: #e8f3ee; color: #2f6450;
}
.kt-ucret svg { flex-shrink: 0; }
.kt-ucret-burs { font-weight: 500; opacity: 0.78; }
/* Vakif - turuncu */
.kt-ucret-vakif { background: #ffeede; color: #c87718; }
/* KKTC - mor */
.kt-ucret-kktc { background: #e7e3ff; color: #6a4dd0; }
/* Devlet/Yurtdisi - ucretsiz, soluk gri */
.kt-ucretsiz { background: #eef0f2; color: #6b7078; }
/* Ucret bilgisi yok - cok soluk */
.kt-ucret-yok { background: #f3f4f5; color: #aeb2bb; font-weight: 500; }

/* KKTC ek ucret uyari isareti - KKTC etiketi rengi (mor) */
.kt-ek-isaret {
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; border-radius: 50%;
  background: #6a4dd0; color: #fff;
  font-size: 10px; font-weight: 700; font-style: italic;
  cursor: help; line-height: 1;
}
/* Detay panelinde KKTC ek ucret bilgi kutusu */
.kt-dt-bilgi {
  display: flex; gap: 9px; align-items: flex-start;
  background: #f0edfb; border-left: 3px solid #6a4dd0;
  border-radius: 6px; padding: 10px 12px;
}
.kt-dt-bilgi-ik {
  width: 18px; height: 18px; border-radius: 50%;
  background: #6a4dd0; color: #fff;
  font-size: 11px; font-weight: 700; font-style: italic;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; line-height: 1;
}
.kt-dt-bilgi-metin { font-size: 11.5px; color: #41454d; line-height: 1.55; }
.kt-rozet-tur {
  display: inline-block; font-size: 10.5px; font-weight: 700;
  padding: 3px 8px; border-radius: 5px;
}
.kt-rozet-devlet { background: #e3f0ff; color: #1d6fd6; }
.kt-rozet-vakif { background: #ffeede; color: #c87718; }
.kt-rozet-kktc { background: #e7e3ff; color: #6a4dd0; }
.kt-rozet-yurtdisi { background: #e6f0ec; color: #3a6a58; }
.kt-rozet-diger { background: #eef0f7; color: #6b7088; }

/* durum rozetleri */
.kt-durum {
  display: inline-block; font-size: 10.5px; font-weight: 700;
  padding: 3px 8px; border-radius: 5px;
}
.kt-durum-doldu { background: #e6f0ec; color: #2f6450; }
.kt-durum-dolmadi { background: #fdeaec; color: #c0424f; }
.kt-durum-bos { background: #f1f2f4; color: #b0b4be; }

/* ===== 3 YILLIK IC-TABLO ===== */
.kt-hucre-bos { color: #c2c5cc; font-size: 13px; }
/* Program satirinda ust hucreler (uni, program, sehir vb.) */
.kt-hucre-ust { vertical-align: middle !important; }

/* Yil verisini tasiyan hucre - ic tabloyu sarar */
.kt-yil-hucre { padding: 5px 7px !important; background: #fff; }
.kt-yil-tablo {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0 4px;          /* yillar arasi dikey bosluk - daraltildi */
  font-variant-numeric: tabular-nums;
}
.kt-yc-yil  { width: 12.5%; }
.kt-yc-kont { width: 30%; }
.kt-yc-yerl { width: 17.5%; }
.kt-yc-sira { width: 20%; }
.kt-yc-puan { width: 20%; }
.kt-yil-tablo td {
  padding: 5px 7px; font-size: 11px;   /* daraltildi: 8px->5px, 12->11 */
  border: none; vertical-align: middle;
  overflow: hidden;
}
/* Yil satir zeminleri - ayri kutular, kose yuvarlatma */
/* Renkler yil KAYDIRILARAK atanir: en yeni yil yesil, ortanca mavi-gri, en eski amber.
   2026'ya eski 2025 rengi, 2025'e eski 2024 rengi, 2024'e eski 2023 rengi verildi. */
.kt-yr-2026 td { background: #eaf1ee; }
.kt-yr-2025 td { background: #eef1f3; }
.kt-yr-2024 td { background: #f6f1e9; }
.kt-yil-tablo tr td:first-child {
  border-top-left-radius: 7px; border-bottom-left-radius: 7px;
}
.kt-yil-tablo tr td:last-child {
  border-top-right-radius: 7px; border-bottom-right-radius: 7px;
}
/* MEB öğretmenlik bursu rozeti — yıl tablosunun altında */
.kt-yil-meb {
  display: inline-flex; align-items: center; gap: 5px;
  margin-top: 6px; padding: 3px 9px; border-radius: 7px;
  background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  font-size: 11px; font-weight: 700; line-height: 1.2;
}
.kt-yil-meb svg { flex-shrink: 0; }
.kt-yil-meb b { font-weight: 800; }

/* Kayan "geri" butonu — uygulama içi sekme geçişinden sonra önceki bölüme dönüş */
.kt-geri-fab {
  position: fixed; left: 16px; bottom: 16px; z-index: 70;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 10px 15px 10px 12px; border: none; border-radius: 999px;
  background: var(--kt-yesil); color: #fff;
  font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1;
  cursor: pointer; box-shadow: 0 5px 16px rgba(0, 0, 0, .2);
  transition: background .15s, transform .1s;
}
.kt-geri-fab:hover { background: var(--kt-yesil-koyu); }
.kt-geri-fab:active { transform: translateY(1px); }
.kt-geri-fab svg { flex-shrink: 0; }
.kt-geri-fab[hidden] { display: none; }
@media (max-width: 640px) {
  .kt-geri-fab { left: 12px; bottom: 12px; padding: 9px 13px 9px 10px; font-size: 12px; }
}

/* Yil etiketi - daraltildi */
.kt-yr-yil { text-align: center; }
.kt-yr-etiket {
  display: inline-block; width: 40px; text-align: center;
  color: #fff; font-size: 9px; font-weight: 700;
  padding: 2px 0; border-radius: 4px;
}
.kt-yr-2026-et { background: #49826d; }
.kt-yr-2025-et { background: #5a7a91; }
.kt-yr-2024-et { background: #b08642; }

/* "YENİ" rozeti — 2026 kılavuzunda ilk kez açılan programlar */
.kt-yeni-roz {
  display: inline-block; margin-left: 6px; padding: 1px 6px;
  border-radius: 4px; background: #d9531e; color: #fff;
  font-size: 9px; font-weight: 800; letter-spacing: .4px;
  vertical-align: middle;
}
/* DOLULUK sutununda tek basina duruyorsa (yeni programlarda durum bos):
   sola yaslanmasi icin bosluk kalkar, Doldu/Dolmadı rozetleriyle ayni
   olcude durur. Doldu/Dolmadı'nin YANINDA ise 6px bosluk korunur. */
.kt-hucre-ust > .kt-yeni-roz:first-child {
  margin-left: 0; padding: 3px 8px; font-size: 10px; border-radius: 5px;
}

/* "TEKRAR AÇILDI" rozeti — 2025'te öğrenci almayıp 2026'da geri dönen
   programlar. YENİ'den ayrı renk, çünkü bunların geçmiş verisi VAR ve
   tabloda 2024 satırı dolu görünür. Etiket uzun olduğu için satır
   bölünmesi kapatıldı. */
.kt-tekrar-roz {
  display: inline-block; margin-left: 6px; padding: 1px 6px;
  border-radius: 4px; background: #3d7ea6; color: #fff;
  font-size: 9px; font-weight: 800; letter-spacing: .3px;
  vertical-align: middle; white-space: nowrap;
}
.kt-hucre-ust > .kt-tekrar-roz:first-child {
  margin-left: 0; padding: 3px 7px; font-size: 9px; border-radius: 5px;
}

/* Kontenjan hucresi - sadece sayi (genel ibaresi kaldirildi) */
.kt-yr-kont { line-height: 1.25; text-align: center; }
.kt-yr-genel {
  font-size: 13px; font-weight: 700; color: var(--kt-metin);
}
.kt-yr-bosyazi { font-size: 11px; color: #aeb2bb; }
.kt-yr-ozeller {
  display: block; margin-top: 2px;
}
.kt-ket {
  display: inline-block; font-size: 8.5px; font-weight: 600;
  padding: 0 4px; border-radius: 3px; margin: 1px 2px 0 0;
}
/* Her ozel kontenjan turu kendi rengi */
.kt-ket-ob { background: #e3f0ff; color: #1d5fa5; }   /* Okul Birincisi - mavi */
.kt-ket-yk { background: #ece8fb; color: #5a4ab0; }   /* 34 Yas Ustu - mor */
.kt-ket-dz { background: #ffeede; color: #b9751b; }   /* Depremzede - turuncu */
.kt-ket-sg { background: #fdeaec; color: #b3303f; }   /* Sehit/Gazi - kirmizi */
/* Degeri 0 olan etiket - soluk gri */
.kt-ket-bos { background: #eceef0; color: #b4b7bf; font-weight: 500; }

/* Yerlesen / sira / puan ortali hucreler */
.kt-yr-ortali { text-align: center; }
.kt-yr-deger {
  font-size: 11.5px; font-weight: 700; color: var(--kt-metin);
}

/* ===== TIKLANABILIR YIL SATIRI + DETAY PANELI ===== */
.kt-yr-tikla { cursor: pointer; }
.kt-yr-tikla:hover td { filter: brightness(0.97); }
/* Yil satirindaki acilis oku */
.kt-yr-ok {
  font-style: normal; font-size: 9px; color: #9aa0a8;
  margin-left: 6px; display: inline-block;
  transition: transform 0.15s;
}
.kt-yr-acik .kt-yr-ok { transform: rotate(180deg); }

/* Detay satiri - varsayilan gizli */
.kt-yr-detay { display: none; }
.kt-yr-detay.kt-detay-acik { display: table-row; }
.kt-yr-detay > td { padding: 0 0 5px 0 !important; background: transparent !important; }

.kt-dt-kap {
  background: #f4f6f5; border-radius: 8px; padding: 10px 12px;
}
.kt-dt-baslik {
  font-size: 10.5px; color: var(--kt-metin-soluk);
  margin-bottom: 8px; font-weight: 600;
}
.kt-dt-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 7px;
}
.kt-dt-kart {
  background: #fff; border-radius: 6px; padding: 8px 9px;
}
.kt-dt-ad {
  font-size: 10px; font-weight: 600; margin-bottom: 5px;
  line-height: 1.25; padding-left: 7px;
  border-left: 3px solid #ccc;
}
/* Kart basligi renk seridi - etiket renkleriyle ayni */
.kt-dt-ad-ob { border-left-color: #1d5fa5; color: #1d5fa5; }
.kt-dt-ad-yk { border-left-color: #5a4ab0; color: #5a4ab0; }
.kt-dt-ad-dz { border-left-color: #b9751b; color: #b9751b; }
.kt-dt-ad-sg { border-left-color: #b3303f; color: #b3303f; }
.kt-dt-notyok {
  font-size: 11px; color: var(--kt-metin-soluk);
  line-height: 1.5; background: #fff; border-radius: 6px;
  padding: 9px 11px;
}
.kt-dt-satir {
  display: flex; justify-content: space-between;
  font-size: 10.5px; padding: 1px 0;
}
.kt-dt-satir span { color: var(--kt-metin-soluk); }
.kt-dt-satir b {
  font-weight: 700; color: var(--kt-metin);
  font-variant-numeric: tabular-nums;
}
/* Yaklasik sira: OSYM verisi degil, hesaplanmis deger. Kesin sayilardan
   ayirt edilsin diye soluk ve kesik alt cizgili gosterilir. */
.kt-dt-yaklasik { cursor: help; }
.kt-dt-yaklasik span { border-bottom: 1px dotted #b6bcb9; }
.kt-dt-yaklasik b { color: var(--kt-metin-soluk); font-weight: 600; }
.kt-dt-dipnot {
  margin-top: 8px; font-size: 10px; line-height: 1.5;
  color: var(--kt-metin-soluk);
}
.kt-dt-dipnot b { font-weight: 700; }

.kt-ekle-btn {
  background: var(--kt-yesil); color: #fff; border: none;
  width: 30px; height: 30px; border-radius: 8px;
  font-size: 19px; line-height: 1; display: flex;
  align-items: center; justify-content: center;
  transition: background 0.15s, transform 0.1s;
}
.kt-ekle-btn:hover { background: var(--kt-yesil-koyu); }
.kt-ekle-btn:active { transform: scale(0.9); }
.kt-ekle-btn.kt-eklendi { background: var(--kt-yesil); }

.kt-tablo-bos {
  text-align: center !important; padding: 50px 20px !important;
  color: var(--kt-metin-soluk); font-size: 14px;
}
.kt-yukleniyor {
  text-align: center !important; padding: 50px 20px !important;
  color: var(--kt-yesil); font-size: 14px;
}

/* ---------- SAYFALAMA ---------- */
.kt-sayfalama {
  display: flex; align-items: center; justify-content: center;
  gap: 6px; padding: 16px; flex-wrap: wrap;
}
.kt-sayfa-btn {
  min-width: 34px; height: 34px; border: 1px solid var(--kt-cizgi);
  background: #fff; border-radius: 8px; font-size: 13px;
  color: var(--kt-metin); padding: 0 8px;
}
.kt-sayfa-btn:hover { background: #f0f1fa; }
.kt-sayfa-btn.kt-sayfa-aktif {
  background: var(--kt-yesil); color: #fff; border-color: var(--kt-yesil);
}
.kt-sayfa-btn:disabled { opacity: 0.4; cursor: default; }

/* ---------- TERCIH LISTEM PANELI ---------- */
.kt-panel-perde {
  position: fixed; inset: 0; background: rgba(20,22,40,0.5);
  display: none; z-index: 40;
}
.kt-panel-perde.kt-acik { display: block; }
.kt-panel {
  position: fixed; top: 0; right: 0; height: 100%;
  width: 440px; max-width: 92vw; background: var(--kt-zemin);
  z-index: 41; transform: translateX(100%);
  transition: transform 0.26s ease;
  display: flex; flex-direction: column;
}
.kt-panel.kt-acik { transform: none; }
.kt-panel-ust {
  background: #fff; border-bottom: 1px solid var(--kt-cizgi);
  padding: 16px 20px; display: flex; align-items: center; justify-content: space-between;
}
.kt-panel-ust h2 { font-size: 18px; font-weight: 800; color: var(--kt-antrasit); }
.kt-panel-kapat {
  background: #eef0f7; border: none; width: 32px; height: 32px;
  border-radius: 50%; font-size: 19px; color: var(--kt-metin-soluk);
}
.kt-panel-arac {
  padding: 12px 20px; background: #fff;
  border-bottom: 1px solid var(--kt-cizgi);
  display: flex; flex-direction: column; gap: 10px;
}
.kt-disa-grup { display: flex; gap: 8px; }
.kt-disa {
  flex: 1; border: none; border-radius: 8px; padding: 9px 8px;
  font-size: 13px; font-weight: 700; color: #fff;
}
.kt-disa-metin { background: #1f9d57; }
.kt-disa-pdf { background: #e0445b; }
.kt-panel-govde { flex: 1; overflow-y: auto; padding: 14px 18px; }
.kt-panel-bos {
  display: flex; flex-direction: column; align-items: center;
  justify-content: center; height: 100%; color: #b0b4c4; text-align: center;
}
.kt-panel-bos p { margin-top: 12px; font-size: 14px; }
.kt-panel-dip {
  padding: 12px 20px; font-size: 11.5px; color: var(--kt-metin-soluk);
  background: #fff; border-top: 1px solid var(--kt-cizgi); text-align: center;
}

.kt-liste-oge {
  background: #fff; border: 1px solid var(--kt-cizgi);
  border-radius: 10px; padding: 12px; margin-bottom: 10px;
  display: flex; gap: 10px;
}
.kt-liste-sira-no {
  flex-shrink: 0; width: 26px; height: 26px; border-radius: 7px;
  background: var(--kt-yesil); color: #fff; font-size: 13px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.kt-liste-oge-icerik { flex: 1; min-width: 0; }
.kt-liste-oge-prog { font-weight: 700; font-size: 13.5px; line-height: 1.3; }
.kt-liste-oge-uni { font-size: 12px; color: var(--kt-metin-soluk); margin-top: 3px; }
.kt-liste-oge-veri { font-size: 11.5px; color: var(--kt-metin-soluk); margin-top: 5px; }
.kt-liste-oge-sil {
  flex-shrink: 0; background: #fdeaec; border: none; color: #e0445b;
  width: 28px; height: 28px; border-radius: 7px; font-size: 16px;
}

/* ---- Tercih Listem: filtre / araçlar ---- */
.kt-liste-ogrenci { width: 100%; box-sizing: border-box; border: 1px solid var(--kt-cizgi); border-radius: 8px; padding: 7px 10px; font-size: 13px; font-family: inherit; }
.kt-liste-ogrenci:focus { outline: none; border-color: var(--kt-yesil); }
.kt-panel-filtre { display: flex; gap: 8px; align-items: stretch; }
.kt-panel-filtre .kt-secici-kk { flex: 1; min-width: 0; }
.kt-arac-btn { flex-shrink: 0; border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin); border-radius: 8px; padding: 5px 12px; font-size: 13px; font-weight: 700; cursor: pointer; }
.kt-arac-btn:hover { background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); }
.kt-disa-excel { background: #1f8a4c; }
.kt-disa-png { background: #8254b5; }
.kt-disa-kod { background: #4b6bb0; }
.kt-disa-excel-ozet { background: #5a9a72; }
.kt-disa-pdf-ozet { background: #c97a86; }
/* Listeyi Temizle — yıkıcı işlem. Dışa aktarma düğmeleri dolu renkli, bu
   BİLEREK sade: gözü çekmemeli ama arandığında bulunmalı. Kırmızıya yalnız
   üzerine gelince döner. Liste boşken JS gizler (kt-gizli). */
.kt-panel-temizle-sar { display: flex; justify-content: flex-end; }
.kt-liste-temizle {
  display: inline-flex; align-items: center; gap: 6px;
  border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin-soluk);
  border-radius: 8px; padding: 5px 11px; font-size: 12px; font-weight: 600;
  font-family: inherit; cursor: pointer; transition: 0.15s;
}
.kt-liste-temizle:hover { border-color: #c0523c; background: #fdf1ee; color: #a8402c; }
.kt-liste-temizle:focus-visible { outline: 2px solid #c0523c; outline-offset: 2px; }
.kt-liste-temizle svg { flex: none; }
.kt-panel-temizle-sar.kt-gizli { display: none; }
.kt-panel-ipucu { font-size: 11px; color: var(--kt-metin-soluk); line-height: 1.4; }
.kt-liste-filtre-bos { text-align: center; color: var(--kt-metin-soluk); font-size: 13px; padding: 24px 8px; }

/* ---- Tercih Listem: öğe sıralama + not ---- */
.kt-liste-oge[draggable="true"] { cursor: grab; }
.kt-liste-oge.kt-suruklu { opacity: 0.5; }
.kt-liste-oge.kt-uzerine { outline: 2px dashed var(--kt-yesil); outline-offset: 1px; }
.kt-liste-oge-arac { flex-shrink: 0; display: flex; flex-direction: column; gap: 5px; align-items: center; }
.kt-liste-yon { background: #eef2f0; border: 1px solid var(--kt-cizgi); color: var(--kt-yesil-koyu); width: 28px; height: 22px; border-radius: 6px; font-size: 13px; line-height: 1; cursor: pointer; }
.kt-liste-yon:hover:not([disabled]) { background: var(--kt-yesil); color: #fff; border-color: var(--kt-yesil); }
.kt-liste-yon[disabled] { opacity: 0.35; cursor: default; }
.kt-liste-not-sar { margin-top: 7px; }
.kt-liste-not { background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); border-radius: 7px; padding: 6px 9px; font-size: 12px; line-height: 1.35; margin-bottom: 5px; word-break: break-word; }
.kt-liste-not-btn { background: none; border: none; color: var(--kt-yesil); font-size: 11.5px; font-weight: 700; padding: 0; cursor: pointer; }
.kt-liste-not-btn:hover { text-decoration: underline; }
.kt-liste-not-input { width: 100%; box-sizing: border-box; border: 1px solid var(--kt-cizgi); border-radius: 7px; padding: 7px 9px; font-size: 12.5px; font-family: inherit; resize: vertical; min-height: 46px; }
.kt-liste-not-acts { display: flex; gap: 6px; margin-top: 5px; }
.kt-not-kaydet, .kt-not-iptal { border: none; border-radius: 6px; padding: 5px 11px; font-size: 12px; font-weight: 700; cursor: pointer; }
.kt-not-kaydet { background: var(--kt-yesil); color: #fff; }
.kt-not-iptal { background: #eef0f7; color: var(--kt-metin-soluk); }

/* ---------- MODALLAR ---------- */
/* ============================================================
   TERCİH SİMÜLASYONU TANITIM POP-UP'I
   ============================================================ */
.kt-promo-perde {
  position: fixed; inset: 0; background: rgba(20,22,40,0.62);
  display: flex; align-items: center; justify-content: center;
  z-index: 1500; padding: 20px;
}
.kt-promo-perde[hidden] { display: none; }
.kt-promo {
  position: relative; background: #fff; border-radius: 18px;
  max-width: 400px; width: 100%; padding: 30px 26px 22px;
  text-align: center; box-shadow: 0 24px 60px rgba(20,22,40,0.32);
  border-top: 5px solid var(--kt-yesil);
  opacity: 0; transform: translateY(14px) scale(.97);
  transition: opacity .28s ease, transform .28s cubic-bezier(.2,.8,.3,1);
}
.kt-promo-perde.kt-acik .kt-promo { opacity: 1; transform: translateY(0) scale(1); }
.kt-promo-kapat {
  position: absolute; top: 10px; right: 12px; width: 30px; height: 30px;
  border: none; background: transparent; color: #9aa0ab; font-size: 26px;
  line-height: 1; cursor: pointer; border-radius: 8px;
}
.kt-promo-kapat:hover { background: #f1f3f5; color: var(--kt-antrasit); }
.kt-promo-ust { display: flex; flex-direction: column; align-items: center; gap: 12px; margin-bottom: 14px; }
.kt-promo-rozet {
  font-size: 11px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase;
  color: var(--kt-yesil-koyu); background: var(--kt-yesil-acik);
  padding: 5px 12px; border-radius: 20px; border: 1px solid #cfe2da;
}
.kt-promo-ikon {
  width: 60px; height: 60px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--kt-yesil-acik); color: var(--kt-yesil);
}
.kt-promo-baslik {
  font-family: var(--kt-font-baslik, inherit);
  font-size: 19px; font-weight: 800; color: var(--kt-antrasit);
  line-height: 1.35; margin: 0 0 10px;
}
.kt-promo-metin { font-size: 13.5px; line-height: 1.6; color: #4a4f5c; margin: 0 0 20px; }
.kt-promo-metin b { color: var(--kt-yesil-koyu); }
.kt-promo-cta {
  width: 100%; font-family: inherit; font-size: 15px; font-weight: 700;
  padding: 13px 18px; border-radius: 11px; border: none; cursor: pointer;
  background: var(--kt-yesil); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  box-shadow: 0 6px 16px rgba(73,130,109,0.35); transition: background .15s, transform .15s;
}
.kt-promo-cta:hover { background: var(--kt-yesil-koyu); transform: translateY(-1px); }
.kt-promo-ok { font-weight: 800; transition: transform .15s; }
.kt-promo-cta:hover .kt-promo-ok { transform: translateX(3px); }
.kt-promo-sonra {
  margin-top: 12px; font-family: inherit; font-size: 12.5px; color: #8a909c;
  background: none; border: none; cursor: pointer; padding: 4px 8px;
}
.kt-promo-sonra:hover { color: var(--kt-antrasit); text-decoration: underline; }
@media (max-width: 420px) {
  .kt-promo { padding: 26px 20px 20px; }
  .kt-promo-baslik { font-size: 17.5px; }
}

.kt-modal-perde {
  position: fixed; inset: 0; background: rgba(20,22,40,0.6);
  display: none; align-items: center; justify-content: center;
  z-index: 50; padding: 20px;
}
.kt-modal-perde.kt-acik { display: flex; }
.kt-modal {
  display: none; background: #fff; border-radius: 16px;
  max-width: 600px; width: 100%; max-height: 86vh;
  flex-direction: column; overflow: hidden;
  border-top: 5px solid var(--kt-yesil);
}
.kt-modal.kt-acik { display: flex; }
.kt-modal-ust {
  padding: 18px 22px; display: flex; align-items: center;
  justify-content: space-between; border-bottom: 1px solid var(--kt-cizgi);
}
.kt-modal-ust h2 { font-size: 19px; font-weight: 800; color: var(--kt-antrasit); }
.kt-modal-kapat {
  background: #eef0f7; border: none; width: 32px; height: 32px;
  border-radius: 50%; font-size: 19px; color: var(--kt-metin-soluk);
}
.kt-modal-govde { padding: 20px 22px; overflow-y: auto; }
.kt-modal-govde p { font-size: 14px; line-height: 1.6; color: #3a3e52; margin-bottom: 12px; }
.kt-adim-liste { list-style: none; padding: 0; margin: 6px 0 0; }
.kt-adim-liste li { display: flex; gap: 12px; margin-bottom: 16px; }
.kt-adim-no {
  flex-shrink: 0; width: 28px; height: 28px; border-radius: 50%;
  background: #e7ecff; color: var(--kt-yesil);
  font-weight: 700; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}
.kt-adim-liste h3 { font-size: 14.5px; font-weight: 700; color: var(--kt-metin); }
.kt-adim-liste h3 + p { margin-top: 4px; }
.kt-modal-dip { padding: 16px 22px; border-top: 1px solid var(--kt-cizgi); }
.kt-modal-onay {
  width: 100%; background: var(--kt-yesil); color: #fff; border: none;
  padding: 13px; border-radius: 10px; font-size: 15px; font-weight: 700;
}
.kt-modal-onay:hover { background: var(--kt-yesil-koyu); }

/* ---------- Markalı onay / uyarı kutusu (native confirm/alert yerine) ---------- */
.kt-onay-perde { z-index: 60; }
.kt-onay-modal { max-width: 460px; }
.kt-onay-modal.tehlike { border-top-color: #b3473b; }
.kt-onay-bas { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kt-onay-ikon {
  flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: var(--kt-yesil-acik); color: var(--kt-yesil);
}
.kt-onay-modal.tehlike .kt-onay-ikon { background: #fbe9e7; color: #b3473b; }
.kt-onay-x {
  flex-shrink: 0; background: #eef0f7; border: none; width: 32px; height: 32px;
  border-radius: 50%; font-size: 19px; line-height: 1; color: var(--kt-metin-soluk);
  cursor: pointer; transition: background 0.15s, color 0.15s;
}
.kt-onay-x:hover { background: #e2e5ee; color: var(--kt-metin); }
.kt-onay-modal .kt-modal-govde p { margin-bottom: 0; }
.kt-onay-dip { display: flex; gap: 10px; justify-content: flex-end; }
.kt-onay-btn {
  padding: 11px 20px; border-radius: 10px; border: none; font-family: inherit;
  font-size: 14px; font-weight: 700; cursor: pointer; transition: background 0.15s;
}
.kt-onay-iptal { background: #eef0f2; color: var(--kt-metin); }
.kt-onay-iptal:hover { background: #e2e5e8; }
.kt-onay-evet { background: var(--kt-yesil); color: #fff; }
.kt-onay-evet:hover { background: var(--kt-yesil-koyu); }
.kt-onay-modal.tehlike .kt-onay-evet { background: #b3473b; }
.kt-onay-modal.tehlike .kt-onay-evet:hover { background: #96382e; }
@media (max-width: 520px) {
  .kt-onay-dip { flex-direction: column-reverse; }
  .kt-onay-btn { width: 100%; }
}

/* ---------- DIP (FOOTER) + WHATSAPP ---------- */
.kt-dip {
  background: var(--kt-yesil-acik);
  padding: 26px 20px 20px;
  margin-top: 36px;
  text-align: center;
}
.kt-wa-baslik {
  font-size: 13px; color: var(--kt-antrasit); font-weight: 700;
  margin: 0 auto 14px; max-width: 360px; line-height: 1.45;
}
.kt-wa-grup {
  display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px;
  justify-content: center; max-width: 680px; margin: 0 auto 16px;
}
.kt-wa-kart {
  display: flex; align-items: center; gap: 10px;
  background: #fff; border: 1px solid rgba(0,0,0,0.08);
  border-radius: 10px; padding: 9px 13px;
  text-decoration: none; min-width: 0; flex: 1 1 280px;
  transition: border-color 0.15s, box-shadow 0.15s;
}
.kt-wa-kart:hover {
  border-color: #25d366; box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.kt-wa-ikon {
  width: 32px; height: 32px; border-radius: 50%;
  background: #25d366; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center;
}
.kt-wa-ikon-mail { background: #25d366; }   /* WhatsApp yeşili ile aynı */
.kt-wa-bilgi { text-align: left; min-width: 0; flex: 1; }
.kt-wa-ad {
  display: block; font-size: 12.5px; font-weight: 700;
  color: var(--kt-antrasit);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.kt-wa-rol {
  display: block; font-size: 10px; color: var(--kt-metin-soluk);
  margin-top: 1px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.kt-dip-cizgi {
  border: none; border-top: 1px solid var(--kt-yesil);
  opacity: 0.3;
  margin: 0 0 12px;
}
.kt-dip-telif {
  font-size: 11.5px; color: var(--kt-antrasit); line-height: 1.7;
}
.kt-dip-vurgu {
  display: inline-block; font-weight: 700; font-size: 12.5px;
  color: var(--kt-antrasit); letter-spacing: 0.2px;
}

/* ---------- TEMIZLE BUTONU ---------- */
.kt-temizle {
  display: inline-flex; align-items: center; gap: 5px;
  background: #fff; border: 1px solid var(--kt-yesil);
  border-radius: 8px; color: var(--kt-yesil);
  font-size: 11.5px; font-weight: 600; font-family: inherit;
  padding: 6px 12px; cursor: pointer;
  transition: background 0.15s;
  flex-shrink: 0;
}
.kt-temizle:hover { background: #eef4f1; }

/* Diğer sekmelerdeki "Aramayı Temizle" butonu (ücret/meslek/dikey) */
.kt-arama-temizle {
  display: inline-flex; align-items: center; gap: 5px;
  background: #fff; border: 1px solid var(--kt-yesil);
  border-radius: 8px; color: var(--kt-yesil);
  font-size: 11.5px; font-weight: 600; font-family: inherit;
  padding: 6px 12px; cursor: pointer;
  transition: background 0.15s;
}
.kt-arama-temizle:hover { background: #eef4f1; }
.kt-arama-temizle svg { flex-shrink: 0; }
.kt-arama-temizle-sar { margin-top: 10px; }

/* ---------- DUYARLI ---------- */
@media (max-width: 720px) {
  .kt-baslik { font-size: 28px; }
  .kt-merkez { padding: 24px 18px 36px; }
  .kt-kart-grup, .kt-bilgi-grup, .kt-puan-grup, .kt-altarac-grup { grid-template-columns: 1fr; }
  /* Karsilama kartlari: mobilde ikon solda, kompakt satir */
  .kt-kademe-kart { flex-direction: row; align-items: center; gap: 14px; padding: 18px 16px; text-align: left; }
  .kt-kademe-kart .kt-kart-ikon { width: 48px; height: 48px; margin-bottom: 0; flex-shrink: 0; }
  .kt-kademe-kart .kt-kart-metin { flex: 1; min-width: 0; }
  .kt-kart-ad { font-size: 16.5px; }
  .kt-hizli-ara { margin-top: 18px; }
  .kt-araclar-grup { grid-template-columns: 1fr 1fr; }
  .kt-filtre-arac { width: 100%; }
  .kt-aralik { flex: 1; }
  .kt-wa-grup { flex-direction: column; align-items: center; }
  .kt-wa-kart { flex: 0 0 auto; width: 100%; max-width: 300px; }
}

/* Ogretim turu hucresi */
.kt-ogrturu { font-size: 11.5px; color: var(--kt-metin); }

/* ================================================================
   UCRET ROBOTU
   ================================================================ */
/* --- Karsilama ekrani --- */
.kt-ucret-merkez {
  max-width: 720px; margin: 0 auto;
  padding: 70px 22px 50px;
  text-align: center;
}
/* .kt-ucret-h1 boyut/font tanımı TEK KAYNAK kuralında (ölü kural kaldırıldı). */
.kt-ucret-alt {
  font-size: 14px; color: var(--kt-metin-soluk);
  margin: 0 0 32px; line-height: 1.55;
}
.kt-ucret-arama {
  position: relative; max-width: 560px; margin: 0 auto;
}
.kt-ucret-arama-ikon {
  position: absolute; left: 18px; top: 14px;
  color: #9ba3ad; pointer-events: none;
}
.kt-ucret-arama input {
  width: 100%; padding: 14px 20px 14px 50px;
  font-family: var(--kt-font-govde); font-size: 14px;
  border: 1.5px solid #d0d5db; border-radius: 10px;
  background: #fff; box-sizing: border-box;
  outline: none; transition: border-color 0.15s;
}
.kt-ucret-arama input:focus { border-color: var(--kt-yesil); }

.kt-ucret-rozet-grup {
  display: flex; gap: 7px; flex-wrap: wrap;
  justify-content: center; margin-top: 22px;
}
.kt-ucret-rozet {
  font-family: var(--kt-font-govde);
  font-size: 12px; padding: 6px 14px;
  background: #f1f3f5; color: #3c4147;
  border: 1px solid #e3e7eb; border-radius: 14px;
  cursor: pointer; transition: background 0.15s;
}
.kt-ucret-rozet:hover { background: #e7eaee; }

.kt-ucret-ist {
  display: flex; justify-content: center; gap: 38px;
  margin-top: 42px; padding-top: 24px;
  border-top: 1px solid #eef0f2;
  flex-wrap: wrap;
}
.kt-ucret-ist-tek { text-align: center; }
.kt-ucret-ist-say {
  font-family: var(--kt-font-baslik);
  font-size: 22px; font-weight: 700; color: var(--kt-metin);
}
.kt-ucret-ist-ad {
  font-size: 11px; color: var(--kt-metin-soluk);
  margin-top: 2px;
}

/* --- Sonuc ekrani --- */
.kt-ucret-arac {
  max-width: 1280px; margin: 0 auto;
  padding: 22px 22px 14px;
  display: flex; align-items: center; gap: 14px;
  flex-wrap: wrap;
}
.kt-ucret-arama-sonuc { flex: 1; min-width: 280px; max-width: none; margin: 0; }
.kt-ucret-arama-sonuc input { padding: 10px 14px 10px 40px; font-size: 13px; }
.kt-ucret-arama-sonuc .kt-ucret-arama-ikon { top: 11px; left: 14px; }
.kt-ucret-filt {
  display: flex; align-items: center; gap: 11px; flex-wrap: wrap;
}
.kt-ucret-filt label {
  font-size: 11px; color: var(--kt-metin-soluk);
  display: flex; align-items: center; gap: 6px;
}
.kt-ucret-sec {
  font-family: var(--kt-font-govde); font-size: 12px;
  padding: 8px 10px; border: 1px solid #d0d5db;
  border-radius: 7px; background: #fff; color: var(--kt-metin);
  cursor: pointer; outline: none;
}
/* Ücret filtre çubuğundaki çoklu şehir seçici — .kt-ms varsayılan %100 genişliğini kırp */
.kt-ucret-filt .kt-ucret-ms { width: 190px; }
@media (max-width: 560px) { .kt-ucret-filt .kt-ucret-ms { width: 100%; } }
.kt-ucret-ozet {
  max-width: 1280px; margin: 0 auto;
  padding: 11px 22px; background: var(--kt-yesil-acik);
  color: var(--kt-yesil-koyu); font-size: 12.5px;
  border-top: 1px solid rgba(0,0,0,0.05);
  border-bottom: 1px solid rgba(0,0,0,0.05);
  display: flex; justify-content: space-between;
  align-items: center; flex-wrap: wrap; gap: 8px;
}
.kt-ucret-ozet.kt-bos {
  background: #fff7e8; color: #8a5a0a;
}

.kt-ucret-liste {
  max-width: 1280px; margin: 0 auto;
  background: #fff; padding: 0;
}
.kt-ucret-yukleniyor {
  padding: 60px 22px; text-align: center;
  color: var(--kt-metin-soluk); font-size: 13px;
}
.kt-ucret-list-ust {
  padding: 11px 22px; background: #f7f8f9;
  font-size: 11px; font-weight: 700; color: var(--kt-metin-soluk);
  letter-spacing: 0.3px;
  border-bottom: 1px solid #eef0f2;
}
/* Satır iki bloğa bölünür: solda program/üniversite, sağda ücret.
   flex-wrap ZORUNLU: dar ekranda iki blok alt alta geçsin, yan yana
   sıkışıp okunmaz hâle gelmesin. */
.kt-ucret-sat {
  display: flex; align-items: center; flex-wrap: wrap;
  padding: 13px 22px; gap: 14px;
  border-bottom: 1px solid #f1f3f5;
  cursor: pointer; transition: background 0.12s;
}
.kt-ucret-sat:hover { background: #fafbfc; }
.kt-ucret-sat:last-child { border-bottom: none; }
.kt-ucret-rank {
  width: 28px; height: 28px; border-radius: 50%;
  background: #f1f3f5; color: var(--kt-metin-soluk);
  font-size: 12px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-variant-numeric: tabular-nums;
}
.kt-ucret-rank-1 { background: #FCEBEB; color: #A32D2D; }
.kt-ucret-rank-2 { background: #FAEEDA; color: #854F0B; }
.kt-ucret-rank-3 { background: #FAEEDA; color: #854F0B; }
/* TABAN GENİŞLİK ŞART (320px). Eskiden `flex: 1` idi, yani taban 0 —
   sağdaki blok içerik kadar genişleyince bu blok SIFIRA eziliyordu ve
   "YAKIN DOĞU ÜNİVERSİTESİ" hece hece alt alta sarıyordu. Bkz. .kt-ucret-blok */
.kt-ucret-uni-blok { flex: 1 1 320px; min-width: 0; }
.kt-ucret-uni-ad {
  font-size: 13px; font-weight: 600; color: var(--kt-metin);
  line-height: 1.3;
}
.kt-ucret-prog-ad {
  font-size: 12.5px; color: var(--kt-metin); margin-top: 3px;
}
.kt-ucret-uni-alt {
  font-size: 10.5px; color: var(--kt-metin-soluk);
  margin-top: 4px;
  display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
.kt-ucret-uni-alt .kt-rozet-tur {
  font-size: 9.5px; padding: 1px 6px;
}
.kt-ucret-burs-rozet {
  font-size: 9.5px; font-weight: 500;
  padding: 1px 6px; border-radius: 3px;
  background: #e7eef3; color: #4d6b80;
}
.kt-ucret-sehir-eti {
  display: inline-flex; align-items: center; gap: 3px;
  color: #1d6fd6; font-weight: 500;
}
/* Bu blok yalnız tutarı değil, uzun açıklama kutularını da taşıyor
   (.kt-ucret-not sarı, .kt-ucret-ekpay kırmızı). `flex` tanımsızken
   varsayılan `0 1 auto` oluyordu: taban = İÇERİK genişliği, yani uzun
   not tek satıra sığacak kadar. Sol blok min-width:0 olduğu için tüm
   yeri bu blok yutuyordu. Sabit bir taban vermek notu kutunun İÇİNDE
   sardırır; satır düzeni metnin uzunluğundan bağımsız hâle gelir. */
.kt-ucret-blok {
  text-align: right; flex: 1 1 240px; min-width: 140px;
}
.kt-ucret-tutar {
  font-family: var(--kt-font-baslik);
  font-size: 15px; font-weight: 700; color: var(--kt-metin);
  font-variant-numeric: tabular-nums;
}
.kt-ucret-tutar-bos {
  font-size: 12px; color: var(--kt-metin-soluk); font-style: italic;
}
.kt-ucret-aciklama {
  font-size: 10.5px; color: var(--kt-metin-soluk);
  margin-top: 2px;
}

/* Sonuc bos durumu */
.kt-ucret-bos {
  padding: 60px 22px; text-align: center;
  color: var(--kt-metin-soluk); font-size: 13px;
}
.kt-ucret-bos b { color: var(--kt-metin); }

/* --- Ucret detay panel --- */
.kt-ucret-sat-acik {
  background: #fafbfc;
}
.kt-ucret-detay {
  background: #fafbfc;
  border-bottom: 1px solid #f1f3f5;
  padding: 18px 22px 20px 64px;
  animation: ktUcDtA 0.22s ease;
}
@keyframes ktUcDtA {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: none; }
}
.kt-ucret-detay-ic { font-size: 12.5px; color: var(--kt-metin); }
.kt-ucret-detay-yuk { color: var(--kt-metin-soluk); font-size: 12px; }
.kt-ucret-detay-bas {
  display: flex; gap: 22px; flex-wrap: wrap;
  margin-bottom: 12px; padding-bottom: 12px;
  border-bottom: 1px solid #eef0f2;
}
.kt-ucret-detay-bas > div {
  font-size: 12px; color: var(--kt-metin);
}
.kt-ucret-detay-bas b { font-weight: 600; }
.kt-ucret-detay-not {
  background: #fff7e8; color: #8a5a0a;
  padding: 9px 13px; border-radius: 6px;
  font-size: 11.5px; margin-bottom: 12px;
}
.kt-ucret-detay-baslik {
  font-size: 11px; font-weight: 700;
  color: var(--kt-metin-soluk); letter-spacing: 0.3px;
  margin-bottom: 8px; text-transform: uppercase;
}
.kt-ucret-detay-kosul {
  font-size: 12px; line-height: 1.55;
  padding: 7px 0; color: var(--kt-metin);
  border-bottom: 1px dashed #e8eaec;
}
.kt-ucret-detay-kosul:last-child { border-bottom: none; }
.kt-ucret-detay-bk {
  display: inline-block; padding: 1px 7px;
  background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  font-size: 10.5px; font-weight: 700; border-radius: 4px;
  margin-right: 6px;
}

/* ================================================================
   UCRET ROBOTU - CIFT SUTUN ARAMA (karsilama)
   ================================================================ */
.kt-ucret-merkez2 {
  max-width: 920px; margin: 0 auto;
  padding: 44px 22px 56px;
}
.kt-ucret-merkez2 .kt-ucret-h1 { text-align: center; }
.kt-ucret-merkez2 .kt-ucret-alt { text-align: center; max-width: 640px; margin-left: auto; margin-right: auto; }

.kt-ucret-kolonlar {
  display: grid; grid-template-columns: 1fr 1fr; gap: 22px;
  margin-top: 8px;
}
.kt-ucret-kolon {
  background: #fff; border: 1px solid #e7eaee;
  border-radius: 12px; overflow: visible;
  position: relative;
}
.kt-ucret-kolon-bas {
  padding: 14px 18px; border-bottom: 1px solid #eef0f2;
  display: flex; align-items: center; gap: 10px;
}
.kt-ucret-kolon-ikon {
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.kt-ikon-bolum { background: #e7eef3; color: #4d6b80; }
.kt-ikon-uni { background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); }
.kt-ucret-kolon-baslik { font-size: 14px; font-weight: 600; color: var(--kt-metin); }
.kt-ucret-kolon-aciklama { font-size: 11px; color: #9ba3ad; margin-top: 1px; }

.kt-ucret-kombo {
  position: relative; padding: 14px 16px 12px;
}
.kt-ucret-kombo-ikon {
  position: absolute; left: 28px; top: 24px; color: #9ba3ad; pointer-events: none;
}
.kt-ucret-kombo input {
  width: 100%; padding: 10px 13px 10px 38px;
  font-family: var(--kt-font-govde); font-size: 13px;
  border: 1.5px solid #d8dde2; border-radius: 8px;
  box-sizing: border-box; outline: none; transition: border-color 0.15s;
}
.kt-ucret-kombo input:focus { border-color: var(--kt-yesil); }

.kt-ucret-kombo-liste {
  display: none;
  max-height: 320px; overflow-y: auto;
  border-top: 1px solid #eef0f2;
}
.kt-ucret-kombo-liste.kt-acik { display: block; }
.kt-ucret-kombo-sat {
  padding: 10px 18px; border-bottom: 1px solid #f4f5f6;
  display: flex; align-items: center; justify-content: space-between;
  gap: 10px; cursor: pointer; font-size: 13px; color: var(--kt-metin);
}
.kt-ucret-kombo-sat:last-child { border-bottom: none; }
.kt-ucret-kombo-sat:hover,
.kt-ucret-kombo-sat.kt-vurgulu { background: #f7faf9; }
.kt-ucret-kombo-ad { font-weight: 500; line-height: 1.3; }
.kt-ucret-kombo-ad mark { background: #fff6d9; color: inherit; border-radius: 2px; padding: 0 1px; }
.kt-ucret-kombo-say {
  font-size: 11px; color: var(--kt-metin-soluk);
  background: #f1f3f5; padding: 2px 8px; border-radius: 10px;
  white-space: nowrap; flex-shrink: 0;
}
.kt-ucret-kombo-bos {
  padding: 16px 18px; font-size: 12px; color: #9ba3ad; text-align: center;
}
.kt-ucret-kombo-not {
  text-align: center; font-size: 11.5px; color: #9ba3ad; margin-top: 26px;
}

/* Mobil */
@media (max-width: 720px) {
  .kt-ucret-kolonlar { grid-template-columns: 1fr; }
}


/* ================================================================
   MESLEK LISESI ROBOTU (kategorili kart)
   ================================================================ */
.kt-meslek-merkez2 { max-width: 1000px; margin: 0 auto; padding: 40px 22px 52px; }
/* .kt-meslek-h1 boyut/font tanımı TEK KAYNAK kuralında (ölü kural kaldırıldı). */
.kt-meslek-alt { text-align: center; font-size: 13.5px; color: var(--kt-metin-soluk); margin: 0 0 18px; }
.kt-meslek-bilgi {
  max-width: 640px; margin: 0 auto 26px; padding: 12px 16px;
  background: var(--kt-yesil-acik); border: 1px solid #d9e7e1; border-radius: 9px;
  font-size: 12px; color: var(--kt-yesil-koyu); line-height: 1.5;
  display: flex; gap: 9px; align-items: flex-start;
}
.kt-meslek-bilgi svg { flex-shrink: 0; margin-top: 1px; }
.kt-meslek-arama-kk { max-width: 480px; margin: 0 auto 30px; position: relative; }
.kt-meslek-arama-kk-ik { position: absolute; left: 14px; top: 12px; color: #9ba3ad; pointer-events: none; }
.kt-meslek-arama-kk input {
  width: 100%; padding: 11px 14px 11px 40px; font-family: var(--kt-font-govde);
  font-size: 13px; border: 1.5px solid #d0d5db; border-radius: 9px;
  box-sizing: border-box; outline: none; transition: border-color 0.15s;
}
.kt-meslek-arama-kk input:focus { border-color: var(--kt-yesil); }

.kt-meslek-kat { margin-bottom: 28px; }
.kt-meslek-kat-bas { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; }
.kt-meslek-kat-ikon {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  display: flex; align-items: center; justify-content: center;
}
.kt-meslek-kat-ad { font-size: 15px; font-weight: 600; color: var(--kt-metin); }
.kt-meslek-kat-say { font-size: 11px; color: #9ba3ad; }

.kt-meslek-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.kt-meslek-kart {
  border: 1px solid #e7eaee; border-radius: 10px; background: #fff;
  padding: 13px 14px; cursor: pointer; transition: border-color 0.15s, box-shadow 0.15s;
  display: flex; align-items: center; gap: 11px;
}
.kt-meslek-kart:hover { border-color: var(--kt-yesil); box-shadow: 0 2px 8px rgba(73,130,109,0.1); }
.kt-meslek-kart-ikon {
  width: 34px; height: 34px; border-radius: 8px;
  background: #f1f5f4; color: var(--kt-yesil-koyu);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.kt-meslek-kart-ic { flex: 1; min-width: 0; }
.kt-meslek-kart-kod { font-family: monospace; font-size: 10.5px; font-weight: 700; color: #34607d; }
.kt-meslek-kart-ad { font-size: 12.5px; font-weight: 500; color: var(--kt-metin); line-height: 1.25; margin-top: 1px; }

/* Acik kart - tum satiri kaplar */
.kt-meslek-kart-acik {
  grid-column: 1 / -1; cursor: default; display: block;
  border-color: var(--kt-yesil); box-shadow: 0 2px 10px rgba(73,130,109,0.12);
}
.kt-meslek-yok-not {
  font-size: 10.5px; color: var(--kt-metin-soluk); background: #f4f5f6;
  padding: 4px 10px; border-radius: 6px; white-space: nowrap; border: 1px solid var(--kt-cizgi);
}

/* Meslek Atlası — kademe seçim ekranı (karşılama tarzı) */
.kt-meslek-kademe-grup { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 680px; margin: 34px auto 0; }
.kt-meslek-kademe-kart {
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi);
  border-radius: 16px; padding: 32px 24px; cursor: pointer; font-family: inherit;
  display: flex; flex-direction: column; align-items: center; text-align: center;
  transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s;
}
.kt-meslek-kademe-kart:hover {
  transform: translateY(-4px); border-color: var(--kt-yesil);
  box-shadow: 0 14px 32px rgba(42,45,110,0.14);
}
.kt-meslek-geri, .kt-yg-geri, .kt-dgs-geri {
  display: inline-flex; align-items: center; gap: 4px; background: none; border: none;
  color: var(--kt-yesil-koyu); font-family: inherit; font-size: 13px; font-weight: 700;
  cursor: pointer; padding: 4px 0; margin-bottom: 6px;
}
.kt-meslek-geri:hover, .kt-yg-geri:hover, .kt-dgs-geri:hover { text-decoration: underline; }

@media (max-width: 560px) {
  .kt-meslek-kademe-grup { grid-template-columns: 1fr; gap: 14px; }
}
.kt-meslek-acilim-bas {
  display: flex; align-items: center; gap: 11px;
  padding-bottom: 11px; border-bottom: 1px solid #eef0f2; margin-bottom: 11px;
}
.kt-meslek-kapat { margin-left: auto; font-size: 20px; color: #9ba3ad; cursor: pointer; line-height: 1; padding: 0 4px; }
.kt-meslek-kapat:hover { color: var(--kt-metin); }
.kt-meslek-ek-rozet {
  font-size: 10.5px; background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  padding: 3px 9px; border-radius: 11px; border: 1px solid #d9e7e1;
}
.kt-meslek-dal-sekme { display: flex; gap: 7px; flex-wrap: wrap; margin-bottom: 12px; }
.kt-meslek-dal-s {
  font-family: var(--kt-font-govde); font-size: 11.5px; padding: 6px 11px;
  border-radius: 7px; cursor: pointer; border: 1px solid #d8dde2;
  background: #fff; color: #3c4147; display: inline-flex; align-items: center; gap: 5px;
}
.kt-meslek-dal-s.kt-dal-s-akt { background: var(--kt-yesil); color: #fff; border-color: var(--kt-yesil); }
.kt-meslek-dal-s-say { font-size: 9.5px; background: rgba(0,0,0,0.08); padding: 1px 5px; border-radius: 7px; }
.kt-meslek-dal-s.kt-dal-s-akt .kt-meslek-dal-s-say { background: rgba(255,255,255,0.25); }

.kt-meslek-prog-agac { }
.kt-meslek-prog-sat {
  display: flex; align-items: center; justify-content: space-between;
  padding: 8px 4px; border-bottom: 1px solid #f4f5f6; gap: 12px;
}
.kt-meslek-prog-sat:last-child { border-bottom: none; }
.kt-meslek-prog-ad { font-size: 12.5px; color: var(--kt-metin); display: flex; align-items: center; gap: 9px; }
.kt-meslek-prog-no {
  width: 22px; height: 22px; border-radius: 6px; background: #f1f3f5;
  color: #6b7078; font-size: 10px; font-weight: 600;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.kt-meslek-ara-btn {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 500;
  padding: 5px 11px; border-radius: 6px; background: var(--kt-yesil); color: #fff;
  border: none; cursor: pointer; white-space: nowrap;
}
.kt-meslek-ara-btn:hover { background: var(--kt-yesil-koyu); }
.kt-ara-ok { margin-left: 1px; font-weight: 700; display: inline-block; transition: transform .12s; }
.kt-meslek-ara-btn:hover .kt-ara-ok, .kt-dgs-ara-btn:hover .kt-ara-ok { transform: translateX(2px); }
.kt-meslek-bos-sonuc { text-align: center; padding: 40px 22px; color: var(--kt-metin-soluk); font-size: 13px; }

/* ============================================================
   MESLEK ATLASI — COKLU SECIM
   Kutucuk (satirin her yeri tiklanabilir) + yapiskan cip cubugu.
   Satir sonundaki buyutec korunur: tek programi aninda aratir.
   ============================================================ */
.kt-msec-arac {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 8px 10px; margin-bottom: 8px;
  background: #f8f9fa; border: 1px solid #eceff1; border-radius: 8px;
}
.kt-msec-tum {
  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
  font-size: 11.5px; font-weight: 600; color: var(--kt-metin); user-select: none;
}
.kt-msec-temizle {
  font-family: var(--kt-font-govde); font-size: 11px; padding: 4px 10px;
  border-radius: 6px; border: 1px solid #d8dde2; background: #fff;
  color: #3c4147; cursor: pointer;
}
.kt-msec-temizle:hover { border-color: var(--kt-yesil); color: var(--kt-yesil); }
.kt-msec-say { font-size: 11px; color: var(--kt-metin-soluk); margin-left: auto; }
.kt-msec-say b { color: var(--kt-yesil-koyu); }

/* Kutucuk */
.kt-prog-kutu {
  width: 17px; height: 17px; flex-shrink: 0; background: #fff;
  border: 1.6px solid #c9d0d6; border-radius: 5px;
  display: flex; align-items: center; justify-content: center;
  color: #fff; transition: background 0.12s, border-color 0.12s;
}
.kt-prog-kutu svg { opacity: 0; }
.kt-prog-sec > .kt-meslek-prog-ad > .kt-prog-kutu,
.kt-msec-tum-akt .kt-prog-kutu { background: var(--kt-yesil); border-color: var(--kt-yesil); }
.kt-prog-sec > .kt-meslek-prog-ad > .kt-prog-kutu svg,
.kt-msec-tum-akt .kt-prog-kutu svg { opacity: 1; }

/* ÖZYES satirlari (MTOK): merkezi yerlestirmeye girmedigi icin secilemez.
   Hizalama bozulmasin diye kutucuk yerine ayni olcude bos alan birakilir. */
.kt-prog-kutu-yok { border-color: transparent; background: transparent; }
.kt-prog-secilemez { padding-left: 8px; padding-right: 8px; opacity: 0.72; }

.kt-prog-secilebilir { cursor: pointer; border-radius: 7px; padding-left: 8px; padding-right: 8px; }
.kt-prog-secilebilir:hover { background: #f8f9fa; }
.kt-meslek-prog-sat.kt-prog-sec { background: #f5faf8; }

/* Satir sonu buyuteci: koyu yesil zemin, beyaz ikon */
.kt-meslek-ara-btn.kt-ara-tek { background: var(--kt-yesil-koyu); color: #fff; padding: 6px 9px; }
.kt-meslek-ara-btn.kt-ara-tek:hover { background: #2f5648; }

/* Yapiskan secim cubugu (kartin alt kenarina yapisir) */
.kt-msec-cubuk {
  position: sticky; bottom: 0; z-index: 4;
  margin: 12px -14px -13px; padding: 11px 14px;
  background: #fff; border-top: 1px solid #e3e7ea; border-radius: 0 0 10px 10px;
  box-shadow: 0 -3px 12px rgba(0,0,0,0.06);
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  transition: transform 0.18s, opacity 0.18s;
}
.kt-msec-cubuk.kt-msec-gizli { display: none; }
.kt-msec-sol { min-width: 0; flex: 1 1 auto; }
.kt-msec-bas { font-size: 12px; font-weight: 600; color: var(--kt-yesil-koyu); margin-bottom: 6px; }
.kt-msec-cipler { display: flex; gap: 5px; flex-wrap: wrap; max-height: 74px; overflow-y: auto; }
.kt-msec-cip {
  font-size: 10.5px; background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu);
  padding: 3px 8px; border-radius: 11px; display: inline-flex; align-items: center; gap: 6px;
}
.kt-msec-cip b { cursor: pointer; font-weight: 700; opacity: 0.55; font-size: 12px; line-height: 1; }
.kt-msec-cip b:hover { opacity: 1; }
.kt-msec-git {
  font-family: var(--kt-font-govde); margin-left: auto; flex-shrink: 0;
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 600; padding: 9px 16px; border-radius: 7px;
  background: var(--kt-yesil); color: #fff; border: none; cursor: pointer;
}
.kt-msec-git:hover { background: var(--kt-yesil-koyu); }
.kt-msec-git:hover .kt-ara-ok { transform: translateX(2px); }

@media (max-width: 560px) {
  .kt-msec-ipucu { display: none; }
  .kt-msec-say { margin-left: 0; }
  .kt-msec-git { margin-left: 0; width: 100%; justify-content: center; }
  /* Satir dikey akarken kutucuk + ad ustte, buyutec altta kalir */
  .kt-meslek-prog-sat.kt-prog-secilebilir { flex-direction: row; align-items: center; }
  .kt-meslek-prog-ad { min-width: 0; }
}

@media (max-width: 860px) {
  .kt-meslek-kartlar { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .kt-meslek-kartlar { grid-template-columns: 1fr; }
  .kt-meslek-prog-sat { flex-direction: column; align-items: flex-start; gap: 7px; }
}


/* ============================================================
   DİKEY GEÇİŞ ATLASI — eklenen stiller (dgs_eklenecek.css)
   ============================================================ */
   DIKEY GECIS ATLASI BOLUMU
   =========================================================== */

.kt-dgs-merkez {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 0 80px;
}

/* .kt-dgs-h1 boyut/font tanımı TEK KAYNAK kuralında (ölü kural kaldırıldı). */

.kt-dgs-alt {
  font-size: 14px;
  color: #6F7280;
  margin: 0 0 22px;
  line-height: 1.55;
}

/* YÖN SEÇİCİ */

.kt-dgs-yon {
  display: inline-flex;
  gap: 4px;
  padding: 4px;
  background: #ECEDEC;
  border-radius: 10px;
  margin-bottom: 16px;
}

.kt-dgs-yon-buton {
  background: transparent;
  border: 0;
  padding: 9px 16px;
  font-size: 13px;
  font-family: inherit;
  color: #6F7280;
  border-radius: 7px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background 0.15s, color 0.15s;
}

.kt-dgs-yon-buton:hover {
  color: #25272E;
}

.kt-dgs-yon-aktif {
  background: #25272E;
  color: #fff;
  font-weight: 500;
}

.kt-dgs-yon-aktif:hover {
  color: #fff;
}

/* BÖLÜM KARTLARI (Genel / AÖF Almadan / AÖF Alarak) */

.kt-dgs-bolum-kartlar {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  margin-bottom: 18px;
}

.kt-dgs-bolum-kart {
  background: #fff;
  border: 1px solid #E5E5E0;
  border-radius: 11px;
  padding: 14px 14px 12px;
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
  font-family: inherit;
  text-align: left;
  width: 100%;
}

.kt-dgs-bolum-kart:hover {
  border-color: #C8C9C4;
}

.kt-dgs-bolum-kart-aktif {
  border: 2px solid #49826D;
  padding: 13px 13px 11px;
}

.kt-dgs-bolum-kart-bas {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.kt-dgs-bolum-kart-bas svg {
  flex-shrink: 0;
}

.kt-dgs-bolum-kart-ad {
  font-size: 13px;
  font-weight: 500;
  color: #25272E;
  line-height: 1.3;
}

.kt-dgs-bolum-kart-alt {
  font-size: 11px;
  color: #8A8B85;
  line-height: 1.5;
  margin-bottom: 8px;
}

.kt-dgs-bolum-kart-sayi {
  display: flex;
  gap: 14px;
  font-size: 11px;
  color: #8A8B85;
}

.kt-dgs-bolum-kart-sayi b {
  color: #25272E;
  font-weight: 500;
}

/* ARAMA */

.kt-dgs-arama-kk {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1px solid #E5E5E0;
  border-radius: 9px;
  padding: 10px 14px;
  margin-bottom: 16px;
}

.kt-dgs-arama-kk-ik {
  color: #8A8B85;
  display: flex;
  align-items: center;
}

#ktDgsArama {
  flex: 1;
  border: 0;
  outline: 0;
  font-family: inherit;
  font-size: 14px;
  background: transparent;
  color: #25272E;
}

#ktDgsArama::placeholder {
  color: #8A8B85;
}

/* KATEGORİ KARTLARI */

.kt-dgs-kategori-kartlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 8px;
  margin-bottom: 16px;
}

.kt-dgs-kategori-kart {
  background: #fff;
  border: 1px solid #E5E5E0;
  border-radius: 9px;
  padding: 10px 12px;
  font-family: inherit;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: border-color 0.15s;
}

.kt-dgs-kategori-kart:hover {
  border-color: #C8C9C4;
}

.kt-dgs-kategori-kart-aktif {
  border: 2px solid #49826D;
  padding: 9px 11px;
}

.kt-dgs-kategori-kart-ik {
  color: #49826D;
  flex-shrink: 0;
}

.kt-dgs-kategori-kart-ad {
  flex: 1;
  color: #25272E;
}

.kt-dgs-kategori-kart-sayi {
  color: #8A8B85;
  font-size: 11px;
}

/* SONUÇLAR — Önlisans / Lisans kartları */

.kt-dgs-sonuc {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kt-dgs-bos {
  text-align: center;
  padding: 32px 16px;
  color: #8A8B85;
  font-size: 13px;
}

.kt-dgs-kart {
  background: #fff;
  border: 1px solid #E5E5E0;
  border-radius: 10px;
  overflow: hidden;
}

.kt-dgs-kart-bas {
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  cursor: pointer;
  user-select: none;
}

.kt-dgs-kart-bas:hover {
  background: #FAFAF8;
}

.kt-dgs-kart-ust {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}

.kt-dgs-kart-kod {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  color: #8A8B85;
  background: #F1F1EE;
  padding: 2px 6px;
  border-radius: 4px;
}

.kt-dgs-kart-ad {
  font-size: 14px;
  font-weight: 500;
  color: #25272E;
}

.kt-dgs-kart-puan {
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 500;
}

.kt-dgs-puan-SAY { background: #E6F1FB; color: #0C447C; }
.kt-dgs-puan-EA  { background: #FAEEDA; color: #633806; }
.kt-dgs-puan-SOZ { background: #FBEAF0; color: #72243E; }
.kt-dgs-puan-DIL { background: #EEEDFE; color: #3C3489; }
.kt-dgs-puan-TYT { background: #E1F5EE; color: #0F6E56; }

.kt-dgs-kart-sag {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

.kt-dgs-kart-sayac {
  font-size: 11px;
  color: #8A8B85;
}

.kt-dgs-kart-ok {
  color: #8A8B85;
  transition: transform 0.18s;
}

.kt-dgs-kart-acik .kt-dgs-kart-ok {
  transform: rotate(180deg);
}

.kt-dgs-kart-icerik {
  display: none;
  border-top: 1px solid #F0F0EC;
  padding: 10px 16px 12px;
}

.kt-dgs-kart-acik .kt-dgs-kart-icerik {
  display: block;
}

.kt-dgs-program-liste {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.kt-dgs-program {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 8px 10px;
  background: #F8F8F5;
  border-radius: 7px;
  font-size: 13px;
}

.kt-dgs-program-sol {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  flex: 1;
}

.kt-dgs-program-ad {
  color: #25272E;
  flex: 1;
  min-width: 0;
}

.kt-dgs-program-kod {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  color: #8A8B85;
}

.kt-dgs-ara-btn {
  display: inline-flex; align-items: center; gap: 5px;
  font-family: inherit; font-size: 11px; font-weight: 500;
  padding: 5px 11px; border-radius: 6px;
  background: var(--kt-yesil); color: #fff;
  border: none; cursor: pointer; white-space: nowrap;
}

.kt-dgs-ara-btn:hover {
  background: var(--kt-yesil-koyu);
}

.kt-dgs-bilgi {
  margin-top: 14px;
  padding: 10px 14px;
  background: #F1F5F3;
  border-left: 3px solid #49826D;
  border-radius: 6px;
  font-size: 12px;
  color: #4A4B47;
  line-height: 1.6;
}

.kt-dgs-bilgi b {
  color: #25272E;
  font-weight: 500;
}

/* MOBİL */

@media (max-width: 720px) {
  .kt-dgs-bolum-kartlar {
    grid-template-columns: 1fr;
  }
  .kt-dgs-kategori-kartlar {
    grid-template-columns: 1fr 1fr;
  }
  .kt-dgs-yon-buton {
    padding: 8px 12px;
    font-size: 12px;
  }
}


/* ============================================================
   DİKEY GEÇİŞ ATLASI — tanıtım kartı, sekme bandı ve mobil iyileştirmeler
   (entegrasyon güncellemesi)
   ============================================================ */

/* Yatay padding düzeltmesi (mobilde içerik kenara yapışmasın) */
.kt-dgs-merkez { padding-left: 22px; padding-right: 22px; }

/* --- Sekme bandı artık 2 satırlık ızgara; yatay kaydırma kaldırıldı --- */
.kt-sekme { white-space: nowrap; }

/* --- "DGS nedir?" tanıtım kartı --- */
.kt-dgs-tanit {
  position: relative;
  background: linear-gradient(180deg, #F1F5F3 0%, #FBFCFB 100%);
  border: 1px solid #D9E5E0;
  border-radius: 12px;
  padding: 16px 40px 14px 18px;
  margin-bottom: 18px;
}
.kt-dgs-tanit[hidden] { display: none; }

.kt-dgs-tanit-bas {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 9px;
}
.kt-dgs-tanit-ik {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #49826D;
  color: #fff;
  flex-shrink: 0;
}
.kt-dgs-tanit-baslik {
  font-family: 'Sora', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #25272E;
  margin: 0;
  letter-spacing: -0.01em;
}
.kt-dgs-tanit-metin {
  font-size: 13px;
  color: #45463F;
  line-height: 1.62;
  margin: 0 0 9px;
}
.kt-dgs-tanit-metin b { color: #25272E; font-weight: 600; }
.kt-dgs-tanit-liste {
  margin: 0 0 9px;
  padding-left: 18px;
  font-size: 12.5px;
  color: #45463F;
  line-height: 1.55;
}
.kt-dgs-tanit-liste li { margin-bottom: 4px; }
.kt-dgs-tanit-liste b { color: #25272E; font-weight: 600; }
.kt-dgs-tanit-not {
  font-size: 11.5px;
  color: #8A8B85;
  line-height: 1.5;
  margin: 0;
}
.kt-dgs-tanit-kapat {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #6F7280;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.kt-dgs-tanit-kapat:hover { background: #E6EDE9; color: #25272E; }

/* "DGS nedir?" yeniden-açma bağlantısı (alt başlık yanında) */
.kt-dgs-tanit-ac {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 2px 9px;
  border: 1px solid #CFE0D8;
  border-radius: 20px;
  background: #EEF4F1;
  color: #3A6A58;
  font-family: inherit;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  vertical-align: middle;
  transition: background 0.15s, border-color 0.15s;
}
.kt-dgs-tanit-ac:hover { background: #E1ECE7; border-color: #B8D2C7; }

/* --- MOBİL İYİLEŞTİRMELER --- */
@media (max-width: 720px) {
  /* Üst bar: logo + kaydırılabilir sekmeler sığsın */
  /* Üst bar: logo + liste butonu üst satırda, sekmeler alta tam genişlikte sarmalı */
  .kt-ust-ic { gap: 10px; padding: 10px 14px; flex-wrap: wrap; row-gap: 8px; justify-content: flex-start; }
  .kt-logo { order: 1; }
  .kt-liste-ac { order: 2; margin-left: auto; }
  .kt-sekmeler {
    display: flex;                 /* masaüstündeki display:contents'i geri al */
    order: 3; flex-basis: 100%; width: 100%;
    flex-direction: column; align-items: stretch; gap: 8px;
  }
  .kt-sekme-ana { width: 100%; justify-content: center; font-size: 15px; padding: 11px; }
  .kt-sekme-grid {
    grid-template-rows: none;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    gap: 6px;
  }
  .kt-sekme-grid .kt-sekme {
    justify-content: center; white-space: normal; text-align: center;
    border: 1px solid var(--kt-cizgi);
  }
  .kt-logo-resim { height: 40px; }
  .kt-sekme { padding: 8px 11px; font-size: 12.5px; gap: 5px; }

  /* DGS gövde */
  .kt-dgs-merkez { padding-left: 16px; padding-right: 16px; }
  /* (kt-dgs-h1 boyutu artık @640px TEK KAYNAK kuralında küçülür; buradaki ayrı kural kaldırıldı) */

  /* Yön seçici: iki buton tam genişlik, kolay dokunulur */
  .kt-dgs-yon { display: flex; width: 100%; }
  .kt-dgs-yon-buton { flex: 1; justify-content: center; }

  /* Program satırı: ad üstte, "Ara" butonu altta (sıkışma olmasın) */
  .kt-dgs-program { flex-direction: column; align-items: stretch; gap: 8px; }
  .kt-dgs-program-sol { width: 100%; }
  .kt-dgs-ara-btn {
    align-self: flex-end;
    padding: 7px 12px;
    font-size: 12px;
  }
  .kt-dgs-ara-btn:hover { background: var(--kt-yesil-koyu); }

  /* Kart başlığı uzun adlarda taşmasın */
  .kt-dgs-kart-ad { line-height: 1.35; }

  /* Tanıtım kartı */
  .kt-dgs-tanit { padding: 14px 38px 12px 14px; }
}

@media (max-width: 420px) {
  .kt-dgs-kategori-kartlar { grid-template-columns: 1fr; }
  .kt-dgs-tanit-liste { padding-left: 16px; }
}

/* ============================================================
   YATAY GEÇİŞ ATLASI
   ============================================================ */
/* mercii rozetleri (yönetmelik=varsayılan/legend; yürütme & senato vurgulu) */
.kt-yg-merc {
  display: inline-block; padding: 1px 8px; border-radius: 20px;
  font-size: 10.5px; font-weight: 700; line-height: 1.6;
  vertical-align: middle; white-space: nowrap; margin-left: 6px;
}
.kt-yg-merc-yonetmelik { background: #eaf0f4; color: #2f4858; margin-left: 0; }
.kt-yg-merc-yurutme    { background: #fff3e0; color: #b9770e; }
.kt-yg-merc-senato     { background: #efeaff; color: #6a4dd0; }

.kt-yg-merc-acik { display: flex; flex-wrap: wrap; gap: 6px 16px; margin: 0 0 12px; }
.kt-yg-mb { display: inline-flex; align-items: center; gap: 6px; }
.kt-yg-mb .kt-yg-merc { margin-left: 0; }
.kt-yg-merc-not { font-size: 11px; color: #6F7280; }

/* genel kısıtlar */
.kt-yg-genel { margin: 2px 0 6px; }
.kt-yg-genel-bas { font-size: 12.5px; font-weight: 700; color: #25272E; margin-bottom: 5px; }
.kt-yg-genel-liste { margin: 0; padding-left: 18px; font-size: 12.5px; color: #45463F; line-height: 1.6; }
.kt-yg-genel-liste li { margin-bottom: 5px; }

/* madde rozeti (gri) */
.kt-yg-madde {
  display: inline-block; margin-left: 6px; padding: 0 6px;
  background: #eef0f1; color: #5a6470; border-radius: 4px;
  font-size: 10px; font-weight: 700; vertical-align: middle; white-space: nowrap;
}

/* kartlar */
.kt-yg-kartlar { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 4px; }
/* Kart = modal tetikleyici (tek tip; tıklayınca pop-up açılır) */
.kt-yg-kart {
  position: relative; overflow: hidden; display: flex; align-items: center; gap: 12px;
  width: 100%; text-align: left; cursor: pointer; font-family: inherit;
  background: #fff; border: 1px solid #e3e5e8; border-radius: 14px; padding: 18px 16px;
  transition: box-shadow 0.15s, border-color 0.15s, transform 0.15s;
}
.kt-yg-kart:hover { border-color: var(--yg-renk, #49826D); box-shadow: 0 8px 22px rgba(37,39,46,0.09); transform: translateY(-2px); }
.kt-yg-serit { position: absolute; top: 0; left: 0; right: 0; height: 4px; background: var(--yg-renk, #49826D); }
.kt-yg-ikon {
  flex-shrink: 0; width: 38px; height: 38px; border-radius: 50%;
  background: var(--yg-renk, #49826D);
  display: inline-flex; align-items: center; justify-content: center;
}
.kt-yg-kart-bilgi { min-width: 0; flex: 1; }
.kt-yg-kart-ad { display: block; font-family: 'Sora', sans-serif; font-size: 15.5px; font-weight: 700; color: #25272E; line-height: 1.25; }
.kt-yg-kart-ozet { display: block; font-size: 12.5px; color: #6F7280; margin-top: 3px; line-height: 1.45; }
.kt-yg-etiket {
  display: inline-block; margin-left: 7px; padding: 1px 8px; border-radius: 20px;
  background: var(--yg-renk, #49826D); color: #fff; font-size: 10px; font-weight: 700; vertical-align: middle;
}
.kt-yg-chev { flex-shrink: 0; color: #b5bac1; display: inline-flex; transition: color 0.15s; }
.kt-yg-kart:hover .kt-yg-chev { color: var(--yg-renk, #49826D); }

/* madde dayanağı + kural listesi (pop-up içinde) */
.kt-yg-dayanak { font-size: 11px; color: #9aa0a8; margin: 0 0 12px; }
.kt-yg-kurallar { list-style: none; margin: 0; padding: 0; }
.kt-yg-kural { position: relative; padding-left: 16px; margin-bottom: 10px; font-size: 13px; color: #2f3138; line-height: 1.55; }
.kt-yg-kural::before {
  content: ""; position: absolute; left: 2px; top: 7px;
  width: 5px; height: 5px; border-radius: 50%; background: var(--yg-renk, #49826D);
}
.kt-yg-ayrinti-bas {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
  color: #9aa0a8; margin: 16px 0 10px; padding-top: 14px; border-top: 1px dashed #e3e5e8;
}
.kt-yg-ayrinti .kt-yg-kural { color: #565b63; }
.kt-yg-ayrinti .kt-yg-kural::before { background: #c2c7cd; }
.kt-yg-bos { padding: 24px; text-align: center; color: #8A8B85; font-size: 13px; }

/* pop-up (modal) */
.kt-yg-modal { border-top: 5px solid var(--yg-renk, #49826D); max-width: 540px; }
.kt-yg-modal-ust { align-items: center; }
.kt-yg-modal-bas { display: flex; align-items: center; gap: 12px; min-width: 0; }
.kt-yg-modal-ust h2 { font-family: 'Sora', sans-serif; font-size: 18px; font-weight: 700; color: #25272E; line-height: 1.2; }
.kt-yg-modal-ozet { font-size: 12.5px; color: #6F7280; margin-top: 2px; line-height: 1.4; }

@media (max-width: 720px) {
  .kt-yg-kartlar { grid-template-columns: 1fr; }
}

/* ============================================================
   ÜCRET — YIL BAZLI ARTIŞ
   ============================================================ */
.kt-ucret-artis {
  display: inline-block; margin-left: 8px; padding: 1px 8px;
  border-radius: 20px; font-size: 11px; font-weight: 700; vertical-align: middle;
  white-space: nowrap;
}
.kt-artis-yukari { background: #fdecea; color: #C0392B; }
.kt-artis-asagi  { background: #e8f5ee; color: #1f7a4d; }
.kt-artis-sabit  { background: #eef0f1; color: #6b7078; }
.kt-ucret-yil-kiyas { margin-top: 4px; font-size: 11px; color: #7a7f87; }
.kt-ucret-yil-tablo { width: 100%; border-collapse: collapse; margin-top: 6px; font-size: 12.5px; }
.kt-ucret-yil-tablo td { padding: 5px 8px; border-bottom: 1px solid #eef0f1; }
.kt-ucret-yil-tablo tr:last-child td { border-bottom: none; }
.kt-ucret-yil-tablo td:first-child { color: #6b7078; width: 64px; }
.kt-ucret-yil-tablo td:nth-child(2) { font-weight: 700; color: #25272e; }

/* ============================================================
   YATAY GEÇİŞ — MOD SEKMESİ + MERKEZİ PUAN TABAN LİSTESİ
   ============================================================ */
.kt-yg-modsekme { display: inline-flex; gap: 6px; background: #eef1f0; border-radius: 12px; padding: 4px; margin: 2px auto 22px; }
.kt-yg-modbtn { border: 0; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; color: #5a6470; background: transparent; padding: 8px 16px; border-radius: 9px; transition: background 0.15s, color 0.15s; }
.kt-yg-modbtn:hover { color: #25272e; }
.kt-yg-modaktif { background: #fff; color: var(--kt-yesil-koyu); box-shadow: 0 1px 4px rgba(0,0,0,0.08); }

.kt-yg-liste-aciklama { font-size: 13px; color: var(--kt-metin-soluk); line-height: 1.6; max-width: 760px; margin: 0 auto 18px; text-align: left; }
.kt-yg-arac { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 18px; justify-content: center; margin-bottom: 12px; }
.kt-yg-arac-grup { display: flex; flex-direction: column; gap: 6px; text-align: left; }
.kt-yg-arac-et { font-size: 11px; font-weight: 700; color: var(--kt-metin-soluk); text-transform: uppercase; letter-spacing: 0.03em; }
.kt-yg-secim { font-family: inherit; font-size: 14px; padding: 8px 12px; border: 1px solid var(--kt-cizgi); border-radius: 9px; background: #fff; color: var(--kt-metin); cursor: pointer; }
.kt-yg-puan { font-family: inherit; font-size: 14px; padding: 8px 12px; border: 1px solid var(--kt-yesil); border-radius: 9px; width: 130px; }
.kt-yg-tur-cipler { display: flex; flex-wrap: wrap; gap: 6px; }
.kt-yg-tur { border: 1px solid var(--kt-cizgi); background: #fff; color: #566372; font-family: inherit; font-size: 12.5px; font-weight: 700; padding: 7px 13px; border-radius: 20px; cursor: pointer; transition: background 0.12s, color 0.12s, border-color 0.12s; }
.kt-yg-tur:hover { border-color: var(--kt-yesil); }
.kt-yg-tur-aktif { background: var(--kt-yesil); color: #fff; border-color: var(--kt-yesil); }
.kt-yg-liste-bilgi { font-size: 12.5px; color: var(--kt-metin-soluk); margin: 6px 0 10px; text-align: left; }

.kt-yg-tablo-sar { overflow-x: auto; border: 1px solid var(--kt-cizgi); border-radius: 12px; background: #fff; }
.kt-yg-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; text-align: left; }
.kt-yg-tablo thead th { background: #f6f8f7; color: var(--kt-metin-soluk); font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; padding: 11px 14px; border-bottom: 1px solid var(--kt-cizgi); white-space: nowrap; }
.kt-yg-tablo td { padding: 11px 14px; border-bottom: 1px solid #eef0f1; vertical-align: middle; }
.kt-yg-tablo tbody tr:last-child td { border-bottom: none; }
.kt-yg-tablo tbody tr:hover { background: #f7faf9; }
.kt-yg-th-no, .kt-myp-no { width: 48px; color: var(--kt-metin-soluk); font-weight: 700; }
.kt-myp-prog { font-weight: 700; color: var(--kt-metin); }
.kt-myp-uni { color: #4a4f57; }
.kt-myp-sehir { color: #9aa0a8; font-size: 12px; }
.kt-yg-th-tur { width: 64px; }
.kt-myp-tur-rozet { display: inline-block; padding: 2px 9px; border-radius: 6px; background: #eaf0f6; color: #2f6fb0; font-size: 11.5px; font-weight: 700; }
.kt-yg-th-taban { text-align: right; }
.kt-myp-taban { text-align: right; white-space: nowrap; font-weight: 800; color: var(--kt-yesil-koyu); }

@media (max-width: 720px) {
  .kt-yg-arac { gap: 12px; }
  .kt-yg-tablo { font-size: 12.5px; }
  .kt-yg-tablo thead th, .kt-yg-tablo td { padding: 9px 10px; }
}

/* ============================================================
   MESLEK ATLASI — MOD SEKMESİ (Ön Lisans / Lisans M.T.O.K.)
   ============================================================ */
.kt-meslek-modsekme { display: inline-flex; gap: 6px; background: #eef1f0; border-radius: 12px; padding: 4px; margin: 0 auto 18px; }
.kt-meslek-modbtn { border: 0; cursor: pointer; font-family: inherit; font-size: 13px; font-weight: 700; color: #5a6470; background: transparent; padding: 8px 16px; border-radius: 9px; transition: background 0.15s, color 0.15s; }
.kt-meslek-modbtn:hover { color: #25272e; }
.kt-meslek-modaktif { background: #fff; color: var(--kt-yesil-koyu); box-shadow: 0 1px 4px rgba(0,0,0,0.08); }

/* Kademe seçim kartlarında ikon: yeşil ikon, açık daire (kart beyaz) */
.kt-meslek-kademe-kart .kt-kart-ikon { background: var(--kt-yesil-acik); }
.kt-meslek-kademe-kart .kt-kart-ikon svg { stroke: var(--kt-yesil); }

/* Dikey "DGS nedir?" bilgi kartı (ortalı, tıklayınca popup açar) */
.kt-dgs-nedir-kart {
  display: flex; align-items: center; gap: 12px;
  width: 100%; max-width: 460px; margin: 22px auto 18px;
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi);
  border-radius: 14px; padding: 14px 16px; cursor: pointer;
  text-align: left; font-family: inherit;
  transition: border-color .15s, box-shadow .15s, transform .15s;
}
.kt-dgs-nedir-kart:hover {
  border-color: var(--kt-yesil); box-shadow: 0 4px 14px rgba(73,130,109,.12);
  transform: translateY(-2px);
}
.kt-dgs-nedir-ik {
  flex: 0 0 auto; width: 38px; height: 38px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--kt-yesil-acik); color: var(--kt-yesil);
}
.kt-dgs-nedir-metin { display: flex; flex-direction: column; line-height: 1.3; }
.kt-dgs-nedir-metin b { font-size: 15px; color: var(--kt-metin); font-weight: 700; }
.kt-dgs-nedir-metin span { font-size: 12.5px; color: var(--kt-metin-soluk); }

/* Seçim ekranı başlıklarının üstüne boşluk (alt/üst dengeli) */
#ktDgsModSec > .kt-dgs-h1, #ktYgModSec > .kt-dgs-h1 { margin-top: 22px; }

/* ============================================================
   YKS PUAN HESAPLAMA SEKMESİ — tercih robotu temasıyla uyumlu
   ============================================================ */
.kt-phesap-sar { max-width: 1040px; margin: 0 auto; padding: 6px 20px 44px; }
/* .kt-phesap-h1 boyut/font tanımı TEK KAYNAK kuralında (ölü kural kaldırıldı). */
.kt-phesap-alt { text-align: center; color: var(--kt-metin-soluk); font-size: 0.92rem; margin-bottom: 22px; }

/* Puan/Net seçim ekranı (kademe kartı stilinde) */
.kt-pnsecim-grup { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; max-width: 720px; margin: 0 auto; }
.kt-pnsecim-kart { position: relative; }
.kt-pnsecim-kart .kt-kart-ikon { background: var(--kt-yesil-acik); }
.kt-pnsecim-kart .kt-kart-ikon svg { stroke: var(--kt-yesil); }
.kt-pnsecim-yakinda {
  position: absolute; top: 14px; right: 14px;
  background: #eef0f2; color: var(--kt-metin-soluk);
  font-size: 10.5px; font-weight: 700; padding: 2px 9px; border-radius: 8px;
}
/* Bölüm içi "geri" bağlantısı */
.kt-geri-link {
  display: inline-flex; align-items: center; gap: 5px;
  background: none; border: none; cursor: pointer; font-family: inherit;
  color: var(--kt-yesil-koyu); font-size: 13.5px; font-weight: 700;
  padding: 0; margin: 0 0 14px;
}
.kt-geri-link:hover { color: var(--kt-yesil); }
/* Net Sihirbazı — yakında yer tutucu */
.kt-net-yakinda {
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  color: var(--kt-metin-soluk); padding: 48px 0; font-size: 14px; font-weight: 600;
}

/* --- Net Sihirbazı (sonuç + filtre) --- */
.kt-na-gonder {
  display: block; width: 100%; margin-top: 18px;
  background: var(--kt-yesil); color: #fff; border: none; border-radius: 10px;
  padding: 13px; font-family: var(--kt-font-baslik); font-size: 15px; font-weight: 700;
  cursor: pointer; transition: background 0.15s;
}
.kt-na-gonder:hover { background: var(--kt-yesil-koyu); }
.kt-yks-sifirla-sar { display: flex; justify-content: center; margin-top: 14px; }
.kt-yks-sifirla { font-size: 12px; }
.kt-na-ozet { text-align: center; font-size: 13.5px; color: var(--kt-metin-soluk); margin: 4px 0 16px; }
.kt-na-filtre {
  display: flex; flex-direction: column; gap: 12px;
  padding: 14px; background: var(--kt-zemin); border-radius: 12px; margin-bottom: 18px;
}
.kt-na-frow { display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; justify-content: center; width: 100%; }
.kt-na-turusec { margin-bottom: 10px; background: var(--kt-yesil-acik); }
.kt-na-fgrup { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
.kt-na-flab { font-size: 12px; font-weight: 700; color: var(--kt-metin-soluk); }
.kt-na-chip {
  border: 1px solid var(--kt-cizgi); background: #fff; color: var(--kt-metin-soluk);
  border-radius: 999px; padding: 5px 13px; font-size: 12.5px; font-weight: 600;
  cursor: pointer; font-family: inherit; transition: background 0.15s, color 0.15s, border-color 0.15s;
}
.kt-na-chip:hover { border-color: var(--kt-yesil); color: var(--kt-yesil-koyu); }
.kt-na-chip.aktif { background: var(--kt-yesil); border-color: var(--kt-yesil); color: #fff; }
.kt-na-sehir {
  border: 1px solid var(--kt-cizgi); border-radius: 8px; padding: 6px 11px;
  font-size: 13px; font-family: inherit; width: 150px;
}
.kt-na-arainput { width: 230px; }
/* Paylasilan sehir oneri listesi (datalist) - hicbir zaman gorunmez kutu olmasin */
#ktSehirDL { display: none; }
.kt-na-bilgi { font-size: 13px; color: var(--kt-metin-soluk); margin-bottom: 10px; text-align: center; }
.kt-na-b-rahat { color: #2f7d54; }
.kt-na-b-sinir { color: #9a6d12; }
.kt-na-liste { display: flex; flex-direction: column; gap: 10px; }
.kt-na-kart {
  background: var(--kt-kart); border: 1px solid var(--kt-cizgi); border-left-width: 4px;
  border-radius: 12px; padding: 12px 14px;
  transition: box-shadow .15s, transform .15s, border-color .15s;
}
.kt-na-kart:hover { box-shadow: 0 4px 14px rgba(31, 60, 50, .09); transform: translateY(-1px); }
.kt-na-kart.rahat { border-left-color: #2f7d54; }
.kt-na-kart.sinirda { border-left-color: #d8a93a; }
.kt-na-ust { display: flex; align-items: flex-start; gap: 10px; }
.kt-na-prog { flex: 1; min-width: 0; font-size: 14.5px; font-weight: 700; color: var(--kt-metin); line-height: 1.3; }
.kt-na-bant-chip { flex-shrink: 0; font-size: 11px; font-weight: 700; padding: 3px 11px; border-radius: 999px; }
.kt-na-bant-chip.rahat { background: #e4f2ea; color: #2f7d54; }
.kt-na-bant-chip.sinirda { background: #faf0db; color: #9a6d12; }
.kt-na-uni { font-size: 12px; color: var(--kt-metin-soluk); margin-top: 2px; }
.kt-na-sonkisi {
  background: var(--kt-yesil-acik); border-radius: 8px; padding: 7px 10px; margin-top: 8px;
  font-size: 11.5px; color: var(--kt-yesil-koyu); line-height: 1.5;
}
.kt-na-sonkisi b { font-weight: 700; color: var(--kt-yesil); }
.kt-na-stat { display: flex; flex-wrap: wrap; gap: 4px 22px; margin-top: 9px; }
.kt-na-stat-i { font-family: var(--kt-font-baslik); font-size: 14px; font-weight: 700; color: var(--kt-yesil-koyu); }
.kt-na-stat-i b { display: block; font-family: var(--kt-font-govde); font-size: 10px; font-weight: 400; color: var(--kt-metin-soluk); margin-bottom: 1px; letter-spacing: .02em; }
.kt-na-bos { text-align: center; color: var(--kt-metin-soluk); padding: 40px 0; font-size: 14px; }
.kt-na-aciklama {
  background: var(--kt-yesil-acik); border-radius: 10px; padding: 11px 14px;
  font-size: 12.5px; color: var(--kt-metin); line-height: 1.55; margin-bottom: 12px;
}
.kt-na-aciklama .kt-na-bant-chip { margin-right: 2px; }
.kt-na-aciklama-not { margin-top: 6px; font-size: 11.5px; color: var(--kt-metin-soluk); line-height: 1.5; }
@media (max-width: 640px) {
  .kt-na-kart { padding: 11px 12px; }
  .kt-na-stat-i { font-size: 13px; }
  .kt-na-sehir { width: 120px; }
}

/* --- Net Trendi: kart içinde açılır 3 yıllık tablo + sparkline --- */
.kt-na-trend-ac { margin-top: 11px; border-top: 1px solid var(--kt-cizgi); padding-top: 9px; }
.kt-na-trend-btn {
  display: inline-flex; align-items: center; gap: 6px; background: none; border: none; padding: 0;
  font-family: var(--kt-font-govde); font-weight: 700; font-size: 12.5px; color: var(--kt-yesil); cursor: pointer;
}
.kt-na-trend-btn svg { transition: transform .2s; }
.kt-na-trend-btn.acik svg { transform: rotate(180deg); }
.kt-na-trend { margin-top: 10px; }
.kt-na-trend[hidden] { display: none; }
.kt-na-tr-bos { font-size: 12px; color: var(--kt-metin-soluk); padding: 8px 0; }
.kt-na-trtab { width: 100%; border-collapse: collapse; font-size: 12px; }
.kt-na-trtab th, .kt-na-trtab td { padding: 5px 4px; text-align: center; border-bottom: 1px solid var(--kt-cizgi); }
.kt-na-trtab th { font-size: 10.5px; font-weight: 700; color: var(--kt-metin-soluk); }
.kt-na-trtab th.sol, .kt-na-trtab td.sol { text-align: left; }
.kt-na-trtab td.sol { font-weight: 600; color: var(--kt-metin); }
.kt-na-trtab td { font-variant-numeric: tabular-nums; }
.kt-na-trtab .kt-na-tr-son { font-weight: 700; color: var(--kt-metin); }
.kt-na-trtab tr.kt-na-tr-alt td.sol { font-weight: 500; color: var(--kt-metin-soluk); }
.kt-na-trtab tr.kt-na-tr-grp td {
  text-align: left; font-weight: 700; font-size: 10px; letter-spacing: .04em;
  color: var(--kt-yesil-koyu); background: #f6f8f7; padding: 4px 6px;
}
.kt-na-trtab tr.kt-na-tr-vur td { background: #fafbe8; }
.kt-na-trhuc { display: flex; align-items: center; justify-content: flex-end; gap: 9px; white-space: nowrap; }
.kt-na-spark { flex-shrink: 0; display: block; }
.kt-na-tr-fk { display: inline-block; min-width: 46px; text-align: right; font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; }
.kt-na-tr-dus { color: #2f7d54; }
.kt-na-tr-yuk { color: #9a6d12; }
.kt-na-tr-sbt { color: var(--kt-metin-soluk); }
.kt-na-tr-yok { color: var(--kt-metin-soluk); }
.kt-na-tr-icg {
  background: var(--kt-yesil-acik); border-radius: 8px; padding: 8px 11px; margin-top: 10px;
  font-size: 11.5px; color: var(--kt-yesil-koyu); line-height: 1.55;
}
.kt-na-tr-icg b { color: var(--kt-yesil); }
.kt-na-tr-not { margin-top: 7px; font-size: 11px; color: var(--kt-metin-soluk); line-height: 1.5; }
@media (max-width: 640px) {
  .kt-na-trtab { font-size: 11px; }
  .kt-na-trtab th, .kt-na-trtab td { padding: 4px 3px; }
  .kt-na-spark { width: 38px; }
  .kt-na-tr-fk { font-size: 10.5px; min-width: 40px; }
}

/* --- Net Trendi serbest arama aracı --- */
.kt-na-alan-ek { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--kt-cizgi); text-align: center; }
.kt-na-ta-giris {
  display: inline-flex; align-items: center; gap: 8px; background: none; border: none; cursor: pointer;
  font-family: var(--kt-font-govde); font-size: 13px; font-weight: 700; color: var(--kt-yesil);
}
.kt-na-ta-giris span { color: var(--kt-yesil-koyu); }
.kt-na-ta-giris:hover { color: var(--kt-yesil-koyu); }
.kt-na-ta-baslik { font-family: var(--kt-font-baslik); font-size: 18px; font-weight: 700; color: var(--kt-metin); margin-top: 12px; text-align: center; }
.kt-na-ta-alt { font-size: 12.5px; color: var(--kt-metin-soluk); line-height: 1.55; margin: 4px 0 14px; text-align: center; }
.kt-na-ta-input {
  width: 100%; box-sizing: border-box; padding: 11px 14px; border: 1px solid var(--kt-cizgi);
  border-radius: 10px; font-family: var(--kt-font-govde); font-size: 14px; color: var(--kt-metin); background: var(--kt-kart);
}
.kt-na-ta-input:focus { outline: none; border-color: var(--kt-yesil); box-shadow: 0 0 0 3px rgba(73, 130, 109, .12); }
.kt-na-ta-liste { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.kt-na-ta-ipucu { text-align: center; color: var(--kt-metin-soluk); font-size: 13px; padding: 24px 0; }
.kt-na-ta-kart.kt-na-kart { border-left-color: var(--kt-cizgi); }
.kt-na-ta-pt { flex-shrink: 0; font-size: 11px; font-weight: 700; padding: 3px 10px; border-radius: 999px; background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); }
/* büyük "Net Trendi" giriş kartı (ortalı, B tonu) */
.kt-na-trend-kart {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px;
  width: 100%; box-sizing: border-box; cursor: pointer; font: inherit;
  background: #bfe0cd; border: 1.5px solid var(--kt-yesil-koyu); border-radius: 15px; padding: 18px 17px;
  transition: box-shadow .15s, transform .05s;
}
.kt-na-trend-kart:hover { box-shadow: 0 6px 22px rgba(40, 60, 55, .14); }
.kt-na-trend-kart:active { transform: scale(.995); }
.kt-na-tk-ic { width: 46px; height: 46px; border-radius: 12px; background: #2f7d54; display: flex; align-items: center; justify-content: center; }
.kt-na-tk-ic svg { width: 24px; height: 24px; }
.kt-na-tk-ad { font-family: var(--kt-font-baslik); font-weight: 700; font-size: 16px; color: var(--kt-metin); }
.kt-na-tk-desc { font-size: 12.5px; color: var(--kt-yesil-koyu); opacity: .95; }
/* arama aracı: program + üniversite yan yana */
.kt-na-ta-arasatir { display: flex; gap: 10px; margin-top: 14px; }
.kt-na-ta-arasatir .kt-na-ta-input { margin-top: 0; flex: 1 1 0; min-width: 0; }
@media (max-width: 560px) { .kt-na-ta-arasatir { flex-direction: column; gap: 9px; } }

.yks-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-items: start; }
.yks-aciklama { margin-bottom: 10px; font-size: 13px; color: var(--kt-metin-soluk); }

.yks-test-blok { margin-bottom: 14px; background: var(--kt-kart); border: 1px solid var(--kt-cizgi); border-radius: 12px; overflow: hidden; }
.yks-test-hdr { color: #fff; padding: 9px 13px; font-weight: 700; font-size: 12.5px; letter-spacing: 0.2px; }
.yks-test-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.yks-test-table thead tr { background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
.yks-test-table th { padding: 6px 9px; text-align: left; font-weight: 700; }
.yks-test-table th.r { text-align: right; }
.yks-test-table td { padding: 7px 9px; }
.yks-test-table td.r { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; color: var(--kt-yesil); }
.yks-test-table tr + tr td { border-top: 1px solid var(--kt-cizgi); }
.yks-test-table input[type="number"] { width: 64px; padding: 5px 7px; border: 1px solid var(--kt-cizgi); border-radius: 7px; font-size: 12.5px; text-align: right; font-family: inherit; color: var(--kt-metin); }
.yks-test-table input[type="number"]:focus { outline: 2px solid var(--kt-yesil); outline-offset: -1px; border-color: var(--kt-yesil); }

.yks-diploma-kart, .yks-sonuc-ozet { background: var(--kt-kart); border: 1px solid var(--kt-cizgi); border-radius: 12px; padding: 12px 15px; margin-bottom: 11px; }
.yks-diploma-row { display: flex; align-items: center; gap: 8px; }
.yks-diploma-row label { font-size: 12.5px; color: var(--kt-metin); font-weight: 600; flex: 1; }
.yks-diploma-row input { width: 88px; padding: 6px 9px; border: 1px solid var(--kt-cizgi); border-radius: 7px; font-size: 12.5px; text-align: right; font-family: inherit; color: var(--kt-metin); }
.yks-diploma-row input:focus { outline: 2px solid var(--kt-yesil); outline-offset: -1px; border-color: var(--kt-yesil); }
.yks-diploma-not { font-size: 10.5px; color: var(--kt-metin-soluk); margin-top: 5px; }

.yks-sonuc-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; text-align: center; }
.yks-sonuc-label { font-size: 10px; color: var(--kt-metin-soluk); text-transform: uppercase; letter-spacing: 0.5px; }
.yks-sonuc-deger { font-size: 19px; font-weight: 800; color: var(--kt-yesil); font-variant-numeric: tabular-nums; }

.yks-puan-kart { background: var(--kt-kart); border: 1px solid var(--kt-cizgi); border-radius: 12px; overflow: hidden; margin-bottom: 9px; }
.yks-puan-kart.pasif { opacity: 0.45; }
.yks-puan-hdr { color: #fff; padding: 7px 13px; font-weight: 700; font-size: 12.5px; letter-spacing: 0.2px; display: flex; justify-content: space-between; align-items: center; }
.yks-puan-uyari { font-size: 10px; opacity: 0.92; font-weight: 600; }
.yks-puan-table { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.yks-puan-table thead tr { background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
.yks-puan-table th { padding: 5px 9px; text-align: right; }
.yks-puan-table th.l { text-align: left; }
.yks-puan-table td { padding: 7px 9px; }
.yks-puan-table td.l { font-weight: 600; }
.yks-puan-table td.r { text-align: right; font-variant-numeric: tabular-nums; font-weight: 700; }
.yks-puan-table td.sira { color: var(--kt-metin-soluk); font-size: 11px; font-weight: 400; }
.yks-puan-table tr.alt { border-top: 1px solid var(--kt-cizgi); }

.yks-uyari { margin-top: 14px; background: var(--kt-yesil-acik); border: 1px solid #cfe0d8; border-radius: 10px; padding: 11px 15px; font-size: 11.5px; color: #2f5446; line-height: 1.55; }
.yks-uyari strong { color: var(--kt-yesil-koyu); }

@media (max-width: 768px) {
  .kt-phesap-sar { padding: 4px 12px 32px; }
  .yks-grid { grid-template-columns: 1fr; gap: 12px; }
  .kt-pnsecim-grup { grid-template-columns: 1fr; }
  .yks-kart-grid { grid-template-columns: 1fr; gap: 12px; }
  .yks-kart-2kol { grid-template-columns: 1fr; gap: 12px; }
  .yks-sonuc-ust { position: static; top: auto; }
  .yks-hero-bant { gap: 14px; }
  .yks-hero-sag { margin-left: 0; min-width: 0; flex-basis: 100%; }
  .yks-sonuc-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
  .yks-sonuc-deger { font-size: 17px; }
  .yks-test-table input[type="number"] { width: 54px; }
}

/* ============================================================
   BURS ROZETLERİ (sonuç tablosunda program etiketleri yanında)
   ============================================================ */
.kt-burs-rozet {
  display: inline-flex; align-items: center;
  padding: 2px 8px; margin: 2px 4px 2px 0;
  border-radius: 999px;
  font-size: 10.5px; font-weight: 700; line-height: 1.4;
  color: #fff; background: var(--kt-yesil);
  cursor: help; white-space: nowrap;
}
.kt-burs-rozet::before {
  content: "₺"; font-weight: 800; margin-right: 4px; opacity: .85;
}
.kt-burs-rozet[data-burs="meb_ogretmenlik"] { background: #49826d; }
.kt-burs-rozet[data-burs="yok_destek"]      { background: #2f6f7a; }
.kt-burs-rozet[data-burs="tp_otc_lisans"]    { background: #8a6d3b; }
.kt-burs-rozet[data-burs="tp_otc_onlisans"]  { background: #8a6d3b; }
.kt-burs-rozet[data-burs="milli_sporcu"]     { background: #6b6f86; }

/* --- Milli sporcu: yazi yerine ikon rozeti --- */
.kt-atlas .kt-burs-rozet.kt-burs-ikon {
  padding: 0; width: 20px; height: 20px; justify-content: center;
}
.kt-atlas .kt-burs-rozet.kt-burs-ikon::before { content: none; }

/* Burs rozetleri (MEB, YÖK Destek, TP-OTC, Milli Sporcu) — yıl + özel koşul
   satırının ALTINDA, kendi satırında. */
.kt-atlas .kt-burs-grup {
  display: flex; flex-wrap: wrap; align-items: center; gap: 4px;
  margin-top: 5px;
}

/* --- Ücret robotu: liste-içi daraltma chip'i --- */
.kt-atlas .kt-ucret-chip-bar { margin: 0 0 9px; }
.kt-atlas .kt-ucret-chip {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; color: var(--kt-yesil-koyu);
  background: var(--kt-yesil-acik);
  padding: 4px 6px 4px 11px; border-radius: 999px;
}
.kt-atlas .kt-ucret-chip-et { font-weight: 600; }
.kt-atlas .kt-ucret-chip-x {
  display: inline-flex; align-items: center; justify-content: center;
  width: 18px; height: 18px; padding: 0; cursor: pointer;
  border: none; border-radius: 50%; background: transparent;
  color: var(--kt-yesil-koyu);
}
.kt-atlas .kt-ucret-chip-x:hover { background: rgba(58,106,88,.16); }

/* --- Ücret robotu: detay panel başlığı (üni + bölüm) --- */
.kt-atlas .kt-ucret-detay-head {
  padding: 0 0 10px; margin-bottom: 10px;
  border-bottom: 1px solid var(--kt-cizgi);
}
.kt-atlas .kt-ucret-detay-uni {
  font-size: 14px; font-weight: 600; color: var(--kt-metin); line-height: 1.3;
}
.kt-atlas .kt-ucret-detay-prog {
  font-size: 12.5px; color: var(--kt-yesil-koyu); margin-top: 3px;
}
.kt-atlas .kt-ucret-detay-meta { color: var(--kt-metin-soluk); }

/* ============================================================
   YKS PUAN — SONUÇ ODAKLI PANEL (hero + görsel sıralama)
   ============================================================ */
.yks-obp-toggle { display:flex; align-items:flex-start; gap:8px; margin-top:10px; cursor:pointer; font-size:12px; color:var(--kt-metin); line-height:1.35; }
.yks-obp-toggle input { margin-top:2px; width:16px; height:16px; accent-color:var(--kt-yesil); flex:none; }
.yks-obp-toggle small { color:var(--kt-metin-soluk); }

/* hedef seçici */
.yks-hedef { display:flex; gap:6px; margin-bottom:12px; flex-wrap:wrap; }
.yks-hedef-btn { font:inherit; font-size:12px; font-weight:700; border:1.5px solid var(--kt-cizgi); background:#fff; color:var(--kt-metin-soluk); padding:6px 13px; border-radius:999px; cursor:pointer; transition:all .15s; }
.yks-hedef-btn:hover:not(.dis) { border-color:var(--kt-yesil); color:var(--kt-yesil-koyu); }
.yks-hedef-btn.act { background:var(--kt-yesil); border-color:var(--kt-yesil); color:#fff; }
.yks-hedef-btn.dis { opacity:.4; cursor:default; }

/* hero kart */
.yks-hero { background:var(--kt-kart); border:1px solid var(--kt-cizgi); border-radius:18px; padding:20px 22px; box-shadow:0 8px 28px rgba(40,60,55,.08); }
.yks-hero-bos { color:var(--kt-metin-soluk); font-size:13px; text-align:center; padding:40px 22px; }
.yks-hero-tur { font-family:"Sora",sans-serif; font-size:.95rem; font-weight:700; color:var(--kt-yesil-koyu); letter-spacing:-.01em; }
.yks-hero-puan { display:flex; align-items:flex-end; justify-content:space-between; margin-top:5px; gap:12px; }
.yks-lab { font-size:9.5px; letter-spacing:.6px; text-transform:uppercase; color:var(--kt-metin-soluk); }
.yks-puan-big { font-family:"Sora",sans-serif; font-size:2.8rem; font-weight:800; line-height:1; color:var(--kt-metin); font-variant-numeric:tabular-nums; }
.yks-hero-ham { text-align:right; font-size:11px; color:var(--kt-metin-soluk); white-space:nowrap; }
.yks-hero-ham b { display:block; font-family:"Sora",sans-serif; font-size:1.2rem; font-weight:700; color:var(--kt-yesil); font-variant-numeric:tabular-nums; }
.yks-hero-sep { height:1px; background:var(--kt-cizgi); margin:16px 0; }
.yks-sira-big { font-family:"Sora",sans-serif; font-size:1.55rem; font-weight:800; color:var(--kt-metin); font-variant-numeric:tabular-nums; margin-bottom:12px; }

/* görsel sıralama çubuğu */
.yks-gauge { position:relative; height:13px; border-radius:999px; background:linear-gradient(90deg,#49826d 0%,#7fae9c 18%,#cfd8d4 55%,#e3e5e8 100%); margin:6px 0 6px; }
.yks-pin { position:absolute; top:-5px; width:4px; height:23px; border-radius:3px; background:var(--kt-metin); box-shadow:0 0 0 3px #fff; transform:translateX(-2px); }
.yks-gauge-ends { display:flex; justify-content:space-between; font-size:10px; color:var(--kt-metin-soluk); }
.yks-cta { display:flex; flex-direction:column; align-items:center; gap:3px; text-align:center; margin-top:16px; background:var(--kt-yesil); color:#fff; font-weight:700; padding:14px 16px; border-radius:14px; text-decoration:none; box-shadow:0 6px 18px rgba(73,130,109,.28); transition:transform .12s, box-shadow .15s, background .15s; }
.yks-cta:hover { background:var(--kt-yesil-koyu); box-shadow:0 9px 24px rgba(73,130,109,.38); transform:translateY(-1px); }
.yks-cta-q { font-family:"Sora",sans-serif; font-size:14.5px; letter-spacing:-.01em; }
.yks-cta-go { font-size:12.5px; font-weight:600; opacity:.93; }

/* === Sonuç bandı üstte sabit (sticky) + yatay kompakt düzen === */
.yks-sonuc-ust { position:sticky; top:12px; z-index:6; margin-bottom:14px; }
.yks-hero-bant { display:flex; align-items:center; gap:26px; flex-wrap:wrap; padding:16px 22px; }
.yks-hero-blok { display:flex; flex-direction:column; gap:2px; }
.yks-hero-bant .yks-puan-big { font-size:2.2rem; }
.yks-hero-bant .yks-sira-big { font-size:1.3rem; margin-bottom:0; }
.yks-ham-v { font-family:"Sora",sans-serif; font-size:1.25rem; font-weight:700; color:var(--kt-yesil); font-variant-numeric:tabular-nums; }
.yks-hero-sag { margin-left:auto; display:flex; flex-direction:column; gap:7px; min-width:260px; flex:0 1 320px; }
.yks-hero-sag .yks-cta { margin-top:4px; padding:11px 14px; }

/* Test kartlarını sayfaya dağıt: 2 sütunlu ızgara */
.yks-kart-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
/* Alana göre belirli sol/sağ sütun dağılımı */
.yks-kart-2kol { display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
.yks-kol { display:flex; flex-direction:column; gap:14px; min-width:0; }

/* diğer türler */
.yks-digerler { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; }
.yks-dt { background:var(--kt-kart); border:1px solid var(--kt-cizgi); border-radius:12px; padding:10px 12px; cursor:pointer; transition:border-color .15s; }
.yks-dt:hover:not(.pas) { border-color:var(--kt-yesil); }
.yks-dt.pas { opacity:.5; cursor:default; }
.yks-dt-tur { font-size:11px; font-weight:700; color:var(--kt-metin-soluk); }
.yks-dt-puan { font-family:"Sora",sans-serif; font-size:1.1rem; font-weight:700; color:var(--kt-metin); font-variant-numeric:tabular-nums; margin:2px 0; }
.yks-dt-sira { font-size:11px; color:var(--kt-yesil-koyu); font-weight:600; }
.yks-dt-sira.muted { color:var(--kt-metin-soluk); font-weight:400; }

/* net + OBP şeridi */
.yks-netbar { display:flex; justify-content:space-around; background:var(--kt-kart); border:1px solid var(--kt-cizgi); border-radius:12px; padding:13px 10px; margin-top:14px; text-align:center; }
.yks-netbar .nb-l { display:block; font-size:9.5px; color:var(--kt-metin-soluk); text-transform:uppercase; letter-spacing:.4px; }
.yks-netbar .nb-v { display:block; font-family:"Sora",sans-serif; font-weight:700; color:var(--kt-yesil); font-size:1rem; font-variant-numeric:tabular-nums; }

/* ============================================================
   YKS PUAN — ALAN SEÇİMİ + ŞABLON (iki adımlı akış)
   ============================================================ */
/* 1) alan seçim ekranı */
.yks-alan-giris { max-width:640px; margin:0 auto; }
.yks-alan-baslik { font-family:"Sora",sans-serif; font-weight:700; font-size:1.15rem; color:var(--kt-metin); text-align:center; margin:4px 0 18px; letter-spacing:-.01em; }
.yks-alan-grid { display:flex; flex-direction:column; gap:10px; }
.yks-alan-kart { display:flex; align-items:center; gap:14px; width:100%; text-align:left; background:var(--kt-kart); border:1.5px solid var(--kt-cizgi); border-radius:15px; padding:15px 17px; cursor:pointer; font:inherit; transition:border-color .15s, box-shadow .15s, transform .05s; }
.yks-alan-kart:hover { border-color:var(--kt-yesil); box-shadow:0 6px 22px rgba(40,60,55,.09); }
.yks-alan-kart:active { transform:scale(.995); }
.yks-alan-ic { width:42px; height:42px; border-radius:12px; background:var(--kt-yesil); display:flex; align-items:center; justify-content:center; flex:none; }
.yks-alan-ic svg { width:22px; height:22px; }
.yks-alan-govde { flex:1; display:flex; flex-direction:column; gap:2px; }
.yks-alan-ad { font-family:"Sora",sans-serif; font-weight:700; font-size:15px; color:var(--kt-metin); }
.yks-alan-desc { font-size:12px; color:var(--kt-metin-soluk); }
.yks-alan-ok { font-family:"Sora",sans-serif; font-size:1.2rem; color:var(--kt-yesil); flex:none; }
.yks-alan-not { text-align:center; font-size:12px; color:var(--kt-metin-soluk); margin-top:16px; }

/* 2) hesap şablonu — geri butonu */
.yks-geri { display:inline-flex; align-items:center; gap:4px; background:none; border:none; font:inherit; font-size:13px; font-weight:600; color:var(--kt-yesil-koyu); cursor:pointer; padding:4px 0; margin-bottom:10px; }
.yks-geri b { font-weight:700; }
.yks-geri:hover { text-decoration:underline; }

/* OBP üst kartı */
.yks-obp-kart { background:var(--kt-kart); border:1px solid var(--kt-cizgi); border-radius:14px; padding:6px 16px; margin-bottom:12px; box-shadow:0 4px 18px rgba(40,60,55,.05); }
.yks-obp-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:12px 0; }
.yks-obp-row + .yks-obp-row { border-top:1px solid #f0f2f1; }
.yks-obp-yazi { flex:1; }
.yks-obp-lab { font-size:13px; font-weight:600; color:var(--kt-metin); }
.yks-obp-alt { font-size:11px; color:var(--kt-metin-soluk); margin-top:2px; }
.yks-obp-input { width:96px; padding:8px 10px; border:1.5px solid var(--kt-cizgi); border-radius:10px; text-align:center; font:inherit; font-size:14px; font-weight:600; flex:none; }
.yks-obp-input:focus { outline:none; border-color:var(--kt-yesil); }
.yks-obp-input.yks-obp-eksik { border-color:#e5484d; background:rgba(229,72,77,.06); }
.yks-obp-input.yks-obp-eksik:focus { border-color:#e5484d; }
.yks-zorunlu { color:#e5484d; font-weight:700; }
.yks-dip-uyari { color:#e5484d; font-size:11.5px; font-weight:600; margin:-4px 2px 6px; padding:0 2px; }

/* toggle switch (görseldeki gibi: beyaz, aktifken yeşil) */
.kt-switch { position:relative; display:inline-block; width:46px; height:26px; flex:none; cursor:pointer; }
.kt-switch input { opacity:0; width:0; height:0; position:absolute; }
.kt-switch-tr { position:absolute; inset:0; background:#fff; border:1.5px solid #d4d8d6; border-radius:999px; transition:background .2s, border-color .2s; }
.kt-switch-tr:before { content:""; position:absolute; width:20px; height:20px; left:2px; top:1px; background:#fff; border-radius:50%; box-shadow:0 1px 3px rgba(0,0,0,.28); transition:transform .2s; }
.kt-switch input:checked + .kt-switch-tr { background:var(--kt-yesil); border-color:var(--kt-yesil); }
.kt-switch input:checked + .kt-switch-tr:before { transform:translateX(20px); }

/* test grup kartları (tablo değil) */
.yks-grp { background:var(--kt-kart); border:1px solid var(--kt-cizgi); border-radius:16px; box-shadow:0 4px 18px rgba(40,60,55,.05); margin-bottom:12px; overflow:hidden; }
.yks-grp-hd { display:flex; align-items:center; gap:10px; padding:12px 16px; background:var(--kt-yesil-acik); }
.yks-grp-ic { width:30px; height:30px; border-radius:9px; background:var(--kt-yesil); display:flex; align-items:center; justify-content:center; flex:none; }
.yks-grp-ic svg { width:16px; height:16px; }
.yks-grp-ad { font-family:"Sora",sans-serif; font-weight:700; font-size:13.5px; color:var(--kt-yesil-koyu); flex:1; letter-spacing:-.01em; }
.yks-grp-net { text-align:right; font-size:9.5px; color:var(--kt-metin-soluk); text-transform:uppercase; letter-spacing:.4px; }
.yks-grp-net b { display:block; font-family:"Sora",sans-serif; font-size:1.05rem; font-weight:700; color:var(--kt-yesil); font-variant-numeric:tabular-nums; }
.yks-grp-bd { padding:6px 16px 12px; }
.yks-leg { display:flex; gap:9px; justify-content:flex-end; padding:2px 0 4px; }
.yks-leg span { width:52px; text-align:center; font-size:8.5px; letter-spacing:.5px; text-transform:uppercase; color:var(--kt-metin-soluk); }
.yks-leg .l3 { width:52px; min-width:0; }
.yks-drs { display:flex; align-items:center; gap:9px; padding:9px 0; }
.yks-drs + .yks-drs { border-top:1px solid #f0f2f1; }
.yks-drs-ad { flex:1; font-size:13px; font-weight:500; color:var(--kt-metin); }
.yks-drs-ad small { color:var(--kt-metin-soluk); font-weight:400; font-size:11px; }
.yks-fld { width:52px; flex:none; }
.yks-fld input { width:100%; padding:6px 4px; border:1.5px solid var(--kt-cizgi); border-radius:9px; text-align:center; font:inherit; font-size:13px; font-weight:600; color:var(--kt-metin); -moz-appearance:textfield; }
.yks-fld input:focus { outline:none; border-color:var(--kt-yesil); }
.yks-fld input::-webkit-outer-spin-button, .yks-fld input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.yks-net-chip { width:52px; flex:none; text-align:center; background:var(--kt-yesil-acik); color:var(--kt-yesil-koyu); font-family:"Sora",sans-serif; font-weight:700; font-size:12.5px; padding:6px 3px; border-radius:9px; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; }
.yks-net-chip.zero { background:#f1f3f2; color:var(--kt-metin-soluk); }

/* diğer türler başlığı */
.yks-diger-bsl { font-size:11px; color:var(--kt-metin-soluk); margin:14px 0 6px; text-transform:uppercase; letter-spacing:.4px; }
.yks-digerler { margin-top:0; }

/* alan seçimi — "ya da" ayracı + Tümü kartı */
.yks-alan-ayrac { display:flex; align-items:center; gap:12px; margin:14px 2px; color:var(--kt-metin-soluk); font-size:11.5px; }
.yks-alan-ayrac:before, .yks-alan-ayrac:after { content:""; flex:1; height:1px; background:var(--kt-cizgi); }
.yks-alan-tum { border-color:var(--kt-yesil); background:var(--kt-yesil-acik); }
.yks-alan-tum:hover { box-shadow:0 6px 22px rgba(40,60,55,.12); }
.yks-alan-tum .yks-alan-desc { color:var(--kt-yesil-koyu); opacity:.85; }

/* ============================================================
   BİRÖRNEK SAYFA BAŞLIĞI SİSTEMİ
   Ücret / MTOK / Dikey / Yatay / Puan sekmeleri tek standarda bağlı.
   (Tercih hero'su = kt-baslik ve tablo toolbar'ı = kt-tablo-baslik hariç.)
   ============================================================ */
/* TEK KAYNAK — tüm sekme içerik başlıkları aynı font/boyut/ağırlık.
   Yeni bir sekme başlığı eklenince sınıfını buraya (ve aşağıdaki @640px
   kuralına) ekle; sekmeye özel ayrı boyut/ağırlık kuralı TANIMLAMA. */
.kt-ucret-h1, .kt-meslek-h1, .kt-dgs-h1, .kt-phesap-h1, .kt-kars-h1, .kt-sim-h1, .kt-burs-h1 {
  font-family: var(--kt-font-baslik);
  font-size: 28px; font-weight: 700; letter-spacing: -0.02em;
  color: var(--kt-metin); text-align: center; line-height: 1.2;
  margin: 0 0 8px;
}
/* Dikey/Yatay mod-seçim ekranlarındaki ekstra üst boşluğu sıfırla (tutarlı üst boşluk) */
#ktDgsModSec > .kt-dgs-h1, #ktYgModSec > .kt-dgs-h1 { margin-top: 0; }

.kt-atlas .kt-ucret-alt, .kt-atlas .kt-meslek-alt, .kt-atlas .kt-dgs-alt, .kt-atlas .kt-phesap-alt, .kt-atlas .kt-kars-alt, .kt-atlas .kt-sim-alt {
  font-size: 14px; color: var(--kt-metin-soluk); text-align: center;
  max-width: 640px; margin: 0 auto 22px; line-height: 1.5;
}

/* Opsiyonel "soru" satırı (Puan → alan seçimi) */
.yks-alan-baslik { font-family: var(--kt-font-baslik); font-size: 18px; font-weight: 600; }

/* navbar → başlık: TEK üst boşluk (her sekmede aynı) */
.kt-ucret-merkez2, .kt-meslek-merkez2, .kt-dgs-merkez, .kt-phesap-sar { padding-top: 36px; }

@media (max-width: 640px) {
  .kt-ucret-h1, .kt-meslek-h1, .kt-dgs-h1, .kt-phesap-h1, .kt-kars-h1, .kt-sim-h1, .kt-burs-h1 { font-size: 22px; }
  .kt-ucret-merkez2, .kt-meslek-merkez2, .kt-dgs-merkez, .kt-phesap-sar, .kt-kars-merkez { padding-top: 24px; }
}

/* ============================================================
   LİSANS — PUAN TÜRÜ PİLLERİ (banda yayılmış) + bekleme durumu
   ============================================================ */
.kt-ptbar { display:flex; align-items:center; gap:12px; margin:2px 0 0; padding:0 0 14px; }
.kt-ptbar-et { font-size:12px; color:var(--kt-metin-soluk); font-weight:600; white-space:nowrap; }
.kt-ptbar-piller { display:flex; gap:10px; flex:1; }
.kt-pt-pil { flex:1; text-align:center; font-family:var(--kt-font-baslik); font-weight:700; font-size:13.5px;
  border:1.5px solid var(--kt-cizgi); background:#fff; color:var(--kt-metin-soluk); padding:10px 8px; border-radius:999px; cursor:pointer; transition:all .15s; }
.kt-pt-pil:hover { border-color:var(--kt-yesil); color:var(--kt-yesil-koyu); }
.kt-pt-pil.akt { background:var(--kt-yesil); border-color:var(--kt-yesil); color:#fff; }

/* tablo bekleme (puan türü seçilmedi) */
.kt-tablo-kutu { position:relative; }
.kt-tablo-kutu.kt-soluk .kt-tablo-ust,
.kt-tablo-kutu.kt-soluk .kt-tablo-kaydir { opacity:.3; pointer-events:none; }
.kt-pt-ortu { position:absolute; inset:0; z-index:5; display:flex; align-items:center; justify-content:center; background:rgba(244,245,246,.55); border-radius:inherit; }
.kt-pt-ortu-ic { text-align:center; display:flex; flex-direction:column; gap:4px; align-items:center; color:var(--kt-yesil-koyu); }
.kt-pt-ortu-ic .ok { font-size:22px; line-height:1; }
.kt-pt-ortu-ic b { font-family:var(--kt-font-baslik); font-size:15px; }
.kt-pt-ortu-ic .alt { font-size:12px; color:var(--kt-metin-soluk); }

@media (max-width: 640px) {
  .kt-ptbar { flex-wrap:wrap; gap:8px; }
  .kt-ptbar-et { width:100%; }
  .kt-ptbar-piller { flex-wrap:wrap; flex:1 1 100%; }
  .kt-pt-pil { flex:0 0 auto; font-size:12.5px; padding:8px 14px; }
}

/* DÜZELTME: hidden özniteliği display:flex'i ezmesin (örtü/pil çubuğu gizlenince gerçekten kaybolsun) */
.kt-ptbar[hidden], .kt-pt-ortu[hidden] { display: none !important; }

/* ============================================================
   ÖZEL KONTENJAN — bağımsız açılır-kapanır panel (tablo üstü)
   ============================================================ */
.kt-ozk { background:#fff; border:1px solid var(--kt-cizgi); border-radius:14px;
  box-shadow:0 4px 16px rgba(40,60,55,.05); overflow:hidden; margin:0 0 12px; }
.kt-ozk-head { display:flex; flex-wrap:wrap; align-items:center; gap:12px; width:100%;
  padding:13px 18px; background:none; border:0; cursor:pointer; text-align:left; font-family:inherit; }
.kt-ozk-ik { width:26px; height:26px; border-radius:8px; background:var(--kt-yesil-acik);
  color:var(--kt-yesil-koyu); display:flex; align-items:center; justify-content:center; font-size:14px; flex:none; }
.kt-ozk-title { font-family:var(--kt-font-baslik); font-weight:700; font-size:14px; color:var(--kt-metin); white-space:nowrap; }
.kt-ozk-ozet { font-size:12.5px; color:var(--kt-metin-soluk); flex:1; }
.kt-ozk-ozet-aktif { color:#c0392b; font-weight:700; }
.kt-ozk-ozet b { color:inherit; font-weight:700; }
.kt-ozk-chev { color:var(--kt-metin-soluk); font-size:13px; margin-left:auto; transition:transform .2s; }
.kt-ozk.acik .kt-ozk-chev { transform:rotate(180deg); }

.kt-ozk-ic { padding:4px 18px 16px; border-top:1px solid #eef0ef; }
.kt-ozk-ic[hidden] { display:none !important; }
.kt-ozk-line { display:flex; align-items:center; gap:10px; padding:12px 0 14px; border-bottom:1px solid #f0f2f1; }
.kt-ozk-line .et { font-size:13.5px; flex:1; color:var(--kt-metin); }
.kt-ozk-line2 { padding-top:14px; }
.kt-ozk-lbl { font-size:11px; color:var(--kt-metin-soluk); font-weight:600; text-transform:uppercase; letter-spacing:.3px; margin-bottom:9px; }
.kt-ozk-chips { display:flex; gap:9px; flex-wrap:wrap; }
.kt-ozk-chip { font-family:var(--kt-font-baslik); font-weight:700; font-size:13px;
  border:1.5px solid var(--kt-cizgi); background:#fff; color:var(--kt-metin-soluk);
  padding:9px 16px; border-radius:999px; cursor:pointer; transition:all .15s; }
.kt-ozk-chip:hover { border-color:var(--kt-yesil); color:var(--kt-yesil-koyu); }
.kt-ozk-chip.akt { background:var(--kt-yesil); border-color:var(--kt-yesil); color:#fff; }

@media (max-width: 640px) {
  .kt-ozk-head { gap:8px; padding:12px 14px; }
  .kt-ozk-ozet { flex:1 1 100%; order:3; }
  .kt-ozk-ic { padding:4px 14px 14px; }
}

/* ============================================================
   BURSLAR SEKMESİ — kartlar + detay modalı
   ============================================================ */
.kt-burs-sar { max-width: 1040px; margin: 0 auto; padding: 36px 20px 44px; }
/* .kt-burs-h1 artık yukarıdaki TEK KAYNAK kuralına dahil — ayrı tanım kaldırıldı. */

/* Envanterler yer tutucusu kaldırıldı (07.08.2026): sekmenin yerini Hazine
   aldı, stili hazine/hazine.css içinde kendi kapsamında duruyor. */
.kt-atlas .kt-burs-alt { font-size: 14px; color: var(--kt-metin-soluk); text-align: center; max-width: 640px; margin: 0 auto 26px; line-height: 1.5; }
.kt-burs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; max-width: 860px; margin: 0 auto; }
.kt-burs-kart { display: flex; flex-direction: column; text-align: left; background: #fff; border: 1px solid var(--kt-cizgi); border-top: 3px solid var(--bc, #49826d); border-radius: 14px; padding: 16px 16px 14px; cursor: pointer; font-family: inherit; transition: box-shadow .15s, transform .1s; }
.kt-burs-kart:hover { box-shadow: 0 8px 22px rgba(40,60,55,.10); transform: translateY(-1px); }
.kt-burs-kart-bas { display: flex; align-items: center; gap: 9px; margin-bottom: 8px; }
.kt-burs-nokta { width: 10px; height: 10px; border-radius: 50%; background: var(--bc, #49826d); flex: none; }
.kt-burs-kart-ad { font-family: "Sora", sans-serif; font-weight: 700; font-size: 15px; color: var(--kt-metin); }
.kt-burs-kart-mik { font-weight: 700; color: var(--bc, #49826d); font-size: 13.5px; margin-bottom: 6px; }
.kt-burs-kart-kap { font-size: 12.5px; color: var(--kt-metin-soluk); line-height: 1.5; }
.kt-burs-kart-det { font-size: 12px; color: var(--kt-yesil-koyu); font-weight: 600; margin-top: 10px; }
@media (max-width: 640px) { .kt-burs-grid { grid-template-columns: 1fr; } .kt-burs-sar { padding-top: 24px; } }

/* Burs detay modalı */
.kt-burs-modal { max-width: 560px; }
.kt-burs-modal-ust { border-top: 4px solid #49826d; align-items: flex-start; }
.kt-burs-modal-bas h2 { margin: 0 0 3px; font-family: "Sora", sans-serif; font-size: 18px; font-weight: 800; }
.kt-burs-modal-ver { font-size: 12.5px; color: var(--kt-metin-soluk); line-height: 1.4; }
.kt-bm-row { display: flex; gap: 12px; margin-bottom: 13px; }
.kt-bm-lbl { font-size: 11px; color: var(--kt-metin-soluk); font-weight: 700; text-transform: uppercase; letter-spacing: .3px; width: 84px; flex: none; padding-top: 2px; }
.kt-bm-val { font-size: 13.5px; line-height: 1.5; color: var(--kt-metin); flex: 1; }
.kt-bm-val b { color: var(--kt-yesil-koyu); }
.kt-bm-val a { color: var(--kt-yesil-koyu); word-break: break-all; }
.kt-bm-ul { margin: 2px 0 0; padding-left: 18px; }
.kt-bm-ul li { font-size: 13px; line-height: 1.55; margin-bottom: 3px; }
.kt-bm-haric li { color: #9a5b5b; }
.kt-bm-cta-sar { margin-top: 4px; padding-top: 14px; border-top: 1px solid var(--kt-cizgi); }
.kt-bm-cta { width: 100%; background: var(--kt-yesil); color: #fff; border: 0; border-radius: 10px; padding: 12px 14px; font-family: "Sora", sans-serif; font-weight: 700; font-size: 13.5px; cursor: pointer; transition: background .15s; }
.kt-bm-cta:hover { background: var(--kt-yesil-koyu); }

/* =========================================================
   KARŞILAŞTIR sekmesi
   ========================================================= */
.kt-kars-merkez { max-width: 760px; margin: 0 auto; padding: 36px 14px 40px; }
.kt-kars-baslik { text-align: center; }
/* Karşılaştır alt yazısında vurgulu (kırmızı) ibare */
.kt-atlas .kt-kars-vurgu { color: #c0392b; font-weight: 700; }
.kt-kars-aciklama { font-size: 12.5px; color: #6b7078; line-height: 1.5; text-align: center; max-width: 520px; margin: 0 auto 10px; }

.kt-kars-slotlar { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 12px; }
.kt-kars-s3 { grid-template-columns: 1fr 1fr 1fr; }
.kt-kars-slot-bosekle { font-size: 10.5px; color: var(--kt-yesil); font-weight: 700; margin-top: 2px; }
.kt-kars-slot { position: relative; background: #fff; border: 1px solid #e3e5e8; border-radius: 11px; padding: 9px 11px; min-height: 62px; }
.kt-kars-slot-bos { border-style: dashed; display: flex; flex-direction: column; justify-content: center; }
/* --- Karşılaştırma slot renkleri (A / B / C) ---
   Üçü de aynı renkteyken hangi kartın hangi sütuna ait olduğu ayırt
   edilemiyordu. Her slot kendi rengini alır ve bu renk altı yerde birden
   aynıdır: slot kartı, tally sütunu, seçim rozeti, alt şerit, tablo butonu.
   Renkler hem hue hem koyulukta ayrışır — renk körlüğünde de ayırt edilsin. */
.kt-slot-a { --slot-renk: #2e7d57; --slot-zemin: #eaf4ef; }  /* yeşil  */
.kt-slot-b { --slot-renk: #b07d18; --slot-zemin: #fdf4e3; }  /* amber  */
.kt-slot-c { --slot-renk: #4f5bd5; --slot-zemin: #eeeffc; }  /* mor-mavi */

.kt-kars-slot-lab { font-size: 10px; font-weight: 700; color: var(--slot-renk, var(--kt-altin-koyu)); letter-spacing: .4px; }
/* Kart kenarı da slot rengini alsın; etiket tek başına küçük kalıyor. */
.kt-kars-slot.kt-slot-a, .kt-kars-slot.kt-slot-b, .kt-kars-slot.kt-slot-c {
  border-color: var(--slot-renk); border-left-width: 3px;
}
.kt-kars-slot-bos.kt-slot-a, .kt-kars-slot-bos.kt-slot-b, .kt-kars-slot-bos.kt-slot-c {
  border-color: #e3e5e8; border-left: 3px dashed var(--slot-renk);
}
/* Tally sütunu, seçim rozeti, alt şerit kutusu, tablo butonu */
.kt-kars-tcol.kt-slot-a .kt-kars-tnum,
.kt-kars-tcol.kt-slot-b .kt-kars-tnum,
.kt-kars-tcol.kt-slot-c .kt-kars-tnum { color: var(--slot-renk); }
.kt-kars-sec-rozet.kt-slot-a, .kt-kars-sec-rozet.kt-slot-b, .kt-kars-sec-rozet.kt-slot-c {
  background: var(--slot-renk); color: #fff;
}
.kt-ksepet-slot.kt-dolu.kt-slot-a, .kt-ksepet-slot.kt-dolu.kt-slot-b,
.kt-ksepet-slot.kt-dolu.kt-slot-c { background: var(--slot-renk); color: #fff; }
/* Tablodaki karşılaştırma butonu.
   ÖZGÜLLÜK NOTU: temel kural ".kt-kars-btn.kt-kars-secili" (aşağıda, ~3567)
   iki sınıflı ve DAHA SONRA geliyor; iki sınıflı bir kural onu ezemez.
   Bu yüzden burada ÜÇ sınıf kullanılıyor. */
.kt-kars-btn.kt-kars-secili.kt-slot-a,
.kt-kars-btn.kt-kars-secili.kt-slot-b,
.kt-kars-btn.kt-kars-secili.kt-slot-c {
  background: var(--slot-renk); border-color: var(--slot-renk); color: #fff;
}
.kt-kars-btn.kt-kars-secili.kt-slot-a:hover,
.kt-kars-btn.kt-kars-secili.kt-slot-b:hover,
.kt-kars-btn.kt-kars-secili.kt-slot-c:hover { filter: brightness(1.12); }
.kt-kars-slot-pr { font-size: 13px; font-weight: 700; color: var(--kt-metin, #25272e); line-height: 1.25; margin-top: 3px; }
.kt-kars-slot-un { font-size: 11px; color: #6b7078; margin-top: 1px; }
.kt-kars-slot-bosyazi { font-size: 12px; color: #aab0b4; }
.kt-kars-slot-sil { position: absolute; top: 6px; right: 8px; border: none; background: transparent; color: #b9b9b9; font-size: 16px; line-height: 1; cursor: pointer; padding: 0; font-family: inherit; }
.kt-kars-slot-sil:hover { color: #c0392b; }

.kt-kars-tally { background: #fff; border: 1px solid #e3e5e8; border-radius: 12px; padding: 12px; margin-bottom: 14px; }
.kt-kars-tally-bas { font-size: 11.5px; font-weight: 700; color: #6b7078; text-align: center; margin-bottom: 10px; }
.kt-kars-tally-grid { display: grid; grid-template-columns: 1fr 1fr 0.7fr; gap: 9px; }
.kt-kars-tg4 { grid-template-columns: 1fr 1fr 1fr 0.7fr; }
.kt-kars-tcol.kt-kars-tkazanan { box-shadow: inset 0 0 0 2px var(--kt-yesil); }
.kt-kars-tcol.kt-kars-tbos { background: #f7f8f9; }
.kt-kars-tcol.kt-kars-tbos .kt-kars-tnum { color: #c2c6cc; }
.kt-kars-tcol { text-align: center; border-radius: 10px; padding: 9px 4px; background: var(--kt-yesil-acik); }
.kt-kars-tcol.kt-kars-esit { background: #f3f4f6; }
.kt-kars-tnum { font-size: 24px; font-weight: 800; color: var(--kt-yesil); line-height: 1; }
.kt-kars-tcol.kt-kars-esit .kt-kars-tnum { color: #9aa0a6; }
.kt-kars-tname { font-size: 11.5px; color: var(--kt-metin, #25272e); font-weight: 700; margin-top: 4px; }
.kt-kars-talt { font-size: 9.5px; color: #6b7078; margin-top: 1px; }

.kt-kars-tbl { background: #fff; border: 1px solid #e3e5e8; border-radius: 12px; overflow: hidden; margin-bottom: 12px; }
.kt-kars-grp { background: var(--kt-yesil-koyu); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .4px; padding: 7px 12px; display: flex; justify-content: space-between; align-items: center; }
.kt-kars-kn { font-weight: 600; opacity: .85; font-size: 9.5px; letter-spacing: 0; }
.kt-kars-row { display: grid; grid-template-columns: 116px 1fr 1fr; border-top: 1px solid #eef1f0; }
.kt-kars-r3 { grid-template-columns: 116px 1fr 1fr 1fr; }
.kt-kars-row:first-of-type { border-top: none; }
.kt-kars-cell { padding: 8px 9px; font-size: 12px; color: var(--kt-metin, #25272e); }
.kt-kars-bcol { border-left: 1px solid #eef1f0; }
.kt-kars-lbl { color: #6b7078; font-size: 10.5px; font-weight: 600; background: #fafbfb; display: flex; align-items: center; }
.kt-kars-same { color: #8a9096; }
.kt-kars-onde { box-shadow: inset 3px 0 0 var(--kt-yesil); }
/* Birden fazla program en iyi degeri paylasiyorsa: yesil "tek kazanan" demek,
   bu yuzden beraberlik notr gri isaretlenir. */
.kt-kars-esitonde { box-shadow: inset 3px 0 0 #c2c6cc; }
.kt-kars-bos { color: #c2c6cc; }
/* 3 sutunda hucreler daraldi: etiket kisa degerlerin yanina sikismasin, hep alt satira insin */
.kt-kars-ok { display: block; width: fit-content; font-size: 9px; font-weight: 800; color: #fff; background: var(--kt-yesil); border-radius: 4px; padding: 1px 6px; margin-top: 4px; }
.kt-mzb-not { font-size: 11px; color: #6b7078; line-height: 1.5; padding: 9px 12px 0; }
.kt-mzb-not b { color: var(--kt-metin, #25272e); }
.kt-mzb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; padding: 9px 12px 12px; }
.kt-mzb-kutu { background: #fafbfb; border-radius: 9px; padding: 10px 11px; }
.kt-mzb-v { font-size: 21px; font-weight: 800; color: var(--kt-yesil-koyu); line-height: 1;
  font-variant-numeric: tabular-nums; }
.kt-mzb-l { font-size: 11px; color: #6b7078; margin-top: 4px; line-height: 1.35; }
@media (max-width: 560px) { .kt-mzb-grid { grid-template-columns: 1fr; } }
.kt-kars-uyari { display: block; font-size: 9px; font-weight: 600; color: #8a5400; margin-top: 3px; letter-spacing: 0; }
.kt-kars-sec-kapali { opacity: .45; cursor: not-allowed; }
.kt-kars-sec-kapali:hover { border-color: #e3e5e8; background: #fff; }
.kt-kars-esittag { display: block; width: fit-content; font-size: 9px; font-weight: 700; color: #8a9096; background: #f0f1f3; border-radius: 4px; padding: 1px 6px; margin-top: 4px; }

.kt-kars-chipwrap { padding: 10px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.kt-kars-cw3 { grid-template-columns: 1fr 1fr 1fr; }
.kt-kars-ch { display: block; font-size: 10.5px; color: var(--kt-yesil-koyu); background: var(--kt-yesil-acik); border-radius: 6px; padding: 3px 8px; margin-bottom: 5px; font-weight: 600; }
.kt-kars-ch b { color: var(--kt-yesil); }
.kt-kars-och-yok { font-size: 10.5px; color: #aab0b4; font-style: italic; }

.kt-kars-not { color: #6b7078; font-size: 11px; line-height: 1.5; background: #fff; border: 1px dashed #e3e5e8; border-radius: 10px; padding: 10px 12px; margin-bottom: 14px; }
.kt-kars-not b { color: var(--kt-yesil-koyu); }
.kt-kars-ipucu { text-align: center; color: #8a9096; font-size: 12.5px; padding: 16px; }

.kt-kars-ekle { margin: 16px 0 8px; }
.kt-kars-ara { width: 100%; border: 1px solid #e3e5e8; border-radius: 9px; padding: 9px 12px; font-size: 13px; font-family: inherit; }
.kt-kars-ara:focus { outline: none; border-color: var(--kt-yesil); }
.kt-kars-liste { display: flex; flex-direction: column; gap: 6px; }
.kt-kars-liste-bos { color: #8a9096; font-size: 12.5px; padding: 12px; text-align: center; background: #fafbfb; border: 1px dashed #e3e5e8; border-radius: 10px; }
.kt-kars-sec-row { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; background: #fff; border: 1px solid #e3e5e8; border-radius: 9px; padding: 8px 11px; cursor: pointer; font-family: inherit; }
.kt-kars-sec-row:hover { border-color: var(--kt-yesil); background: #fafdfb; }
.kt-kars-sec-aktif { border-color: var(--kt-yesil); background: var(--kt-yesil-acik); }
.kt-kars-sec-pr { font-size: 12.5px; font-weight: 700; color: var(--kt-metin, #25272e); }
.kt-kars-sec-un { font-size: 11px; color: #6b7078; margin-left: auto; text-align: right; }
.kt-kars-sec-arti { font-size: 18px; font-weight: 700; color: var(--kt-yesil); line-height: 1; width: 20px; text-align: center; }
.kt-kars-sec-rozet { font-size: 9.5px; font-weight: 700; color: #fff; background: var(--kt-yesil); border-radius: 999px; padding: 2px 8px; }
@media (max-width: 560px) {
  .kt-kars-row { grid-template-columns: 92px 1fr 1fr; }
  .kt-kars-r3 { grid-template-columns: 78px 1fr 1fr 1fr; }
  .kt-kars-cell { font-size: 11.5px; padding: 7px; }
  .kt-kars-sec-un { display: none; }
  /* Dar ekranda da program sutun sayisi kriter tablosuyla AYNI kalmali (3),
     yoksa slot/tally 2 sutun gosterirken tablo 3 gosteriyor ve C "eksik" gibi okunuyor. */
  .kt-kars-slotlar, .kt-kars-s3 { grid-template-columns: repeat(3, 1fr); gap: 6px; }
  .kt-kars-slot { padding: 7px 8px; min-height: 0; }
  .kt-kars-slot-pr { font-size: 11.5px; }
  .kt-kars-slot-un { font-size: 10px; }
  .kt-kars-tally-grid, .kt-kars-tg4 { grid-template-columns: repeat(3, 1fr); }
  /* "esit" kutusu bir programin esi gibi okunmasin diye tam genislikte alt satira iner */
  .kt-kars-tg4 .kt-kars-esit { grid-column: 1 / -1; }
  .kt-kars-tname { font-size: 10.5px; }
  .kt-kars-chipwrap, .kt-kars-cw3 { grid-template-columns: 1fr; }
}

/* =========================================================
   KARŞILAŞTIR — program satırındaki ikon + seçim şeridi
   Aksan: #5a6acf (index.php'deki Karşılaştır aracı rengi).
   Yeşil "+" birincil eylem kalsın diye bu buton çerçeveli.
   ========================================================= */
.kt-eyl-kap { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.kt-kars-btn {
  width: 30px; height: 30px; border-radius: 8px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1.5px solid var(--kt-altin-koyu); color: var(--kt-altin-koyu);
  cursor: pointer;
  font-family: inherit; transition: background .15s, transform .1s, border-color .15s;
}
.kt-kars-btn:hover { background: var(--kt-altin-acik); }
.kt-kars-btn.kt-kars-secili:hover { background: #c49a34; }
.kt-kars-btn:active { transform: scale(0.9); }
.kt-kars-btn.kt-kars-secili {
  background: var(--kt-altin); border-color: var(--kt-altin); color: var(--kt-antrasit);
}
.kt-kars-btn.kt-kars-kapali { border-color: #d8dbe0; color: #c2c6cc; background: #fafbfc; cursor: not-allowed; }
.kt-kars-btn-harf { font-size: 13px; font-weight: 800; line-height: 1; }

/* ============================================================
   2026 TAHMİNİ — satır altı mini simülasyon paneli
   Buton "+" ve "⇄" ile aynı boyut/ritimde, üçüncü sırada.
   Rengi mavi-gri: yeşil (listeye ekle) ve altın (karşılaştır)
   ile karışmasın, ama aynı aileden dursun.
   ============================================================ */
.kt-sim-btn {
  width: 30px; height: 30px; border-radius: 8px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  background: #fff; border: 1.5px solid #5a7a91; color: #5a7a91;
  cursor: pointer; font-family: inherit;
  transition: background .15s, transform .1s, color .15s;
}
.kt-sim-btn:hover { background: #eaf0f4; }
.kt-sim-btn:active { transform: scale(0.9); }
.kt-sim-btn.kt-sim-acik { background: #5a7a91; color: #fff; }
.kt-sim-btn:focus-visible { outline: 2px solid #5a7a91; outline-offset: 2px; }

.kt-sim-satir[hidden] { display: none; }
.kt-sim-satir > td { padding: 0 0 6px 0 !important; background: transparent !important; }

/* Panel gövdesi — yıl çizelgesinin devamı gibi dursun diye SAĞA hizalı ve
   çizelgeyle aynı genişlikte; ayrı bir kutu gibi durmaz. */
.kt-simmini {
  margin-left: auto; max-width: 520px;
  background: #f7f9fa; border: 1px solid #dbe3e8;
  border-radius: 10px; padding: 10px 14px 12px;
  font-family: var(--kt-font-govde);
}
.kt-simmini-yok {
  max-width: 520px; margin-left: auto;
  background: #fafbfc; border: 1px dashed #d8dbe0; border-radius: 10px;
  padding: 10px 14px; font-size: 11.5px; line-height: 1.55;
  color: var(--kt-metin-soluk);
}
.kt-smm-ust {
  display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin-bottom: 2px;
}
.kt-smm-bas {
  font-size: 10px; font-weight: 700; letter-spacing: .4px;
  text-transform: uppercase; color: var(--kt-metin-soluk);
}
.kt-smm-sayi {
  margin-left: auto; font-family: var(--kt-font-baslik);
  font-size: 17px; font-weight: 800; color: var(--kt-antrasit);
  font-variant-numeric: tabular-nums;
}
/* Hüküm rozeti — simülasyondaki band renkleriyle aynı aile */
.kt-smh {
  font-size: 10.5px; font-weight: 700; padding: 3px 9px; border-radius: 999px;
  white-space: nowrap;
}
.kt-smh-guv   { background: #dff0e6; color: #1c5a3d; }
.kt-smh-sin   { background: #fbeecd; color: #8a5f12; }
.kt-smh-risk  { background: #fadfd9; color: #8a2f26; }
.kt-smh-uzak  { background: #eceef0; color: #5c626b; }
.kt-smh-baraj { background: #f3d6d2; color: #7d211a; }

/* Sıra sorma satırı — panel içinde, bir kez */
.kt-smm-sor {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
  margin-top: 9px; padding-top: 9px; border-top: 1px dashed #dbe3e8;
}
.kt-smm-sor label { font-size: 11.5px; font-weight: 600; color: var(--kt-metin); }
.kt-smm-giris {
  width: 104px; padding: 5px 8px; font-family: inherit; font-size: 12.5px;
  border: 1px solid #cfd6db; border-radius: 7px; background: #fff;
  font-variant-numeric: tabular-nums;
}
.kt-smm-giris:focus { outline: none; border-color: #5a7a91; }
.kt-smm-btn {
  padding: 5px 12px; border: none; border-radius: 7px; cursor: pointer;
  background: #5a7a91; color: #fff; font-family: inherit;
  font-size: 12px; font-weight: 700;
}
.kt-smm-btn:hover { background: #4a687d; }
.kt-smm-not { font-size: 10.5px; color: var(--kt-metin-soluk); }
.kt-smm-sor[hidden] { display: none; }
/* Notr band — siralamasi girilmemis ya da hukum disi (uzak/baraj) durumlar */
.kt-simmini .ksb-rng.nb { background: #d7dce1; }
.kt-simmini .ksb-sen.nb { background: #5c626b; }
.kt-simmini .ksb-sen.nb span { color: #5c626b; }
.kt-smh-oynak { background: #e6ecf1; color: #3f5a70; }
/* Oynak tahminde aralik buyuk puntoda; nokta tahmin kucuk ve ortada */
.kt-smm-aralik { font-size: 15.5px; letter-spacing: -.2px; }
.kt-uclar-tek { justify-content: center !important; }
.kt-smm-oynak-not {
  margin-top: 8px; padding: 8px 10px; border-radius: 8px;
  background: #eef3f7; border: 1px solid #dbe6ee;
  font-size: 11px; line-height: 1.55; color: #41525f;
}
.kt-smm-oynak-not b { color: #2c3b46; }
.kt-smm-degis {
  margin-top: 9px; padding: 4px 0 0; border: none; background: none;
  font-family: inherit; font-size: 11px; color: var(--kt-metin-soluk);
  cursor: pointer; border-top: 1px dashed #dbe3e8; width: 100%; text-align: left;
}
.kt-smm-degis b { color: var(--kt-metin); font-variant-numeric: tabular-nums; }
.kt-smm-degis:hover { color: var(--kt-antrasit); }
.kt-smm-degis[hidden] { display: none; }
.kt-simmini-bekle {
  color: var(--kt-metin-soluk); font-size: 12px; padding: 14px;
  text-align: center; background: #f7f9fa;
}


@media (max-width: 640px) {
  .kt-simmini, .kt-simmini-yok { max-width: none; }
  .kt-smm-not { display: none; }
}

/* sekme rozeti */
.kt-sekme-rozetli { position: relative; padding-right: 26px; }
.kt-sekme-rozet[hidden] { display: none; }
.kt-sekme-rozet {
  position: absolute; top: 2px; right: 4px;
  min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px;
  background: var(--kt-altin); color: var(--kt-antrasit); font-size: 9.5px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 0 0 2px #fff;
}
.kt-sekme-aktif .kt-sekme-rozet { box-shadow: 0 0 0 2px var(--kt-yesil); }

/* alta yapisan secim seridi */
.kt-ksepet[hidden] { display: none; }
.kt-ksepet {
  /* z-index: panel(41)/modal(50)/onay(60) katmanlarinin ALTINDA kalmali,
     sayfa iceriginin (max 6) ustunde olmali */
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 30;
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  padding: 10px 16px; background: var(--kt-serit); color: var(--kt-antrasit);
  border-top: 1px solid var(--kt-serit-cizgi);
  box-shadow: 0 -3px 14px rgba(0, 0, 0, .10);
}
.kt-ksepet-nk { display: flex; gap: 5px; flex-shrink: 0; }
.kt-ksepet-slot {
  width: 22px; height: 22px; border-radius: 6px; display: flex;
  align-items: center; justify-content: center;
  font-size: 10.5px; font-weight: 800; background: rgba(255, 255, 255, .72);
  color: #6b7078;
}
.kt-ksepet-slot.kt-dolu { background: var(--kt-altin); color: var(--kt-antrasit);
  box-shadow: inset 0 0 0 1px var(--kt-altin-koyu); }
.kt-ksepet-cip { display: flex; gap: 6px; flex-wrap: wrap; flex: 1; min-width: 0; }
.kt-ksepet-c {
  display: inline-flex; align-items: center; gap: 6px; max-width: 100%;
  background: rgba(255, 255, 255, .66); border-radius: 7px; padding: 4px 8px; font-size: 11.5px;
}
.kt-ksepet-c b { font-weight: 700; }
.kt-ksepet-c i { font-style: normal; color: #4e5560; font-size: 10.5px; }
.kt-ksepet-c button {
  background: none; border: none; color: #6b7078;
  font-size: 14px; line-height: 1; cursor: pointer; padding: 0 0 0 2px; font-family: inherit;
}
.kt-ksepet-c button:hover { color: var(--kt-antrasit); }
.kt-ksepet-eyl { display: flex; align-items: center; gap: 10px; margin-left: auto; flex-shrink: 0; }
.kt-ksepet-ac {
  background: var(--kt-altin); color: var(--kt-antrasit);
  border: 1px solid var(--kt-altin-koyu); border-radius: 8px;
  padding: 8px 16px; font-size: 12.5px; font-weight: 800; cursor: pointer; font-family: inherit;
  white-space: nowrap;
}
.kt-ksepet-ac:hover { background: #c49a34; }
.kt-ksepet-ac[disabled] {
  background: rgba(255, 255, 255, .72); color: #6b7078;
  border-color: var(--kt-serit-cizgi); cursor: not-allowed;
}
.kt-ksepet-tmz {
  background: none; border: none; color: #4e5560;
  font-size: 11.5px; cursor: pointer; font-family: inherit; text-decoration: underline;
}
.kt-ksepet-tmz:hover { color: var(--kt-antrasit); }
/* seridi acikken Geri butonu ustune cikar, ust uste binmesin */
body.kt-ksepet-acik .kt-geri-fab { bottom: 74px; }
@media (max-width: 560px) {
  .kt-ksepet { padding: 9px 12px; gap: 9px; }
  .kt-ksepet-c i { display: none; }
  body.kt-ksepet-acik .kt-geri-fab { bottom: 68px; }
}


/* === Tercih Simülasyonu: sağda 2-satır sekme + giriş-gerekli yer tutucu === */
.kt-sekme-sag { margin-left: 0; }   /* B düzeni: konum space-between ile belirlenir */
.kt-sim-sar { max-width: 1200px; margin: 0 auto; padding: 40px 16px 48px; text-align: center; }

/* "Bağlantıyı kopyala" düğmesi — sekme iç başlıklarının altında (paylaşım) */
.kt-link-kopya-sar { margin-top: 12px; }
.kt-link-kopya {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 15px; font-family: inherit; font-size: 12.5px; font-weight: 600;
  color: var(--kt-yesil-koyu); background: var(--kt-yesil-acik);
  border: none; border-radius: 20px; cursor: pointer;
  transition: background 0.15s, color 0.15s;
}
.kt-link-kopya:hover { background: #d5e6dd; }
.kt-link-kopya.kt-kopyalandi { color: #fff; background: var(--kt-yesil); }
.kt-link-kopya svg { flex-shrink: 0; }
.kt-sim-kilit { margin: 22px auto 0; max-width: 460px; background: #fff; border: 1px solid #e3e5e8; border-radius: 14px; padding: 26px 22px; }
.kt-sim-kilit-ik { width: 54px; height: 54px; border-radius: 14px; background: var(--kt-yesil-acik); color: var(--kt-yesil-koyu); display: flex; align-items: center; justify-content: center; margin: 0 auto 14px; }
.kt-sim-kilit-bas { font-family: var(--kt-font-baslik); font-weight: 700; font-size: 16px; color: var(--kt-metin); margin-bottom: 6px; }
.kt-sim-kilit-ac { font-size: 13.5px; color: var(--kt-metin-soluk); line-height: 1.55; }

/* === Giriş ekranı (Tercih Simülasyonu kapısı) === */
.kt-giris-sar { max-width: 640px; margin: 0 auto; padding: 40px 16px 56px; text-align: center; }
.kt-giris-kart { max-width: 380px; margin: 22px auto 0; background: #fff; border: 1px solid #e3e5e8; border-radius: 14px; padding: 26px 24px; text-align: left; box-shadow: 0 1px 3px rgba(0,0,0,.04); }
.kt-giris-alan { margin-bottom: 14px; }
.kt-atlas .kt-giris-alan label { display: block; font-size: 12.5px; font-weight: 700; color: var(--kt-metin); margin-bottom: 5px; }
.kt-atlas .kt-giris-alan input { width: 100%; box-sizing: border-box; font-family: inherit; font-size: 14px; padding: 11px 13px; border: 1px solid #d6dadf; border-radius: 9px; background: #fbfcfc; color: var(--kt-metin); }
.kt-atlas .kt-giris-alan input:focus { outline: none; border-color: var(--kt-yesil); background: #fff; }
.kt-giris-btn { width: 100%; margin-top: 4px; font-family: inherit; font-size: 14.5px; font-weight: 700; color: #fff; background: var(--kt-yesil); border: 0; border-radius: 9px; padding: 12px; cursor: pointer; }
.kt-giris-btn:hover { background: var(--kt-yesil-koyu); }
.kt-giris-not { font-size: 12px; color: var(--kt-metin-soluk); text-align: center; margin-top: 14px; line-height: 1.5; }
.kt-giris-hata { background: #fdecea; color: #c0392b; font-size: 13px; font-weight: 600; padding: 9px 12px; border-radius: 8px; margin-bottom: 14px; text-align: center; }
.kt-giris-cikis { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 600; color: var(--kt-yesil-koyu); text-decoration: none; }
.kt-giris-cikis:hover { text-decoration: underline; }


/* ================= TERCİH SİMÜLASYONU (inline) ================= */

#ktSimApp{
  --yesil:#49826D; --yesil-koyu:#2f6b57; --yesil-acik:#e6f0ec;
  --vakif:#c0863a; --vakif-acik:#f6ecda;
  --metin:#23262d; --soluk:#6b7078; --cizgi:#e3e5e8; --kart:#fff; --zemin:#f1f4f3;
  --guv:#2f7d5b; --guv-bg:#e7f3ec; --sin:#b9821f; --sin-bg:#fbf2dd; --risk:#b3473b; --risk-bg:#fbe9e7;
  --kapali:#9aa0a6;
}
#ktSimApp *{box-sizing:border-box}
#ktSimApp{margin:0;background:
  radial-gradient(1200px 500px at 80% -10%, #e7efeb 0, transparent 60%),
  radial-gradient(900px 400px at -10% 0%, #f3ece0 0, transparent 55%), var(--zemin);
  color:var(--metin);font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;line-height:1.5;min-height:100vh}
#ktSimApp .sar{max-width:1200px;margin:0 auto;padding:30px 20px 90px}
#ktSimApp h1,#ktSimApp h2,#ktSimApp h3{font-family:'Sora',system-ui,sans-serif;margin:0;letter-spacing:-.02em}
#ktSimApp h1{font-size:28px;font-weight:800}
#ktSimApp .marka{display:inline-flex;align-items:center;gap:8px;font-family:'Sora';font-weight:700;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--yesil-koyu);background:#fff;border:1px solid var(--cizgi);padding:6px 12px;border-radius:999px;margin-bottom:14px}
#ktSimApp .marka .pt{width:8px;height:8px;border-radius:50%;background:var(--yesil)}
#ktSimApp .ust-not{color:var(--soluk);font-size:14px;margin:8px 0 0;max-width:700px}

#ktSimApp .profil{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end;background:linear-gradient(180deg,#fff,#fcfdfc);border:1px solid var(--cizgi);border-radius:18px;padding:16px 20px;margin:24px 0 6px;box-shadow:0 8px 30px -22px rgba(40,70,60,.5)}
#ktSimApp .profil .et{font-family:'Sora';font-weight:700;font-size:12.5px;color:var(--yesil-koyu);text-transform:uppercase;letter-spacing:.06em;align-self:center;margin-right:4px}
#ktSimApp .fg{display:flex;flex-direction:column;gap:6px}
#ktSimApp .fg label{font-size:11px;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
#ktSimApp .fg select,#ktSimApp .fg input{font-family:inherit;font-size:14.5px;padding:10px 12px;border:1px solid var(--cizgi);border-radius:11px;background:#fff;color:var(--metin);transition:border-color .15s}
#ktSimApp .fg select:focus,#ktSimApp .fg input:focus{outline:none;border-color:var(--yesil)}
#ktSimApp .fg input[type=number],#ktSimApp .fg input[type=text]{width:160px;font-variant-numeric:tabular-nums}
#ktSimApp .fg.buyuk input{font-size:18px;font-weight:700;width:170px}

#ktSimApp .sekmeler{display:flex;gap:6px;margin:22px 0 18px;border-bottom:1px solid var(--cizgi)}
#ktSimApp .sekme{appearance:none;background:none;border:none;font-family:'Sora';font-weight:700;font-size:15px;color:var(--soluk);padding:11px 16px;cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:7px}
#ktSimApp .sekme.aktif{color:var(--yesil-koyu);border-bottom-color:var(--yesil)}

#ktSimApp .kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:16px 20px;margin-bottom:16px}
#ktSimApp .satir{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}
#ktSimApp .chk{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px}
#ktSimApp .chk input{width:17px;height:17px;accent-color:var(--yesil)}
#ktSimApp .chk label{text-transform:none;font-weight:600;color:var(--metin);font-size:13.5px}
#ktSimApp .btn{font-family:'Sora';font-weight:700;font-size:15px;background:var(--yesil);color:#fff;border:none;border-radius:12px;padding:12px 26px;cursor:pointer;transition:.15s;box-shadow:0 6px 16px -8px var(--yesil)}
#ktSimApp .btn:hover{background:var(--yesil-koyu);transform:translateY(-1px)}
#ktSimApp .btn:disabled{background:#c5ccc9;cursor:not-allowed;transform:none;box-shadow:none}
#ktSimApp .btn.ikincil{background:#fff;color:var(--yesil-koyu);border:1px solid var(--yesil);box-shadow:none}
#ktSimApp .btn.ikincil:hover{background:var(--yesil-acik)}
#ktSimApp .btn.kucuk{font-size:13px;padding:8px 14px}

#ktSimApp .baraj-blok{margin:6px 0 22px}
#ktSimApp .baraj-blok h2{font-size:15px;font-weight:700;margin-bottom:4px}
#ktSimApp .baraj-ack{color:var(--soluk);font-size:12.5px;margin:0 0 12px}
#ktSimApp .baraj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px}
#ktSimApp .bj{border:1px solid var(--cizgi);border-radius:13px;padding:12px 13px;background:#fff;position:relative;overflow:hidden}
#ktSimApp .bj .ad{font-family:'Sora';font-weight:700;font-size:13.5px}
#ktSimApp .bj .cap{font-size:11.5px;color:var(--soluk);margin-top:1px}
#ktSimApp .bj .durum{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;margin-top:9px;padding:3px 9px;border-radius:999px}
#ktSimApp .bj.acik{border-color:#bfe0cd}#ktSimApp .bj.acik .durum{background:var(--guv-bg);color:var(--guv)}
#ktSimApp .bj.kapali{background:#fafafa}#ktSimApp .bj.kapali .durum{background:#eef0f1;color:var(--kapali)}
#ktSimApp .bj.kapali .ad{color:#8a8f96}
#ktSimApp .bj .ser{position:absolute;right:-6px;bottom:-10px;font-family:'Sora';font-weight:800;font-size:46px;color:#f4f6f5;line-height:1}

#ktSimApp .ozet{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 8px}
#ktSimApp .oz{flex:1;min-width:150px;border-radius:14px;padding:14px 16px;border:1px solid var(--cizgi);background:#fff}
#ktSimApp .oz .s{font-family:'Sora';font-weight:800;font-size:30px;line-height:1}
#ktSimApp .oz .e{font-size:12.5px;font-weight:600;margin-top:4px}
#ktSimApp .oz.guv{background:var(--guv-bg);border-color:#bfe0cd}#ktSimApp .oz.guv .s,#ktSimApp .oz.guv .e{color:var(--guv)}
#ktSimApp .oz.sin{background:var(--sin-bg);border-color:#ecd7a6}#ktSimApp .oz.sin .s,#ktSimApp .oz.sin .e{color:var(--sin)}
#ktSimApp .oz.risk{background:var(--risk-bg);border-color:#eecdc7}#ktSimApp .oz.risk .s,#ktSimApp .oz.risk .e{color:var(--risk)}

#ktSimApp .arac{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0 10px}
#ktSimApp .arac input{flex:1;min-width:220px;font-size:14px;padding:9px 12px;border:1px solid var(--cizgi);border-radius:10px}

#ktSimApp .grup{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;margin-bottom:16px;overflow:hidden}
#ktSimApp .grup-bas{display:flex;align-items:center;gap:10px;padding:14px 18px}
#ktSimApp .grup-bas .nokta{width:11px;height:11px;border-radius:50%}
#ktSimApp .grup-bas h3{font-size:15.5px;font-weight:700}
#ktSimApp .grup-bas .say{margin-left:auto;font-family:'Sora';font-weight:800;font-size:15px}
#ktSimApp .g-guv .nokta{background:var(--guv)} #ktSimApp .g-guv h3,#ktSimApp .g-guv .say{color:var(--guv)}
#ktSimApp .g-sin .nokta{background:var(--sin)} #ktSimApp .g-sin h3,#ktSimApp .g-sin .say{color:var(--sin)}
#ktSimApp .g-risk .nokta{background:var(--risk)} #ktSimApp .g-risk h3,#ktSimApp .g-risk .say{color:var(--risk)}
/* ---- Sekme 1: band'lı sonuç kartları (Net Atlası) ---- */
#ktSimApp .ksk-sirala{display:flex;gap:6px;align-items:center;font-size:11px;color:#6b7078;margin:2px 0 10px;flex-wrap:wrap}
#ktSimApp .ksk-sirala button{font:inherit;font-size:11px;border:1px solid #e3e5e8;background:#fff;color:#6b7078;border-radius:999px;padding:3px 11px;cursor:pointer}
#ktSimApp .ksk-sirala button.aktif{background:var(--kt-yesil);border-color:var(--kt-yesil);color:#fff}
#ktSimApp .ksk-list{display:flex;flex-direction:column;gap:9px}
/* Kart üç sütun: bilgi (esner) · yıl çizelgesi · band çubuğu */
#ktSimApp .ksk{background:#fff;border:1px solid #e3e5e8;border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:1fr 205px 300px;gap:14px;align-items:center;text-align:left}
#ktSimApp .ksk.guv{box-shadow:inset 3px 0 0 var(--guv)}
#ktSimApp .ksk.sin{box-shadow:inset 3px 0 0 var(--sin)}
#ktSimApp .ksk.risk{box-shadow:inset 3px 0 0 var(--risk)}
#ktSimApp .ksk-uni{font-size:11px;color:#6b7078;font-weight:500}
#ktSimApp .ksk-prog{font-weight:600;font-size:13.5px;margin:2px 0;line-height:1.35}
#ktSimApp .ksk-meta{font-size:11px;color:#6b7078}
#ktSimApp .ksk-meta b{color:#25272e}
#ktSimApp .ksb, .kt-simmini .ksb{position:relative;height:44px}
#ktSimApp .ksb-track, .kt-simmini .ksb-track{position:absolute;top:25px;left:0;right:0;height:4px;border-radius:3px;background:#eceef0}
#ktSimApp .ksb-rng, .kt-simmini .ksb-rng{position:absolute;top:23px;height:8px;border-radius:5px}
#ktSimApp .ksb-rng.guv, .kt-simmini .ksb-rng.guv{background:#bfe0cd}#ktSimApp .ksb-rng.sin, .kt-simmini .ksb-rng.sin{background:#ecd7a6}#ktSimApp .ksb-rng.risk, .kt-simmini .ksb-rng.risk{background:#eecdc7}
/* Taban işaretçisi TIKLANABİLİR (açıklama popover'ı açar).
   Çizginin kendisi 2px; ::before ile görünmez bir tıklama alanı serilir,
   etiket de düğmenin içinde olduğu için "taban" yazısına dokunmak da açar. */
#ktSimApp .ksb-taban, .kt-simmini .ksb-taban{position:absolute;top:23px;width:2px;height:11px;background:#7a8088;
  border:none;padding:0;font-family:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
#ktSimApp .ksb-taban, .kt-simmini .ksb-taban::before{content:"";position:absolute;left:-10px;right:-10px;top:-8px;bottom:-14px}
#ktSimApp .ksb-taban-et, .kt-simmini .ksb-taban-et{position:absolute;top:12px;left:50%;transform:translateX(-50%);
  font-size:8.5px;color:#7a8088;white-space:nowrap;border-bottom:1px dotted #a9aeb5;padding-bottom:1px}
#ktSimApp .ksb-taban:hover, .kt-simmini .ksb-taban:hover{background:#3f4650}
#ktSimApp .ksb-taban:hover, .kt-simmini .ksb-taban:hover .ksb-taban-et{color:#3f4650;border-bottom-color:#3f4650}
#ktSimApp .ksb-taban:focus-visible, .kt-simmini .ksb-taban:focus-visible{outline:2px solid var(--yesil);outline-offset:3px}
#ktSimApp .ksb-sen, .kt-simmini .ksb-sen{position:absolute;top:14px;width:3px;height:24px;border-radius:2px;box-shadow:0 0 0 2px #fff;z-index:2}
#ktSimApp .ksb-sen.guv, .kt-simmini .ksb-sen.guv{background:#1c5a3d}#ktSimApp .ksb-sen.sin, .kt-simmini .ksb-sen.sin{background:#8a5f12}#ktSimApp .ksb-sen.risk, .kt-simmini .ksb-sen.risk{background:#8a2f26}
#ktSimApp .ksb-sen, .kt-simmini .ksb-sen span{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:700;background:#fff;padding:0 3px;border-radius:3px;white-space:nowrap}
#ktSimApp .ksb-sen.guv, .kt-simmini .ksb-sen.guv span{color:#1c5a3d}#ktSimApp .ksb-sen.sin, .kt-simmini .ksb-sen.sin span{color:#8a5f12}#ktSimApp .ksb-sen.risk, .kt-simmini .ksb-sen.risk span{color:#8a2f26}
#ktSimApp .ksb-uclar, .kt-simmini .ksb-uclar{display:flex;justify-content:space-between;font-size:10px;color:#6b7078;margin-top:2px}
#ktSimApp .ksb-uclar, .kt-simmini .ksb-uclar b{color:#25272e;font-weight:600}
/* Band çubuğu başlığı — sağdaki çubuğun tahmin olduğunu söyler (soldaki çizelge gerçekleşmiş yıllar) */
#ktSimApp .ksb-bas, .kt-simmini .ksb-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;
  font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#8d939b;margin-bottom:2px}
#ktSimApp .ksb-tah, .kt-simmini .ksb-tah{color:var(--guv)}

/* ===== YIL ÇİZELGESİ (Sekme 1 kartı + Sekme 2 liste satırı) =====
   Tercih robotundaki yıl tablosunun karşılığı: aynı yıl renkleri, aynı satır zeminleri.
   Tahmin yılı (üst satır) kesikli rozetle ayrılır — renk değil BİÇİM taşıdığı için
   renk ayrımı yapamayan kullanıcı da gerçekleşmiş/gerçekleşmemiş farkını görür. */
#ktSimApp .syt{width:100%;border-collapse:separate;border-spacing:0 3px;font-variant-numeric:tabular-nums}
#ktSimApp .syt th{font-size:8.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:#8d939b;padding:0 7px 2px;border:none;text-align:right;white-space:nowrap}
#ktSimApp .syt td{padding:4px 7px;font-size:11px;border:none;vertical-align:middle;text-align:right;color:#25272e}
#ktSimApp .syt th.syt-yil,#ktSimApp .syt td.syt-yil{text-align:left;width:50px}
#ktSimApp .syt tr td:first-child{border-radius:7px 0 0 7px}
#ktSimApp .syt tr td:last-child{border-radius:0 7px 7px 0}
#ktSimApp .syt b{font-weight:700}
#ktSimApp .syt tr.t25 td{background:#eaf1ee}
#ktSimApp .syt tr.t24 td{background:#eef1f3}
#ktSimApp .syt tr.t26 td{background:#f5f9f7;box-shadow:inset 0 0 0 1px #cfe3d8}
#ktSimApp .syt-rz{display:inline-block;width:38px;text-align:center;color:#fff;font-size:9px;
  font-weight:700;padding:2px 0;border-radius:4px}
#ktSimApp .syt-rz-t25{background:#49826d}
#ktSimApp .syt-rz-t24{background:#5a7a91}
#ktSimApp .syt-rz-t26{background:#fff;color:var(--guv);border:1px dashed #7fae96;padding:1px 0}
#ktSimApp .syt-bos{color:#aeb2bb;font-weight:500}
#ktSimApp .syt-doldu{color:var(--guv);font-weight:700}
#ktSimApp .syt-eksik{color:#a23b30;font-weight:700}
#ktSimApp .syt-tahmin{color:var(--guv);font-weight:700;font-size:10px;white-space:nowrap}
#ktSimApp .syt-yakinda{color:#a98436;font-weight:600;font-size:10px}
/* Sekme 2 satırında çizelge kendi sütununda durur */
#ktSimApp .tr-yil{width:205px}

@media(max-width:900px){#ktSimApp .ksk{grid-template-columns:1fr}}
/* Özet kutuları tıklanabilir: yalnız bir kovayı göster */
#ktSimApp .oz{cursor:pointer;transition:transform .1s ease}
#ktSimApp .oz:hover{transform:translateY(-1px)}
#ktSimApp .oz.guv.secili{box-shadow:0 0 0 2px var(--guv) inset}
#ktSimApp .oz.sin.secili{box-shadow:0 0 0 2px var(--sin) inset}
#ktSimApp .oz.risk.secili{box-shadow:0 0 0 2px var(--risk) inset}
#ktSimApp .grup-bas .ack{font-size:12px;color:var(--soluk);font-weight:500;margin-left:6px}
#ktSimApp .tablo-sar{max-height:430px;overflow:auto;border-top:1px solid var(--cizgi)}
#ktSimApp table{width:100%;border-collapse:collapse;font-size:13px}
#ktSimApp th,#ktSimApp td{text-align:left;padding:9px 12px;border-bottom:1px solid #eef0f1;vertical-align:top}
#ktSimApp th{font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--soluk);font-weight:700;position:sticky;top:0;background:#f7f8f9;z-index:1;cursor:pointer}
#ktSimApp td.sag,#ktSimApp th.sag{text-align:right;font-variant-numeric:tabular-nums}
#ktSimApp tr:hover td{background:#fafbfb}
#ktSimApp .rozet{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;white-space:nowrap}
#ktSimApp .r-devlet{background:var(--yesil-acik);color:var(--yesil-koyu)} #ktSimApp .r-vakif{background:var(--vakif-acik);color:#8a5e1f}
#ktSimApp .akis{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--soluk);font-size:12px}
#ktSimApp .bayrak{display:inline-block;font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;background:#fff4e6;color:#9a5b12;border:1px solid #f0dcb8;margin-left:5px}
#ktSimApp .bayrak.dr{background:#fdecea;color:#a23b30;border-color:#f2c9c3}
/* Ozel kosul rozeti (tercih robotu sekmesiyle ayni) — bayraklarla ayni olcek */
#ktSimApp .kt-kosul-ikon{font-size:10px;font-weight:700;padding:1px 6px;border-radius:5px;
  border:1px solid #d3e0e9;margin-left:5px;vertical-align:middle}
#ktSimApp .kt-kosul-ikon .kt-buyutec-ik{width:11px;height:11px}
#ktSimApp .bos{padding:26px 18px;color:var(--soluk);font-size:13.5px;text-align:center}
#ktSimApp .tprog{font-weight:600}#ktSimApp .tuni{font-size:11.5px;color:var(--soluk)}

#ktSimApp .hedef-blok{margin-top:4px}
#ktSimApp .chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
#ktSimApp .chip{display:inline-flex;align-items:center;gap:6px;background:var(--yesil-acik);color:var(--yesil-koyu);border:1px solid #bfe0cd;border-radius:999px;padding:4px 6px 4px 11px;font-size:13px;font-weight:600}
#ktSimApp .chip button{appearance:none;border:none;background:#cfe3d8;color:var(--yesil-koyu);width:18px;height:18px;border-radius:50%;cursor:pointer;font-size:12px;line-height:1}
#ktSimApp .chip button:hover{background:#b6d4c5}

#ktSimApp .dagilim{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;margin-top:4px}
#ktSimApp .step{flex:1;min-width:175px;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;background:#fff;position:relative}
#ktSimApp .step.risk{border-color:#eecdc7;background:linear-gradient(180deg,#fff,var(--risk-bg))}
#ktSimApp .step.sin{border-color:#ecd7a6;background:linear-gradient(180deg,#fff,var(--sin-bg))}
#ktSimApp .step.guv{border-color:#bfe0cd;background:linear-gradient(180deg,#fff,var(--guv-bg))}
#ktSimApp .step .ad{font-family:'Sora';font-weight:700;font-size:13.5px}
#ktSimApp .step.risk .ad{color:var(--risk)}#ktSimApp .step.sin .ad{color:var(--sin)}#ktSimApp .step.guv .ad{color:var(--guv)}
#ktSimApp .step .havuz{font-size:11px;color:var(--soluk);margin-top:1px}
#ktSimApp .step .ctrl{display:flex;align-items:center;gap:10px;margin-top:10px}
#ktSimApp .step .ctrl button{width:34px;height:34px;border-radius:9px;border:1px solid var(--cizgi);background:#fff;font-size:19px;font-weight:700;cursor:pointer;line-height:1;color:var(--metin)}
#ktSimApp .step .ctrl button:hover{background:#f4f6f5}
#ktSimApp .step .ctrl .val{font-family:'Sora';font-weight:800;font-size:24px;min-width:34px;text-align:center}
#ktSimApp .toplam{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}
#ktSimApp .toplam .rozet-tot{font-family:'Sora';font-weight:800;font-size:15px;padding:7px 14px;border-radius:11px;background:var(--yesil-acik);color:var(--yesil-koyu)}
#ktSimApp .toplam .rozet-tot.hata{background:var(--risk-bg);color:var(--risk)}

#ktSimApp .liste{margin-top:6px}
#ktSimApp .liste-bas{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
#ktSimApp .liste-bas h2{font-size:17px;font-weight:700}
#ktSimApp .liste-aks{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
#ktSimApp .aciklama-sira{background:var(--yesil-acik);border:1px solid #cfe3d8;border-radius:11px;padding:10px 14px;font-size:12.5px;color:#2c4a40;margin-bottom:14px}
#ktSimApp .tr-satir{display:grid;grid-template-columns:22px 34px 78px 1fr 205px auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--cizgi);border-radius:13px;padding:10px 12px;margin-bottom:8px;transition:.12s}
#ktSimApp .tr-satir:hover{border-color:#cdd3d0}
#ktSimApp .tr-satir.kilitli{background:#fbfdfc;border-color:#bfe0cd;box-shadow:inset 3px 0 0 var(--guv)}
#ktSimApp .tr-no{font-family:'Sora';font-weight:800;font-size:18px;color:var(--soluk);text-align:center}
#ktSimApp .tr-bk{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center;padding:4px 0;border-radius:7px}
#ktSimApp .tr-bk.risk{background:var(--risk-bg);color:var(--risk)}#ktSimApp .tr-bk.sin{background:var(--sin-bg);color:var(--sin)}#ktSimApp .tr-bk.guv{background:var(--guv-bg);color:var(--guv)}
#ktSimApp .tr-ad{font-weight:600;font-size:14.5px}
#ktSimApp .tr-meta{font-size:12px;color:var(--soluk);margin-top:1px}
#ktSimApp .tr-meta .tb{font-variant-numeric:tabular-nums}
#ktSimApp .tr-aks{display:flex;gap:6px}
#ktSimApp .ik{appearance:none;border:1px solid var(--cizgi);background:#fff;width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;color:var(--soluk)}
#ktSimApp .ik:hover{background:#f4f6f5;color:var(--metin)}
#ktSimApp .ik.aktif{background:var(--guv-bg);border-color:#bfe0cd;color:var(--guv)}
#ktSimApp .yop{font-family:ui-monospace,monospace;font-size:11px;color:#9aa0a6}
#ktSimApp .grip{cursor:grab;color:#bcc3c0;font-size:18px;user-select:none;text-align:center;align-self:center}
#ktSimApp .tr-satir.dragover{outline:2px dashed var(--yesil);outline-offset:2px}
#ktSimApp .tr-satir.dragging{opacity:.4}
#ktSimApp .minik{display:flex;flex-direction:column;gap:2px;margin-right:2px}
#ktSimApp .minik button{width:24px;height:16px;border:1px solid var(--cizgi);background:#fff;border-radius:5px;cursor:pointer;font-size:9px;line-height:1;color:var(--soluk);padding:0}
#ktSimApp .minik button:hover{background:#f4f6f5;color:var(--metin)}
#ktSimApp .secenekler{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px;padding-top:13px;border-top:1px solid var(--cizgi)}
#ktSimApp .sec{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:500;color:var(--metin)}
#ktSimApp .sec input[type=checkbox]{width:16px;height:16px;accent-color:var(--yesil)}
#ktSimApp .sec input[type=number]{width:54px;padding:4px 7px;border:1px solid var(--cizgi);border-radius:7px;font-size:13px;font-variant-numeric:tabular-nums}
#ktSimApp .sablonlar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
#ktSimApp .sablon-et{font-size:11px;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
#ktSimApp .pill{appearance:none;border:1px solid var(--cizgi);background:#fff;border-radius:999px;padding:6px 13px;font-family:'Sora';font-weight:700;font-size:12.5px;color:var(--metin);cursor:pointer;transition:.12s}
#ktSimApp .pill:hover{border-color:var(--yesil);color:var(--yesil-koyu)}
#ktSimApp .pill.aktif{background:var(--yesil);color:#fff;border-color:var(--yesil)}
#ktSimApp .duzen-sec{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:12px;font-size:13px;padding-top:12px;border-top:1px dashed var(--cizgi)}
#ktSimApp .duzen-et{font-size:11px;font-weight:700;color:var(--soluk);text-transform:uppercase;letter-spacing:.05em}
#ktSimApp .duzen-sec label{display:flex;align-items:center;gap:6px;font-weight:500;cursor:pointer}
#ktSimApp .duzen-sec input{accent-color:var(--yesil);width:15px;height:15px}
#ktSimApp #yazdirAlani{display:none}

#ktSimApp .uyari{background:#fff8ee;border:1px solid #f0d8b0;border-radius:13px;padding:13px 16px;font-size:12.5px;color:#7a5410;margin-top:22px;line-height:1.55}
#ktSimApp .gizli{display:none}
@media(max-width:640px){#ktSimApp .fg input[type=number]{width:130px}#ktSimApp h1{font-size:23px}#ktSimApp .grip{display:none}#ktSimApp .tr-satir{grid-template-columns:30px 70px 1fr;grid-template-areas:'no bk info' 'yil yil yil' 'aks aks aks'}#ktSimApp .tr-no{grid-area:no}#ktSimApp .tr-bk{grid-area:bk}#ktSimApp .tr-info{grid-area:info}#ktSimApp .tr-yil{grid-area:yil;width:100%;max-width:280px}#ktSimApp .tr-aks{grid-area:aks;justify-content:flex-start}}


/* inline yerleşim düzeltmeleri */
#ktSimApp{min-height:0!important;margin:0!important;background:transparent!important;}
#ktSimApp .sar{max-width:100%;padding:4px 0 26px;}


.kt-atlas .kt-sim-cikis-sar{display:flex;justify-content:flex-end;margin:-4px 0 12px;}

/* ---------- Giriş sonrası iki-kart seçim (Tercih Simülasyonu / Trend Analizi) ---------- */
.kt-secim-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; max-width: 600px; margin: 18px auto 4px; }
.kt-secim-kart { background: #fff; border: 1px solid var(--kt-cizgi); border-radius: 16px; padding: 26px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; cursor: pointer; transition: transform .12s ease, border-color .12s ease, box-shadow .12s ease; }
.kt-secim-kart:hover { transform: translateY(-2px); border-color: var(--kt-yesil); box-shadow: 0 8px 20px rgba(42,45,110,.10); }
.kt-secim-kart:focus-visible { outline: 2px solid var(--kt-yesil); outline-offset: 2px; }
.kt-secim-ik { width: 60px; height: 60px; border-radius: 50%; background: var(--kt-yesil-koyu); color: #fff; display: flex; align-items: center; justify-content: center; }
.kt-secim-ad { font-size: 18px; font-weight: 800; color: var(--kt-metin); }
.kt-secim-not { font-size: 13px; line-height: 1.5; color: var(--kt-metin-soluk); }
.kt-secim-cta { margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--kt-yesil-koyu); }
.kt-sim-geri { appearance: none; background: none; border: none; font: inherit; font-weight: 600; color: var(--kt-metin-soluk); cursor: pointer; padding: 11px 14px 11px 0; margin-right: 4px; display: inline-flex; align-items: center; }
.kt-sim-geri:hover { color: var(--kt-yesil-koyu); }
@media (max-width: 560px) { .kt-secim-grid { grid-template-columns: 1fr; } }

/* --- AdSense reklam alani ---
   Reklami etkilesimli ogelerden (buton/surukle-birak/kart) ayiran bosluk
   politika acisindan zorunludur; min-height layout kaymasini (CLS) azaltir. */
.reklam-alani{
    max-width: 1560px;   /* icerik genisligiyle hizali */
    margin: 22px auto;   /* ortala + sekmelerden/basliktan bosluk (kazara tiklama) */
    padding: 0 12px;
    min-height: 100px;   /* layout kaymasini (CLS) azaltir */
    text-align: center;
    clear: both;
}

/* Sim band çubuğu: motor tahmini üretilemeyen programlar için uyarı.
   Tıklanabilir düğme — üstündeki "?" açıklama popover'ını açar. */
.ksb-dusuk {
  display: inline-flex; align-items: center; gap: 4px;
  background: #fbe9d8; color: #8a4b16; border: 1px solid #f0cfae;
  border-radius: 5px; padding: 1px 7px; font-family: inherit; font-size: 10px;
  font-weight: 800; letter-spacing: .2px; cursor: pointer;
}
.ksb-dusuk:hover { background: #f7ddc3; border-color: #e3b98d; }
.ksb-dusuk:focus-visible { outline: 2px solid #b07d1a; outline-offset: 2px; }
.ksb-ip-ik {
  display: inline-flex; align-items: center; justify-content: center;
  width: 12px; height: 12px; border-radius: 50%;
  background: #8a4b16; color: #fff; font-size: 9px; font-weight: 700; line-height: 1;
}

/* Simülasyon ipucu popover'ı (düşük güven · taban tahmini).
   Kabuk .kt-kosul-pop'tan gelir (aydınlık kart + kapat düğmesi); burada
   yalnız gövde tipografisi tanımlanır. */
.kt-sip-pop { max-width: 330px; }
.kt-sip-govde { padding: 11px 14px 13px; font-size: 12.5px; line-height: 1.55; color: #3a3f45; }
.kt-sip-govde p { margin: 0 0 9px; }
.kt-sip-govde p:last-child { margin-bottom: 0; }
.kt-sip-et {
  display: block; font-size: 10px; font-weight: 800; letter-spacing: .4px;
  text-transform: uppercase; color: var(--kt-yesil-koyu); margin-bottom: 1px;
}
.kt-sip-sayi {
  font-size: 24px; font-weight: 800; color: var(--kt-yesil-koyu);
  font-variant-numeric: tabular-nums; line-height: 1.1; margin-bottom: 8px;
}
.kt-sip-iyi { color: #1c5a3d; }
.kt-sip-zayif { color: #8a2f26; }
.kt-sip-govde p.kt-sip-dip {
  border-top: 1px solid #eef2f0; padding-top: 8px; margin-top: 10px;
  font-size: 11.5px; color: #6b7078;
}

/* Sim: KKTC / yurt dışı üniversite rozetleri ve ek ücret bayrağı */
#ktSimApp .r-kktc { background: #e4eef7; color: #2c5f8a; }
#ktSimApp .r-yurtdisi { background: #ede8f6; color: #5b4396; }
#ktSimApp .bayrak.ek { background: #fbe9d8; color: #8a4b16; cursor: help; }

/* --- Ücret notu: kılavuzun kesin rakam vermediği programlar ---------------
   Üç durum: ücret bir ARALIK (Tiran New York), tutar öğrencinin ilk iki yılını
   geçirdiği partner üniversiteye ait (İTÜ/İÜ - Saraybosna ortak programları),
   ya da kılavuz hiç rakam verip üniversitenin sitesine yönlendiriyor (İTÜ-KKTC).
   Amber ton bilerek seçildi: KKTC ek ücret notunun (mor) yanında dururken
   ikisi karışmasın. */
.kt-ucret-not-isaret {
  display: inline-flex; align-items: center; justify-content: center;
  width: 15px; height: 15px; border-radius: 50%;
  background: #b07d1a; color: #fff;
  font-size: 10px; font-weight: 700; font-style: italic;
  cursor: help; line-height: 1; margin-left: 5px; flex: 0 0 auto;
}
.kt-ucret-not {
  display: flex; flex-wrap: wrap; gap: 7px; align-items: flex-start;
  margin-top: 7px; padding: 7px 9px;
  background: #fdf6e6; border-left: 3px solid #b07d1a; border-radius: 5px;
}

/* KKTC ek kayit/harc bedeli — ogrenim ucretinin USTUNE gelen gercek maliyet.
   Not kutusundan ayri renkte ki "aciklama" degil "ek para" oldugu anlasilsin. */
.kt-ucret-ekpay {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: baseline;
  margin-top: 6px; padding: 6px 9px;
  background: #fdeeee; border-left: 3px solid #a32d2d; border-radius: 5px;
}
.kt-ucret-ekpay-et {
  flex: 0 0 auto; font-size: 10px; font-weight: 800; letter-spacing: .2px;
  color: #a32d2d; text-transform: uppercase;
}
.kt-ucret-ekpay-metin {
  flex: 1 1 190px; min-width: 0; font-size: 11px; line-height: 1.45; color: #7a2626;
}
/* Kısa biçim: ayrıntı listenin başındaki ek ödeme kartında anlatıldığında
   satırda yalnız bu rozet kalır. Blok değil, sağa yaslı küçük bir etiket —
   205 satırda tekrarlanan cümleyi böylece bir kez söylemiş oluyoruz. */
.kt-ucret-ekpay-kisa {
  display: inline-flex; margin-left: auto; padding: 3px 8px;
}

/* KKTC ek ödeme kartı — kural üniversite düzeyinde, listede BİR KEZ.
   Hazırlık kartıyla aynı iskelet, ama sarı değil KIRMIZI aile: bu bir
   açıklama değil, öğrenim ücretinin üstüne binen gerçek bir ödeme. */
.kt-ucret-ekkart {
  display: flex; gap: 10px; align-items: flex-start;
  margin: 0 0 10px; padding: 11px 13px;
  background: #fdeeee; border: 1px solid #f2cfcf;
  border-left: 3px solid #a32d2d; border-radius: 8px;
}
.kt-ucret-ekkart-ik {
  flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 7px;
  background: #a32d2d; color: #fff; font-size: 14px; font-weight: 700;
}
.kt-ucret-ekkart-gv { flex: 1 1 auto; min-width: 0; }
.kt-ucret-ekkart-bas {
  font-size: 13.5px; font-weight: 800; color: #8a2323; margin-bottom: 3px;
}
.kt-ucret-ekkart-metin { font-size: 12px; line-height: 1.5; color: #7a2626; }
.kt-ucret-ekkart-metin b { color: #8a2323; }
.kt-ucret-ekkart-liste { margin: 0; padding-left: 16px; }
.kt-ucret-ekkart-liste li { margin: 2px 0; }
.kt-ucret-ekkart-alt {
  margin-top: 5px; padding-top: 5px; border-top: 1px solid #f2cfcf;
  font-size: 11.5px; color: #8a4242;
}

/* "Burslu programlar listelenmiyor" bilgi karti — liste basinda tek sefer. */
.kt-ucret-bilgi {
  display: flex; gap: 10px; align-items: flex-start;
  margin: 0 0 12px; padding: 11px 13px;
  background: var(--kt-zemin-2, #eef3f1);
  border: 1px solid var(--kt-cizgi); border-left: 3px solid var(--kt-yesil);
  border-radius: 8px;
}
.kt-ucret-bilgi-ik {
  flex: 0 0 auto; width: 17px; height: 17px; margin-top: 1px;
  border-radius: 50%; background: var(--kt-yesil); color: #fff;
  font-size: 11px; font-weight: 800; font-style: italic;
  line-height: 17px; text-align: center;
}
.kt-ucret-bilgi-gv { flex: 1 1 auto; min-width: 0; font-size: 12px; line-height: 1.5; color: var(--kt-metin); }
.kt-ucret-bilgi-alt {
  margin-top: 6px; padding-top: 6px;
  border-top: 1px dashed var(--kt-cizgi); color: var(--kt-metin-soluk);
}
.kt-ucret-not .kt-ucret-not-isaret { margin-left: 0; margin-top: 1px; }
.kt-ucret-not-metin {
  flex: 1 1 190px; min-width: 0;
  font-size: 11px; line-height: 1.45; color: #6b5216;
}
.kt-ucret-not-bk { color: #93752f; font-weight: 600; white-space: nowrap; }
.kt-ucret-not-link {
  flex: 0 0 auto; align-self: center;
  font-size: 11px; font-weight: 600; color: #7a5a12;
  text-decoration: underline; white-space: nowrap;
}
.kt-ucret-not-link:hover { color: #4e3a0b; }

/* ============================================================
   KARŞILAŞTIRMA POP-UP'I
   Karşılaştırma bir sekme değil: öğrenci tablodan program biriktirir,
   alta yapışan sepet şeridindeki "Karşılaştır →" bu pencereyi açar.
   Gövde (#ktKarsKok) eskiden bölüm içeriğiydi; iç çizim CSS'i (.kt-kars-*)
   değişmedi, burada yalnız pencere kabuğu tanımlanıyor.
   Promo pop-up'ıyla aynı görsel dil: perde + yükselerek beliren pencere.
   ============================================================ */
.kt-kars-perde {
  position: fixed; inset: 0; background: rgba(20,22,40,0.62);
  display: flex; align-items: center; justify-content: center;
  z-index: 1500; padding: 18px;
}
.kt-kars-perde[hidden] { display: none; }
.kt-kars-pencere {
  position: relative; background: #fff; border-radius: 18px;
  width: 100%; max-width: 1180px; max-height: 92vh;
  display: flex; flex-direction: column; overflow: hidden;
  box-shadow: 0 24px 60px rgba(20,22,40,0.32);
  border-top: 5px solid var(--kt-yesil);
  opacity: 0; transform: translateY(14px) scale(.985);
  transition: opacity .26s ease, transform .26s cubic-bezier(.2,.8,.3,1);
}
.kt-kars-perde.kt-acik .kt-kars-pencere { opacity: 1; transform: translateY(0) scale(1); }
.kt-kars-pbas {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; padding: 14px 18px 12px; border-bottom: 1px solid #e8ebef; flex: none;
}
.kt-kars-pbaslik { margin: 0; font-size: 17px; font-weight: 700; color: #1d2330; }
.kt-kars-pkapat {
  border: none; background: transparent; color: #9aa0ab; font-size: 26px;
  line-height: 1; width: 32px; height: 32px; border-radius: 8px; cursor: pointer;
}
.kt-kars-pkapat:hover { background: #f1f3f6; color: #4a5160; }
.kt-kars-pkapat:focus-visible { outline: 2px solid var(--kt-yesil); outline-offset: 2px; }
/* Gövde kendi içinde kayar; sayfa arkada kilitli kalır. */
.kt-kars-pgovde { overflow: auto; -webkit-overflow-scrolling: touch; padding: 0 4px 4px; }
body.kt-kars-kilit { overflow: hidden; }
@media (max-width: 720px) {
  .kt-kars-perde { padding: 0; }
  .kt-kars-pencere { max-height: 100vh; height: 100vh; border-radius: 0; border-top: none; }
}