/* ============================================================
   Kariyer Takibi 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-ext surumleri TUM Turkce karakterleri icerir.
   unicode-range YOK: tarayici fontun tamamini kullanir, hicbir harf dusmez. */
@font-face {
  font-family: 'Sora'; font-style: normal; font-weight: 600;
  font-display: swap;
  src: url('fontlar/sora-latin-ext-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Sora'; font-style: normal; font-weight: 700;
  font-display: swap;
  src: url('fontlar/sora-latin-ext-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Sora'; font-style: normal; font-weight: 800;
  font-display: swap;
  src: url('fontlar/sora-latin-ext-800-normal.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-latin-ext-400-normal.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-latin-ext-500-normal.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-latin-ext-600-normal.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-latin-ext-700-normal.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;
  --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: 1280px; margin: 0 auto;
  padding: 12px 22px;
  display: flex; align-items: center; gap: 18px;
}
.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 {
  display: flex; align-items: center; gap: 4px;
  flex: 1;
}
.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: 70px 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; }

/* ---------- 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; }

.kt-filtre-bar {
  display: flex; align-items: center; justify-content: space-between;
  gap: 18px; flex-wrap: wrap; margin-bottom: 18px;
}
.kt-filtre-sol { display: flex; align-items: center; gap: 14px; }
.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;
}

.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;
}
.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; justify-content: flex-end;
  padding: 7px 10px 0 10px;
}
.kt-ms-temizle {
  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;
}
.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; }
/* Ş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;
}
/* 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;
}
/* 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; }
/* 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 */
.kt-yr-2025 td { background: #eaf1ee; }
.kt-yr-2024 td { background: #eef1f3; }
.kt-yr-2023 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;
}

/* 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-2025-et { background: #49826d; }
.kt-yr-2024-et { background: #5a7a91; }
.kt-yr-2023-et { background: #b08642; }

/* 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;
}

.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;
}

/* ---------- MODALLAR ---------- */
.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); }

/* ---------- 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: 44px 18px 36px; }
  .kt-kart-grup, .kt-bilgi-grup, .kt-puan-grup { grid-template-columns: 1fr; }
  .kt-filtre-arac { width: 100%; }
  .kt-aralik { flex: 1; }
  .kt-wa-grup { flex-direction: column; align-items: stretch; }
}

/* 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 {
  font-family: var(--kt-font-baslik);
  font-size: 26px; font-weight: 700;
  color: var(--kt-metin); margin: 0 0 12px;
  line-height: 1.3;
}
.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;
}
.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;
}
.kt-ucret-sat {
  display: flex; align-items: center;
  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; }
.kt-ucret-uni-blok { flex: 1; 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;
}
.kt-ucret-blok {
  text-align: right; 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 {
  text-align: center; font-family: var(--kt-font-baslik);
  font-size: 23px; font-weight: 700; color: var(--kt-metin); margin: 0 0 8px;
}
.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-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-meslek-bos-sonuc { text-align: center; padding: 40px 22px; color: var(--kt-metin-soluk); font-size: 13px; }

@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 {
  font-family: 'Sora', sans-serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  color: #25272E;
}

.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 {
  background: transparent;
  border: 0;
  color: #49826D;
  font-size: 11.5px;
  font-family: inherit;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  padding: 2px 4px;
}

.kt-dgs-ara-btn:hover {
  text-decoration: underline;
}

.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ı: çok sekme + uzun etiket için yatay kaydırma --- */
.kt-sekme { white-space: nowrap; }
.kt-sekmeler {
  overflow-x: auto;
  flex-wrap: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.kt-sekmeler::-webkit-scrollbar { display: none; }

/* --- "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; }
  .kt-logo { order: 1; }
  .kt-liste-ac { order: 2; margin-left: auto; }
  .kt-sekmeler {
    order: 3; flex-basis: 100%; width: 100%;
    overflow-x: visible; flex-wrap: wrap;
    gap: 6px; justify-content: flex-start;
  }
  .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 { font-size: 22px; }

  /* 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;
    background: #E6F0EC;
    border-radius: 6px;
    padding: 7px 12px;
    font-size: 12px;
  }
  .kt-dgs-ara-btn:hover { text-decoration: none; background: #D9E8E1; }

  /* 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; }
}