/* HUKMERA — tasarım sistemi
   İlkeler: sakin renk paleti, tek vurgu rengi, cömert boşluk, ince çizgiler,
   yumuşak yükselti, ölçekli tipografi. Süs yok; hiyerarşi var. */

/* ============ 1. Tasarım belirteçleri ============
   Görsel yön: "Dosya". Adliye dosyasının malzemesinden geliyor — karton rengi
   zemin, cilt bezi bordosu, serif logo. Rakiplerin tamamı ya koyu teknoloji ya
   standart mavi SaaS görünümünde; bu dil tek başına ayrışma sağlıyor.

   Bordo YALNIZCA vurgu: logo, birincil düğme, aktif sekme, önemli rakam. Zemine
   veya geniş alanlara yayılırsa ağırlaşır ve "devlet sitesi" hissi verir.
   Serif YALNIZCA logo ve büyük başlıkta; gövde metni sans kalır, yoksa "eski"
   okunur — bu, seçilen yönün bilinen riski.                                    */
:root {
  /* Yüzeyler — kâğıt tonu; sarıya değil griye çekik, sıcak ama solgun değil */
  --zemin:        #f9f6f1;
  --panel:        #ffffff;
  --panel-yuksek: #fcfaf7;

  /* Mürekkep ölçeği — nötr siyah değil, zemine doğru hafif sıcak kayık */
  --murekkep:     #1c1a19;
  --murekkep-2:   #4a4541;
  --murekkep-3:   #7b736c;
  --murekkep-4:   #a49c94;

  /* Çizgiler — kâğıt üzerine basılmış ince kural hissi */
  --cizgi:        #e8e2d9;
  --cizgi-koyu:   #d8d0c3;

  /* Tek vurgu: cilt bezi bordosu */
  --vurgu:        #6d1f2c;
  --vurgu-koyu:   #551620;
  --vurgu-soluk:  #f6edec;

  /* Durum renkleri — vurgudan ayrı; bunlar bilgi taşır, süs değil */
  --altin:        #a07b28;
  --altin-soluk:  #fbf5e8;
  --basari:       #2f6b4f;
  --hata:         #a8342c;

  /* Boşluk ölçeği */
  --b1: 4px;  --b2: 8px;  --b3: 12px; --b4: 16px;
  --b5: 24px; --b6: 32px; --b7: 48px;

  /* Köşe ve yükselti — kâğıt yumuşak köşe sevmez, ölçüler kısıldı */
  --yuvarlak:     8px;
  --yuvarlak-s:   5px;
  --yuvarlak-l:   12px;
  --golge-1:      0 1px 2px rgba(60, 45, 35, .05), 0 1px 3px rgba(60, 45, 35, .03);
  --golge-2:      0 2px 4px rgba(60, 45, 35, .05), 0 8px 24px rgba(60, 45, 35, .07);
  --golge-3:      0 12px 40px rgba(60, 45, 35, .16);

  /* Yazı aileleri — serif yalnızca marka ve büyük başlık için */
  --yazi-serif:   "Iowan Old Style", "Palatino Linotype", Palatino, "Hoefler Text", Georgia, serif;

  --gecis:        160ms cubic-bezier(.4, 0, .2, 1);
}

/* ============ 2. Temel ============ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  font-size: 15px;
  line-height: 1.55;
  background: var(--zemin);
  color: var(--murekkep);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  letter-spacing: -0.005em;
}

::selection { background: var(--vurgu); color: #fff; }

/* ============ 3. Başlık çubuğu ============ */
header {
  background: var(--panel);
  border-bottom: 1px solid var(--cizgi);
  padding: var(--b3) var(--b5);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--b5);
  position: sticky;
  top: 0;
  z-index: 30;
}

header .baslik { display: flex; flex-direction: column; gap: 1px; }

header h1 {
  font-size: 17px;
  font-weight: 650;
  letter-spacing: 0.06em;
  color: var(--murekkep);
  cursor: pointer;
  transition: color var(--gecis);
  white-space: nowrap;
}
header h1:hover { color: var(--vurgu); }

.alt-baslik {
  font-size: 11.5px;
  color: var(--murekkep-4);
  letter-spacing: 0;
  white-space: nowrap;
}

/* ============ 4. Gezinme düğmeleri ============ */
.ust-eylemler {
  display: flex;
  gap: 2px;
  background: var(--zemin);
  padding: 3px;
  border-radius: var(--yuvarlak);
  overflow-x: auto;
  scrollbar-width: none;
}
.ust-eylemler::-webkit-scrollbar { display: none; }

/* Segment denetimi: düğmeler tek bir grup gibi görünür, ayrı kutular değil */
.ust-eylemler button,
.ust-eylemler button.ikincil {
  background: transparent;
  color: var(--murekkep-2);
  border: none;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 500;
  border-radius: var(--yuvarlak-s);
  white-space: nowrap;
  box-shadow: none;
  transition: background var(--gecis), color var(--gecis);
}
.ust-eylemler button:hover,
.ust-eylemler button.ikincil:hover { background: rgba(255, 255, 255, .75); color: var(--murekkep); }
.ust-eylemler button.aktif,
.ust-eylemler button.ikincil.aktif {
  background: var(--panel);
  color: var(--vurgu);
  font-weight: 600;
  box-shadow: var(--golge-1);
}
/* Favoriler ve Ayarlar: araçlardan ayrı bir grup */
.ust-eylemler #favorilerBtn { margin-left: var(--b3); position: relative; }
.ust-eylemler #favorilerBtn::before {
  content: "";
  position: absolute;
  left: calc(var(--b2) * -1);
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: var(--cizgi-koyu);
}

/* ============ 5. Yerleşim ============ */
main {
  flex: 1;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: var(--b5);
  display: flex;
  flex-direction: column;
  gap: var(--b4);
}

.panel {
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-l);
  padding: var(--b5);
  box-shadow: var(--golge-1);
}

.panel-baslik {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--b3);
  margin-bottom: var(--b4);
  flex-wrap: wrap;
}

.panel-baslik h2 {
  font-size: 15px;
  font-weight: 600;
  color: var(--murekkep);
  letter-spacing: -0.01em;
}

.panel-baslik-sag { display: flex; align-items: center; gap: var(--b3); }

/* İki sütunlu çalışma yerleşimi: solda liste, sağda belge */
.icerik, .ikili-bolme { display: flex; gap: var(--b4); flex: 1; min-height: 0; }
/* Panel içinde kullanılan bölmeler kendi çerçevesini çizmez */
.bolme { border: none; padding: 0; background: transparent; box-shadow: none; }

.sonuclar-paneli {
  flex: 0 0 clamp(340px, 32%, 460px);
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
  min-height: 460px;
}
.karar-paneli {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 260px);
  min-height: 460px;
}

/* ============ 6. Karşılama panosu ============
   Vitrin değil çalışma masası. Üstte tek giriş kutusu (ne yapılacaksa oradan
   başlar), altta işin bulunduğu yer: dosyalar solda, zaman baskılı olanlar
   sağda. Modül tanıtım kartları kaldırıldı — kullanıcı uygulamayı ikinci
   girişinde zaten biliyor, her açılışta tanıtım okumak istemiyor.            */
.giris-paneli { padding: var(--b6) 0 var(--b5); max-width: 1120px; margin: 0 auto; }

.pano-selam { margin-bottom: var(--b5); }
.pano-selam h2 {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--murekkep);
}
.pano-soru {
  font-size: clamp(22px, 3vw, 30px);
  font-weight: 600;
  letter-spacing: -0.03em;
  line-height: 1.2;
  color: var(--vurgu);
}

/* Tek giriş kutusu */
.pano-kutu {
  background: var(--panel);
  border: 1px solid var(--cizgi-koyu);
  border-radius: var(--yuvarlak-l);
  padding: var(--b3) var(--b4) var(--b2);
  transition: border-color var(--gecis), box-shadow var(--gecis);
}
.pano-kutu:focus-within, .pano-kutu.uzerinde {
  border-color: var(--vurgu);
  box-shadow: var(--golge-2);
}
.pano-kutu textarea {
  width: 100%;
  border: 0;
  padding: 0;
  background: transparent;
  font: inherit;
  font-size: 14.5px;
  line-height: 1.6;
  color: var(--murekkep);
  resize: vertical;
  min-height: 46px;
}
.pano-kutu textarea:focus { outline: none; box-shadow: none; }
.pano-kutu-alt {
  display: flex;
  align-items: center;
  gap: var(--b3);
  padding-top: var(--b2);
}
.pano-ek {
  background: transparent;
  border: 0;
  color: var(--murekkep-3);
  font-size: 12.5px;
  padding: var(--b1) 0;
  cursor: pointer;
}
.pano-ek:hover { color: var(--vurgu); }
.pano-yonlendirme {
  flex: 1;
  font-size: 11.5px;
  color: var(--murekkep-4);
  letter-spacing: 0.01em;
}
.pano-gonder { margin-left: auto; }

/* Hızlı eylemler — tanıtım değil kısayol; tek satır, alçak profil */
.pano-hizli {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--b2);
  margin: var(--b4) 0 var(--b6);
}
.hizli-kart {
  display: flex;
  align-items: center;
  gap: var(--b3);
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-m);
  padding: var(--b3) var(--b4);
  text-align: left;
  font-weight: 400;
  cursor: pointer;
  transition: border-color var(--gecis), background var(--gecis);
}
.hizli-kart:hover { border-color: var(--vurgu); background: var(--panel-yuksek); }
.hizli-kart svg { width: 18px; height: 18px; color: var(--vurgu); flex: 0 0 auto; }
.hizli-kart span { display: block; }
.hizli-ad { font-size: 13px; font-weight: 600; color: var(--murekkep); }
.hizli-tanim { font-size: 11px; color: var(--murekkep-4); }

/* Alt bölüm: iş solda, zaman baskısı sağda */
.pano-alt {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--b5);
  align-items: start;
}
.pano-bolum-baslik {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: var(--b3);
}
.pano-bolum-baslik h3, .yan-kutu h3 {
  font-size: 14px;
  font-weight: 620;
  letter-spacing: -0.01em;
  color: var(--murekkep);
}
.bag-dugme {
  background: transparent;
  border: 0;
  color: var(--murekkep-3);
  font-size: 12px;
  cursor: pointer;
  padding: 0;
}
.bag-dugme:hover { color: var(--vurgu); }

.pano-tablo-sar { overflow-x: auto; }
.pano-tablo { width: 100%; border-collapse: collapse; font-size: 13px; }
.pano-tablo th {
  text-align: left;
  font-size: 10px;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--murekkep-4);
  padding: 0 var(--b3) var(--b2) 0;
  border-bottom: 1px solid var(--cizgi);
  white-space: nowrap;
}
.pano-tablo td {
  padding: var(--b3) var(--b3) var(--b3) 0;
  border-bottom: 1px solid var(--cizgi);
  color: var(--murekkep-2);
  vertical-align: middle;
}
.pano-tablo tbody tr { cursor: pointer; }
.pano-tablo tbody tr:hover td { background: var(--panel-yuksek); }
.pano-dosya-ad { font-weight: 600; color: var(--murekkep); }
.pano-zaman {
  color: var(--murekkep-4);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.pano-rozet {
  display: inline-block;
  font-size: 11px;
  padding: 2px var(--b2);
  border-radius: var(--yuvarlak-s);
  white-space: nowrap;
}
.pano-rozet.aktif { background: rgba(47, 107, 79, .1); color: var(--basari); }
.pano-rozet.uyari { background: var(--altin-soluk); color: var(--altin); }
.pano-rozet.beklemede, .pano-rozet.kapandi { background: var(--zemin); color: var(--murekkep-3); }

.pano-yan { display: flex; flex-direction: column; gap: var(--b3); }
.yan-kutu {
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-m);
  padding: var(--b4);
}
.yan-kutu h3 { margin-bottom: var(--b3); }
.yan-kutu .ikincil { margin-top: var(--b3); width: 100%; }

.sure-satir {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0 var(--b2);
  padding: var(--b2) 0;
  border-bottom: 1px solid var(--cizgi);
  cursor: pointer;
  font-size: 12.5px;
}
.sure-satir:last-child { border-bottom: 0; }
.sure-satir:hover .sure-baslik { color: var(--vurgu); }
.sure-tarih { font-weight: 620; color: var(--murekkep); font-variant-numeric: tabular-nums; }
.sure-satir.acil .sure-tarih { color: var(--vurgu); }
.sure-baslik { color: var(--murekkep-2); }
.sure-kalan { font-size: 11px; color: var(--murekkep-4); font-variant-numeric: tabular-nums; }
.sure-satir.acil .sure-kalan { color: var(--vurgu); }
.sure-dosya { font-size: 11px; color: var(--murekkep-4); }

.takip-satir {
  font-size: 12.5px;
  color: var(--murekkep-2);
  padding: var(--b2) 0;
  border-bottom: 1px solid var(--cizgi);
}
.takip-satir:last-of-type { border-bottom: 0; }

.pano-bos { font-size: 12.5px; color: var(--murekkep-4); line-height: 1.6; }

/* Doğrulama şeridi — yapay zeka doğrulanmadan açılmıyor, kullanıcı bunu
   hata mesajında değil önceden görsün */
.dogrulama-seridi {
  display: flex;
  align-items: center;
  gap: var(--b3);
  flex-wrap: wrap;
  margin-bottom: var(--b4);
  padding: var(--b3) var(--b4);
  background: var(--altin-soluk);
  border: 1px solid #e8dcc0;
  border-radius: var(--yuvarlak-m);
  font-size: 13px;
  color: var(--murekkep-2);
}
.dogrulama-seridi > span:first-child { flex: 1; min-width: 220px; }
.dogrulama-seridi #dogrulamaDurum { font-size: 12px; color: var(--murekkep-3); }

/* Mesleki kullanım beyanı — ödeme öncesi onay kutusu */
.beyan-kutusu {
  display: flex;
  align-items: flex-start;
  gap: var(--b2);
  margin: var(--b3) 0 var(--b2);
  padding: var(--b3);
  background: var(--panel-yuksek);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-s);
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--murekkep-2);
  cursor: pointer;
}
.beyan-kutusu input { margin-top: 3px; accent-color: var(--vurgu); flex: 0 0 auto; }

/* Dar ekranda yan sütun alta iner; süreler tabloyu sıkıştırmamalı */
@media (max-width: 900px) {
  .pano-alt { grid-template-columns: minmax(0, 1fr); }
}

/* ============ 7. Form öğeleri ============ */
.satir {
  display: flex;
  flex-wrap: wrap;
  gap: var(--b3) var(--b4);
  margin-bottom: var(--b3);
  align-items: flex-end;
}
.satir:last-child { margin-bottom: 0; }

label {
  display: flex;
  flex-direction: column;
  gap: var(--b1);
  font-size: 12px;
  color: var(--murekkep-3);
}
label.genis { flex: 1 1 280px; }
label > span:first-child {
  font-weight: 550;
  color: var(--murekkep-2);
  letter-spacing: 0.005em;
}

input, select, textarea {
  font-family: inherit;
  font-size: 14px;
  color: var(--murekkep);
  background: var(--panel-yuksek);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-s);
  padding: 8px 11px;
  min-width: 120px;
  transition: border-color var(--gecis), box-shadow var(--gecis), background var(--gecis);
}
label.genis input, label.genis textarea, label.genis select { width: 100%; }
textarea { resize: vertical; line-height: 1.55; }

input:hover, select:hover, textarea:hover { border-color: var(--cizgi-koyu); }
input:focus, select:focus, textarea:focus {
  outline: none;
  background: var(--panel);
  border-color: var(--vurgu);
  box-shadow: 0 0 0 3px var(--vurgu-soluk);
}
input:disabled, select:disabled {
  background: var(--zemin);
  color: var(--murekkep-4);
  cursor: not-allowed;
}
input::placeholder, textarea::placeholder { color: var(--murekkep-4); }
input[type="file"] { padding: 7px 11px; background: var(--panel); cursor: pointer; }
input[type="date"] { min-width: 150px; }

/* ============ 8. Düğmeler ============ */
button {
  font-family: inherit;
  border: 1px solid transparent;
  border-radius: var(--yuvarlak-s);
  padding: 8px 16px;
  font-size: 13.5px;
  font-weight: 550;
  cursor: pointer;
  transition: background var(--gecis), border-color var(--gecis), color var(--gecis),
              transform var(--gecis), box-shadow var(--gecis);
}
button:active { transform: translateY(0.5px); }

button.birincil {
  background: var(--vurgu);
  color: #fff;
  box-shadow: var(--golge-1);
}
button.birincil:hover { background: var(--vurgu-koyu); box-shadow: var(--golge-2); }

button.ikincil {
  background: var(--panel);
  color: var(--murekkep-2);
  border-color: var(--cizgi);
}
button.ikincil:hover { background: var(--panel-yuksek); border-color: var(--cizgi-koyu); color: var(--murekkep); }

button:disabled { opacity: .5; cursor: not-allowed; transform: none; }
button.kucuk { padding: 5px 11px; font-size: 12px; }

.eylemler { align-items: center; gap: var(--b2); }

/* ============ 9. Durum metinleri ============ */
#durumMesaji, #akilliDurum, #dilekceDurum, #hesapDurum, #hesapDoldurDurum,
#evrakDurum, #emsalDurum, #mevzuatDurum, #icraDurumMesaji {
  font-size: 12.5px;
  color: var(--murekkep-3);
}
#durumMesaji.hata, #akilliDurum.hata, #dilekceDurum.hata, #hesapDurum.hata,
#hesapDoldurDurum.hata, #evrakDurum.hata, #emsalDurum.hata, #mevzuatDurum.hata,
#icraDurumMesaji.hata { color: var(--hata); font-weight: 600; }

.ipucu-metin { font-size: 11px; color: var(--murekkep-4); font-weight: 400; }
.ipucu-metin code {
  background: var(--zemin);
  border: 1px solid var(--cizgi);
  padding: 0 4px;
  border-radius: 4px;
  font-size: 10.5px;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}
.ipucu { color: var(--murekkep-3); font-size: 12.5px; }
.bos-mesaj {
  color: var(--murekkep-4);
  font-size: 13px;
  padding: var(--b6) var(--b3);
  text-align: center;
}

/* ============ 10. Sonuç listeleri ============ */
.sonuc-liste, .emsal-liste {
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--b2);
  margin: 0 calc(var(--b2) * -1);
  padding: 0 var(--b2);
}

.sonuc-kart {
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: var(--b3) var(--b4);
  cursor: pointer;
  background: var(--panel);
  transition: border-color var(--gecis), background var(--gecis), box-shadow var(--gecis);
}
.sonuc-kart:hover { border-color: var(--cizgi-koyu); box-shadow: var(--golge-1); }
.sonuc-kart.secili {
  border-color: var(--vurgu);
  background: var(--vurgu-soluk);
  box-shadow: inset 2px 0 0 var(--vurgu);
}

.sonuc-kart .daire {
  font-weight: 600;
  font-size: 13.5px;
  color: var(--murekkep);
  letter-spacing: -0.005em;
}
.sonuc-kart .detay {
  font-size: 12px;
  color: var(--murekkep-3);
  margin-top: 3px;
  display: flex;
  gap: var(--b3);
  flex-wrap: wrap;
  font-variant-numeric: tabular-nums;
}

.tur-etiket {
  display: inline-block;
  margin-left: var(--b2);
  padding: 1px 7px;
  background: var(--vurgu-soluk);
  color: var(--vurgu);
  border-radius: 20px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  vertical-align: 1px;
}

.sayfalama {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--b3);
  margin-top: var(--b3);
  padding-top: var(--b3);
  border-top: 1px solid var(--cizgi);
}
#sayfaBilgi, #mevzuatSayfaBilgi, #toplamBilgi, #mevzuatToplam, #icraOzet {
  font-size: 12px;
  color: var(--murekkep-3);
  font-variant-numeric: tabular-nums;
}

/* ============ 11. Belge çerçeveleri ============ */
#kararCerceve, #mevzuatCerceve {
  flex: 1;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  background: var(--panel);
  width: 100%;
  display: none;
}
#kararCerceve.aktif, #mevzuatCerceve.aktif { display: block; }
#mevzuatCerceve { min-height: 420px; }
.karar-eylemler { display: flex; gap: var(--b2); flex-wrap: wrap; }

/* ============ 12. Özet / analiz kutuları ============ */
.ozet-kutu {
  border: 1px solid var(--cizgi);
  background: var(--panel-yuksek);
  border-radius: var(--yuvarlak);
  padding: var(--b4) var(--b5);
  margin-bottom: var(--b3);
  font-size: 14px;
  line-height: 1.7;
  max-height: 42%;
  overflow-y: auto;
  white-space: pre-wrap;
}
.ozet-kutu b { color: var(--vurgu); font-weight: 620; }

.ozet-uyari {
  margin-top: var(--b3);
  padding-top: var(--b2);
  border-top: 1px solid var(--cizgi);
  font-size: 11px;
  color: var(--murekkep-4);
  line-height: 1.5;
}

/* ============ 13. İkincil kutular (akıllı arama, emsal, daraltma) ============ */
.akilli-kutu, .emsal-bolum {
  margin-top: var(--b3);
  padding: var(--b4);
  background: var(--panel-yuksek);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  display: flex;
  flex-direction: column;
  gap: var(--b3);
}
.emsal-baslik { font-size: 13.5px !important; }

.daraltma-cubugu { margin-bottom: var(--b3); display: flex; flex-direction: column; gap: var(--b2); }
.daraltma-giris { display: flex; gap: var(--b2); }
.daraltma-giris input { flex: 1; }
.daraltma-etiketler { display: flex; flex-wrap: wrap; gap: var(--b2); }

.daraltma-etiket {
  background: var(--vurgu-soluk);
  border: 1px solid transparent;
  color: var(--vurgu);
  border-radius: 20px;
  padding: 3px 6px 3px 11px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: var(--b1);
}
.daraltma-etiket button {
  background: none;
  border: none;
  padding: 0 3px;
  font-size: 11px;
  color: var(--murekkep-4);
  cursor: pointer;
}
.daraltma-etiket button:hover { color: var(--hata); }

.sorgu-etiket {
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 450;
  color: var(--murekkep-2);
  cursor: pointer;
  transition: border-color var(--gecis), background var(--gecis);
}
.sorgu-etiket:hover { border-color: var(--vurgu); background: var(--vurgu-soluk); color: var(--vurgu); }

/* ============ 14. Emsal alıntısı ============ */
.emsal-alinti {
  margin-top: var(--b3);
  padding: var(--b3) var(--b4);
  background: var(--altin-soluk);
  border: 1px solid #ede2c8;
  border-radius: var(--yuvarlak);
}
.alinti-baslik {
  font-size: 11px;
  font-weight: 650;
  color: var(--altin);
  margin-bottom: var(--b2);
  letter-spacing: 0.01em;
}
.emsal-alinti blockquote {
  margin: 0 0 var(--b2);
  padding-left: var(--b3);
  border-left: 2px solid var(--altin);
  font-size: 13px;
  line-height: 1.65;
  color: var(--murekkep-2);
  max-height: 170px;
  overflow-y: auto;
}
.emsal-cerceve {
  width: 100%;
  height: 55vh;
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  background: var(--panel);
}

/* ============ 15. Favoriler, takipler, bildirimler ============ */
.favori-not {
  margin-top: var(--b2);
  font-size: 12.5px;
  color: var(--murekkep-2);
  background: var(--zemin);
  border-radius: var(--yuvarlak-s);
  padding: 6px 10px;
  line-height: 1.6;
}
.favori-eylemler { margin-top: var(--b2); display: flex; gap: var(--b2); flex-wrap: wrap; }

#bildirimKutu { display: flex; flex-direction: column; gap: var(--b2); }
.bildirim {
  background: #f0f6f2;
  border: 1px solid #cadfd2;
  border-radius: var(--yuvarlak);
  padding: 9px 13px;
  font-size: 13px;
  cursor: pointer;
  text-align: left;
  font-weight: 450;
  color: var(--basari);
  margin-bottom: var(--b2);
  transition: background var(--gecis);
}
.bildirim:hover { background: #e6f0ea; }

.takip-bolum { margin-top: var(--b4); border-top: 1px solid var(--cizgi); padding-top: var(--b3); }
.gecmis-baslik {
  font-size: 11px;
  font-weight: 650;
  color: var(--murekkep-4);
  margin: var(--b1) 2px var(--b2);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.gecmis-etiket {
  text-align: left;
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  padding: 9px 13px;
  font-size: 13px;
  font-weight: 400;
  color: var(--murekkep-2);
  cursor: pointer;
  transition: border-color var(--gecis), background var(--gecis);
}
.gecmis-etiket:hover { border-color: var(--cizgi-koyu); background: var(--panel-yuksek); }

/* ============ 16. Karşılaştırma çubuğu ve kipler ============ */
.karsilastirma-cubugu {
  position: fixed;
  bottom: var(--b5);
  left: 50%;
  transform: translateX(-50%);
  background: var(--murekkep);
  color: #fff;
  border-radius: 999px;
  padding: 10px 10px 10px 20px;
  display: flex;
  align-items: center;
  gap: var(--b3);
  box-shadow: var(--golge-3);
  z-index: 40;
  font-size: 13px;
  max-width: min(92vw, 720px);
}
.karsilastirma-cubugu .birincil { background: #fff; color: var(--murekkep); }
.karsilastirma-cubugu .birincil:hover { background: #f0f0ee; }
.karsilastirma-cubugu .ikincil {
  background: transparent;
  color: rgba(255, 255, 255, .75);
  border-color: rgba(255, 255, 255, .2);
}
.karsilastirma-cubugu .ikincil:hover { background: rgba(255, 255, 255, .1); color: #fff; }

.modal {
  position: fixed;
  inset: 0;
  background: rgba(20, 23, 28, .45);
  backdrop-filter: blur(3px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 50;
  padding: var(--b4);
}
.modal-icerik {
  background: var(--panel);
  border-radius: var(--yuvarlak-l);
  padding: var(--b5);
  width: min(480px, 100%);
  display: flex;
  flex-direction: column;
  gap: var(--b3);
  box-shadow: var(--golge-3);
}
.modal-icerik h2 { font-size: 17px; font-weight: 620; color: var(--murekkep); letter-spacing: -0.015em; }
.modal-icerik p { font-size: 13.5px; line-height: 1.6; color: var(--murekkep-2); }
.modal-icerik a { color: var(--vurgu); }
.genis-modal { width: min(820px, 100%); max-height: 88vh; }
.karsilastirma-sonuc { max-height: 64vh; }

/* ============ 17. Modül panelleri ============ */
.dilekce-paneli, .hesap-paneli { display: flex; flex-direction: column; gap: var(--b3); }
.sablon-aciklama { font-size: 12.5px; color: var(--murekkep-3); flex: 1; align-self: flex-end; padding-bottom: 9px; }
.sablon-alanlari {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
  gap: var(--b3) var(--b4);
}
.dikey-bosluk { margin-top: var(--b1); }
#dilekceMetin {
  font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  font-size: 12.5px;
  line-height: 1.7;
}

/* ============ 18. Hesap sonucu tablosu ============ */
.hesap-sonuc {
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak);
  background: var(--panel-yuksek);
  padding: var(--b4) var(--b5);
}
.hesap-sonuc table { border-collapse: collapse; width: 100%; max-width: 620px; }
.hesap-sonuc td {
  padding: 9px 12px;
  border-bottom: 1px solid var(--cizgi);
  font-size: 13.5px;
  color: var(--murekkep-2);
}
.hesap-sonuc td:last-child {
  text-align: right;
  font-variant-numeric: tabular-nums;
  font-weight: 500;
  color: var(--murekkep);
}
.hesap-sonuc tr:last-child td { border-bottom: none; }
.hesap-sonuc tr.toplam td {
  font-weight: 650;
  color: var(--vurgu);
  border-top: 1.5px solid var(--vurgu);
  border-bottom: none;
  font-size: 14.5px;
  padding-top: var(--b3);
}
#icraListe { max-height: none; }

/* ============ 19. Alt bilgi ============ */
footer {
  padding: var(--b5) var(--b5) var(--b6);
  font-size: 11px;
  color: var(--murekkep-4);
  text-align: center;
  line-height: 1.6;
  max-width: 720px;
  margin: 0 auto;
}

/* ============ 20. Yardımcılar ============ */
.gizli { display: none !important; }

/* İnce kaydırma çubukları */
* { scrollbar-width: thin; scrollbar-color: var(--cizgi-koyu) transparent; }
*::-webkit-scrollbar { width: 9px; height: 9px; }
*::-webkit-scrollbar-track { background: transparent; }
*::-webkit-scrollbar-thumb { background: var(--cizgi-koyu); border-radius: 20px; border: 2px solid var(--panel); }
*::-webkit-scrollbar-thumb:hover { background: var(--murekkep-4); }

/* ============ 21. Duyarlı yerleşim ============ */
@media (max-width: 1024px) {
  header { flex-direction: column; align-items: stretch; gap: var(--b3); }
  .ust-eylemler { justify-content: flex-start; }
  .icerik { flex-direction: column; }
  .sonuclar-paneli { flex: none; max-height: 420px; min-height: 0; }
  .karar-paneli { max-height: none; min-height: 520px; }
}

@media (max-width: 640px) {
  main { padding: var(--b3); }
  .panel { padding: var(--b4); border-radius: var(--yuvarlak); }
  .giris-paneli { padding: var(--b5) 0 var(--b3); }
  .pano-selam h2, .pano-soru { font-size: 21px; }
  .pano-hizli { grid-template-columns: 1fr 1fr; }
  .karsilastirma-cubugu { flex-direction: column; align-items: stretch; border-radius: var(--yuvarlak-l); left: var(--b3); right: var(--b3); transform: none; max-width: none; }
}

/* ---- Telefon: gezinme yatay kaydırılır, dokunma hedefleri büyütülür ----
   Sekiz modül düğmesi telefon genişliğine sığmaz; alt alta yığmak yerine
   yatay kaydırma tercih edildi — tek satır kalır, ekranın üçte birini yemez. */
@media (max-width: 820px) {
  header {
    position: sticky; top: 0; z-index: 30;
    padding-top: max(var(--b3), env(safe-area-inset-top));
    background: var(--panel);
  }
  .baslik .alt-baslik { display: none; }
  .ust-eylemler {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    margin: 0 calc(-1 * var(--b4));
    padding: var(--b1) var(--b4);
    scroll-snap-type: x proximity;
  }
  .ust-eylemler::-webkit-scrollbar { display: none; }
  .ust-eylemler > button {
    flex: 0 0 auto;
    min-height: 40px;
    scroll-snap-align: start;
  }
}

@media (max-width: 640px) {
  /* Dokunma hedefi en az 44px (Apple İnsan Arayüzü Kılavuzu) */
  button, .hizli-kart { min-height: 44px; }
  input, select, textarea {
    min-height: 44px;
    font-size: 16px;   /* 16px altı iOS'ta odaklanınca sayfayı yakınlaştırır */
  }
  .satir { flex-direction: column; align-items: stretch; gap: var(--b3); }
  .satir > label { width: 100%; min-width: 0; }
  .satir.eylemler { flex-direction: row; flex-wrap: wrap; }
  .ikili-bolme { flex-direction: column; }
  .bolme { width: 100%; min-width: 0; }
  .sonuclar-paneli { max-height: 60vh; }
  .karar-paneli { min-height: 60vh; }
  iframe { min-height: 55vh; }
  .panel-baslik { flex-wrap: wrap; gap: var(--b2); }
  .hesap-kartlari { grid-template-columns: 1fr; }
  .odeme-satir, .uye-satir { font-size: .82rem; }
  .odeme-durum { margin-left: 0; }
  /* Geniş tablolar sayfayı yatay kaydırmasın, kendi içinde kaysın */
  #hesapSonuc, .odeme-gecmis { overflow-x: auto; }
  .modal { padding: var(--b3); }
  .kimlik-kutu { padding: var(--b5) var(--b4); }
  footer { padding-bottom: max(var(--b4), env(safe-area-inset-bottom)); }
}

/* Yatay taşma her koşulda engellenir — mağaza incelemesinde ilk bakılan şey */
html, body { max-width: 100%; overflow-x: hidden; }

/* Yazdırma: yalnızca içerik */
@media print {
  header, footer, .ust-eylemler, .karsilastirma-cubugu, .eylemler { display: none !important; }
  .panel { border: none; box-shadow: none; padding: 0; }
  body { background: #fff; }
}

/* ============ Üyelik, plan ve ödeme ============ */

/* Giriş ekranı — uygulamanın önünde tam ekran, aynı sakin palet */
.kimlik-ekrani {
  position: fixed; inset: 0; z-index: 100;
  display: flex; align-items: center; justify-content: center;
  padding: var(--b5);
  background: var(--zemin);
  overflow-y: auto;
}
.kimlik-kutu {
  width: 100%; max-width: 420px;
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-l);
  box-shadow: var(--golge-2);
  padding: var(--b6);
}
.kimlik-marka { text-align: center; margin-bottom: var(--b5); }
.kimlik-marka h1 {
  font-size: 1.6rem; letter-spacing: .14em; color: var(--vurgu); margin: 0;
}
.kimlik-marka p {
  margin: var(--b1) 0 0; font-size: .82rem; color: var(--murekkep-3);
  letter-spacing: .02em;
}
.kimlik-sekme {
  display: flex; gap: var(--b1); margin-bottom: var(--b5);
  border-bottom: 1px solid var(--cizgi);
}
.kimlik-sekme button {
  flex: 1; background: none; border: none; border-radius: 0; cursor: pointer;
  padding: var(--b3) var(--b2); font: inherit; font-size: .9rem;
  color: var(--murekkep-3); border-bottom: 2px solid transparent;
  transition: color var(--gecis), border-color var(--gecis);
}
.kimlik-sekme button.aktif { color: var(--vurgu); border-bottom-color: var(--vurgu); }
.kimlik-form { display: flex; flex-direction: column; gap: var(--b4); }
.kimlik-form label { display: flex; flex-direction: column; gap: var(--b2); }
.kimlik-form label > span { font-size: .82rem; color: var(--murekkep-2); }
.genis-buton { width: 100%; justify-content: center; }
.kimlik-mesaj { margin: 0; font-size: .84rem; color: var(--murekkep-3); min-height: 1.2em; }
.kimlik-mesaj.hata { color: var(--hata); }
.kimlik-dipnot {
  margin: 0; font-size: .78rem; color: var(--murekkep-4);
  text-align: center; line-height: 1.5;
}

#hesabimBtn.dikkat { border-color: var(--altin); color: var(--altin); }

/* Hesap özeti kartları */
.hesap-kartlari {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--b4); margin-bottom: var(--b5);
}
.hesap-kart {
  background: var(--panel-yuksek); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); padding: var(--b4);
  display: flex; flex-direction: column; gap: var(--b2);
}
.hesap-kart-etiket {
  font-size: .74rem; text-transform: uppercase; letter-spacing: .08em;
  color: var(--murekkep-4);
}
.hesap-kart strong { font-size: 1.25rem; color: var(--murekkep); font-weight: 600; }
.hesap-kart-alt { font-size: .78rem; color: var(--murekkep-3); }
.kota-cubuk {
  height: 5px; background: var(--cizgi); border-radius: 3px; overflow: hidden;
}
.kota-cubuk > div {
  height: 100%; width: 0; background: var(--vurgu);
  transition: width var(--gecis), background var(--gecis);
}
.kota-cubuk > div.dolu { background: var(--altin); }

/* Plan seçimi */
.plan-liste { display: flex; flex-direction: column; gap: var(--b3); margin-bottom: var(--b4); }
.plan-kart {
  text-align: left; cursor: pointer; font: inherit;
  background: var(--panel); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); padding: var(--b4);
  display: flex; flex-direction: column; gap: var(--b1);
  transition: border-color var(--gecis), box-shadow var(--gecis);
}
.plan-kart:hover { border-color: var(--cizgi-koyu); }
.plan-kart.secili { border-color: var(--vurgu); box-shadow: 0 0 0 1px var(--vurgu); }
.plan-kart.mevcut { background: var(--vurgu-soluk); }
.plan-ad { font-weight: 600; color: var(--murekkep); }
.plan-ucret { font-size: 1.05rem; color: var(--vurgu); font-weight: 600; }
.plan-tanim { font-size: .84rem; color: var(--murekkep-2); line-height: 1.5; }
.plan-alt { font-size: .78rem; color: var(--murekkep-3); }
.plan-rozet {
  font-size: .72rem; color: var(--vurgu); text-transform: uppercase;
  letter-spacing: .08em; margin-top: var(--b1);
}

/* Ödeme ve üye listeleri */
.odeme-sonuc {
  background: var(--panel-yuksek); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); padding: var(--b4); margin-bottom: var(--b4);
}
.odeme-sonuc h3 { margin: 0 0 var(--b3); font-size: .95rem; }
.odeme-sonuc p { margin: 0 0 var(--b2); font-size: .86rem; line-height: 1.7; }
.odeme-sonuc code {
  background: var(--vurgu-soluk); padding: 2px 6px; border-radius: var(--yuvarlak-s);
  font-size: .85rem;
}
.davet-bag { word-break: break-all; display: inline-block; line-height: 1.6; }
.odeme-gecmis h3 { margin: var(--b5) 0 var(--b3); font-size: .95rem; }
.odeme-satir, .uye-satir {
  display: flex; align-items: center; gap: var(--b3);
  padding: var(--b3) 0; border-bottom: 1px solid var(--cizgi);
  font-size: .85rem; flex-wrap: wrap;
}
.odeme-satir > span:first-child { color: var(--murekkep-3); min-width: 88px; }
.uye-satir { justify-content: space-between; }
.uye-satir > div { display: flex; flex-direction: column; gap: 2px; }
.uye-alt { font-size: .78rem; color: var(--murekkep-3); }
.odeme-durum { margin-left: auto; font-size: .78rem; }
.odeme-durum.odendi, .odeme-durum.etkin { color: var(--basari); }
.odeme-durum.bekliyor, .odeme-durum.deneme { color: var(--altin); }
.odeme-durum.basarisiz, .odeme-durum.suresi_doldu, .odeme-durum.iptal { color: var(--hata); }

/* Yıkıcı işlem düğmesi — yalnızca hesap silmede kullanılır */
.ikincil.tehlike { color: var(--hata); border-color: #e8cdcb; }
.ikincil.tehlike:hover { background: #fdf3f2; border-color: var(--hata); }

/* Alt bilgideki yasal bağlantılar — mağaza listelemeleri bu adresleri ister */
footer p { margin: 0 0 var(--b2); }
.yasal-baglantilar { display: flex; flex-wrap: wrap; gap: var(--b4); justify-content: center; }
.yasal-baglantilar a { color: var(--murekkep-3); text-decoration: none; border-bottom: 1px solid var(--cizgi); }
.yasal-baglantilar a:hover { color: var(--vurgu); border-bottom-color: var(--vurgu); }
.kimlik-yasal { margin-top: var(--b5); font-size: .8rem; }

/* Kredi ağırlık tablosu — kullanıcı ne harcadığını önceden bilsin */
.kredi-tablosu { margin-top: var(--b4); padding-top: var(--b3); border-top: 1px solid var(--cizgi); }
.kredi-tablosu h3 { margin: 0 0 var(--b2); font-size: .85rem; color: var(--murekkep-2); }
.kredi-satir { display: flex; justify-content: space-between; gap: var(--b3);
               font-size: .82rem; color: var(--murekkep-3); padding: 3px 0; }
.kredi-satir span:last-child { color: var(--murekkep-2); white-space: nowrap; }

/* ============ Araştırma sohbeti ============ */
.sohbet-paneli { display: flex; flex-direction: column; min-height: 60vh; }
.sohbet-akis {
  flex: 1; overflow-y: auto; padding: var(--b2) 0 var(--b4);
  display: flex; flex-direction: column; gap: var(--b5); max-height: 62vh;
}
.sohbet-bos { text-align: center; padding: var(--b6) var(--b4); color: var(--murekkep-3); }
.sohbet-bos p { margin: 0 0 var(--b3); }
.sohbet-ornekler { display: flex; flex-direction: column; gap: var(--b2); margin-top: var(--b5); align-items: center; }
.sohbet-ornek {
  background: var(--panel-yuksek); border: 1px solid var(--cizgi); cursor: pointer;
  border-radius: var(--yuvarlak); padding: var(--b3) var(--b4); font: inherit;
  font-size: .86rem; color: var(--murekkep-2); text-align: left; max-width: 560px;
  transition: border-color var(--gecis), background var(--gecis);
}
.sohbet-ornek:hover { border-color: var(--vurgu); background: var(--vurgu-soluk); }

.sohbet-soru {
  align-self: flex-end; max-width: 78%; background: var(--vurgu); color: #fff;
  padding: var(--b3) var(--b4); border-radius: var(--yuvarlak-l) var(--yuvarlak-l) var(--yuvarlak-s) var(--yuvarlak-l);
  line-height: 1.6; font-size: .92rem;
}
.sohbet-cevap { max-width: 100%; }
.sohbet-cevap .metin { line-height: 1.75; font-size: .94rem; }
.sohbet-cevap .metin h2 { font-size: 1.02rem; margin: var(--b5) 0 var(--b2); }
.sohbet-cevap .metin h3 { font-size: .92rem; margin: var(--b4) 0 var(--b2); color: var(--murekkep-2); }
.sohbet-cevap .metin p { margin: 0 0 var(--b3); }
.sohbet-cevap .metin ul { margin: 0 0 var(--b3); padding-left: 20px; }
.sohbet-cevap .metin li { margin-bottom: var(--b2); }

/* Araştırma adımları — asistanın ne yaptığı görünür olsun */
.sohbet-adimlar {
  border-left: 2px solid var(--cizgi); padding: var(--b1) 0 var(--b1) var(--b4);
  margin-bottom: var(--b4); font-size: .8rem; color: var(--murekkep-3);
}
.sohbet-adimlar summary { cursor: pointer; color: var(--murekkep-2); }
.sohbet-adim { padding: 3px 0; display: flex; gap: var(--b2); flex-wrap: wrap; }
.sohbet-adim b { font-weight: 500; color: var(--murekkep-2); }

/* Kaynak kartları — tıklayınca karar açılır */
.sohbet-kaynaklar { display: flex; flex-direction: column; gap: var(--b2); margin-top: var(--b4); }
.sohbet-kaynaklar h4 {
  margin: 0 0 var(--b1); font-size: .78rem; text-transform: uppercase;
  letter-spacing: .08em; color: var(--murekkep-4);
}
.kaynak-kart {
  display: flex; gap: var(--b3); align-items: flex-start; text-align: left;
  background: var(--panel-yuksek); border: 1px solid var(--cizgi); cursor: pointer;
  border-radius: var(--yuvarlak-s); padding: var(--b3); font: inherit; width: 100%;
  transition: border-color var(--gecis);
}
.kaynak-kart:hover { border-color: var(--vurgu); }
.kaynak-no {
  flex: 0 0 auto; font-size: .74rem; font-weight: 600; color: var(--vurgu);
  background: var(--vurgu-soluk); border-radius: 4px; padding: 2px 6px;
}
.kaynak-metin { font-size: .82rem; color: var(--murekkep-2); line-height: 1.5; }
.atif-isareti {
  color: var(--vurgu); font-weight: 600; cursor: pointer;
  border-bottom: 1px dotted var(--vurgu);
}
.atif-isareti.onizlemeli { border-bottom-style: solid; }
.atif-isareti:focus-visible { outline: 2px solid var(--vurgu); outline-offset: 2px; }

/* Atıf önizlemesi: cevabın hangi bölüme dayandığını, sayfadan ayrılmadan
   göstermek için. Metin sunucuda okuma anında seçilir; burada istek yok. */
.atif-onizleme {
  position: fixed;
  z-index: 60;
  background: var(--panel);
  border: 1px solid var(--cizgi-koyu);
  border-radius: var(--yuvarlak-m);
  box-shadow: var(--golge-2);
  padding: var(--b3) var(--b4);
  pointer-events: none;                  /* fareyi takip etmesin, kapanabilsin */
}
.onizleme-ust { display: flex; align-items: baseline; gap: var(--b2); margin-bottom: var(--b2); }
.onizleme-no {
  flex: 0 0 auto;
  font-size: 11px; font-weight: 700; color: var(--vurgu);
  background: var(--vurgu-soluk); border-radius: var(--yuvarlak-s); padding: 1px 6px;
}
.onizleme-baslik {
  font-size: 11.5px; color: var(--murekkep-3);
  font-variant-numeric: tabular-nums;
}
.onizleme-alinti {
  font-size: 12.5px; line-height: 1.65; color: var(--murekkep-2);
  max-height: 220px; overflow: hidden;
  padding-left: var(--b3); border-left: 2px solid var(--cizgi-koyu);
}
.onizleme-dip { margin-top: var(--b2); font-size: 10.5px; color: var(--murekkep-4); }

/* Canlı araştırma durumu — boş bekleme yerine ne yapıldığı görünür */
.arastirma-durumu { border-style: dashed; }
.arastirma-baslik {
  display: flex; align-items: center; gap: var(--b2);
  font-size: 13px; font-weight: 600; color: var(--murekkep);
}
.arastirma-sure {
  margin-left: auto; font-size: 11.5px; color: var(--murekkep-4);
  font-variant-numeric: tabular-nums;
}
.nabiz {
  width: 7px; height: 7px; border-radius: 50%; background: var(--vurgu);
  animation: nabiz-at 1.4s ease-in-out infinite;
}
@keyframes nabiz-at { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .nabiz { animation: none; } }
.arastirma-adimlar { margin-top: var(--b2); }
.arastirma-adim {
  display: flex; gap: var(--b2); align-items: baseline;
  font-size: 12px; color: var(--murekkep-3);
  padding: 3px 0 3px var(--b3);
  border-left: 1px solid var(--cizgi);
}
.arastirma-adim .adim-ayrinti { color: var(--murekkep-4); font-size: 11.5px; }
/* Cevap içindeki tablolar. Dar ekranda sayfayı yana kaydırmasın diye
   kendi kabında kayar. */
.tablo-sar { overflow-x: auto; margin: var(--b3) 0; }
.metin-tablo { border-collapse: collapse; font-size: 12.5px; min-width: 100%; }
.metin-tablo th, .metin-tablo td {
  text-align: left; vertical-align: top;
  padding: var(--b2) var(--b3);
  border-bottom: 1px solid var(--cizgi);
}
.metin-tablo th {
  font-size: 10.5px; font-weight: 650; letter-spacing: .06em;
  text-transform: uppercase; color: var(--murekkep-4); white-space: nowrap;
}
.metin-tablo td { color: var(--murekkep-2); }

/* Model cevabı yazmadan önceki değerlendirmesi. Okunması beklenmiyor —
   soluk ve küçük; işin sürdüğünü göstermek için var. */
.akan-dusunce {
  margin-top: var(--b3);
  padding: var(--b2) var(--b3);
  background: var(--panel-yuksek);
  border-radius: var(--yuvarlak-s);
  font-size: 11.5px;
  line-height: 1.55;
  color: var(--murekkep-4);
  max-height: 84px;
  overflow: hidden;
}

/* Model yazarken akan metin. Biçimlenmemiş görünür; bittiğinde yerini
   biçimlendirilmiş ve atıfları tıklanabilir cevap alır. */
.akan-metin {
  margin-top: var(--b3);
  padding-top: var(--b3);
  border-top: 1px solid var(--cizgi);
  font-size: 13.5px;
  line-height: 1.7;
  color: var(--murekkep-2);
  white-space: pre-wrap;
}

.sohbet-giris { display: flex; gap: var(--b3); align-items: flex-end; padding-top: var(--b4); border-top: 1px solid var(--cizgi); }
.sohbet-giris textarea { flex: 1; resize: vertical; min-height: 52px; }
.sohbet-gecmis { display: flex; flex-direction: column; gap: var(--b1); margin-bottom: var(--b4); }
.sohbet-gecmis-satir {
  display: flex; justify-content: space-between; align-items: center; gap: var(--b3);
  padding: var(--b2) var(--b3); border: 1px solid var(--cizgi); border-radius: var(--yuvarlak-s);
  font-size: .85rem; cursor: pointer; background: var(--panel);
}
.sohbet-gecmis-satir:hover { border-color: var(--vurgu); }
.sohbet-gecmis-satir span:last-child { color: var(--murekkep-4); font-size: .78rem; }

@media (max-width: 640px) {
  .sohbet-akis { max-height: none; }
  .sohbet-soru { max-width: 92%; }
  .sohbet-giris { flex-direction: column; align-items: stretch; }
}

/* Sürükle-bırak alanı */
.birakma-alani {
  border: 1.5px dashed var(--cizgi-koyu); border-radius: var(--yuvarlak-l);
  background: var(--panel-yuksek); padding: var(--b7) var(--b5);
  text-align: center; cursor: pointer; margin-bottom: var(--b4);
  transition: border-color var(--gecis), background var(--gecis);
}
.birakma-alani:hover, .birakma-alani:focus-visible {
  border-color: var(--vurgu); background: var(--vurgu-soluk); outline: none;
}
.birakma-alani.uzerinde {
  border-color: var(--vurgu); background: var(--vurgu-soluk); border-style: solid;
}
.birakma-alani svg { width: 34px; height: 34px; color: var(--murekkep-4); margin-bottom: var(--b3); }
.birakma-alani:hover svg, .birakma-alani.uzerinde svg { color: var(--vurgu); }
.birakma-baslik { margin: 0 0 var(--b1); font-size: .95rem; color: var(--murekkep-2); }
.birakma-alani .ipucu-metin { margin: 0; }
.birakma-dosya:empty { display: none; }
.birakma-dosya {
  margin: var(--b4) 0 0; font-size: .85rem; color: var(--vurgu); font-weight: 500;
  display: inline-flex; align-items: center; gap: var(--b2);
  background: var(--panel); border: 1px solid var(--cizgi); border-radius: var(--yuvarlak-s);
  padding: var(--b2) var(--b3);
}

/* ============ Yapısal sadeleştirme ============
   İlke: aynı anda verilen karar sayısını azalt. Üst çubuk yalnızca "ne yapıyorum"
   sorusunu yanıtlar (7 modül, işe göre üç öbek); "hesabım" ile ilgili her şey tek
   bir menünün arkasındadır. Ana ekran da aynı üç öbeğe göre bölünmüştür, böylece
   üst çubuk ile ana ekran aynı zihinsel haritayı paylaşır. */

header { position: relative; }
.ust-eylemler { display: flex; align-items: center; gap: 0; flex-wrap: wrap; }
.modul-grubu { display: flex; align-items: center; gap: var(--b1); }
.modul-grubu + .modul-grubu { margin-left: var(--b3); padding-left: var(--b3); position: relative; }
.modul-grubu + .modul-grubu::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 1px; height: 16px; background: var(--cizgi);
}

/* Hesap menüsü — tek düğme, içinde favoriler/plan/ayarlar/çıkış */
.hesap-menusu { position: relative; margin-left: var(--b3); }
.hesap-dugme {
  width: 34px; height: 34px; border-radius: 50%; padding: 0;
  background: var(--vurgu); color: #fff; border: none; cursor: pointer;
  font-size: .82rem; font-weight: 600; letter-spacing: .02em;
  display: inline-flex; align-items: center; justify-content: center;
  transition: opacity var(--gecis);
}
.hesap-dugme:hover { opacity: .88; }
.hesap-dugme.dikkat { box-shadow: 0 0 0 2px var(--altin); }
.menu-kutu {
  position: absolute; right: 0; top: calc(100% + var(--b2)); z-index: 60;
  min-width: 218px; background: var(--panel); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); box-shadow: var(--golge-2);
  padding: var(--b2); display: flex; flex-direction: column; gap: 2px;
}
.menu-kimlik {
  padding: var(--b2) var(--b3) var(--b3); display: flex; flex-direction: column; gap: 2px;
  border-bottom: 1px solid var(--cizgi); margin-bottom: var(--b2);
}
.menu-kimlik strong { font-size: .88rem; color: var(--murekkep); }
.menu-kimlik span { font-size: .78rem; color: var(--murekkep-3); }
.menu-kutu button {
  background: none; border: none; text-align: left; cursor: pointer;
  padding: var(--b2) var(--b3); border-radius: var(--yuvarlak-s);
  font: inherit; font-size: .87rem; color: var(--murekkep-2); min-height: 36px;
  transition: background var(--gecis), color var(--gecis);
}
.menu-kutu button:hover { background: var(--vurgu-soluk); color: var(--vurgu); }
.menu-ayirac { height: 1px; background: var(--cizgi); margin: var(--b2) 0; }

/* Ana ekran: işe göre üç öbek */
.modul-grup { margin-bottom: var(--b7); }
.modul-grup:last-child { margin-bottom: var(--b5); }
.grup-basligi { margin-bottom: var(--b4); }
.grup-basligi h3 {
  margin: 0 0 var(--b1); font-size: 1rem; font-weight: 600; color: var(--murekkep);
  letter-spacing: -.01em;
}
.grup-basligi p { margin: 0; font-size: .86rem; color: var(--murekkep-3); }

@media (max-width: 820px) {
  .modul-grubu + .modul-grubu { margin-left: var(--b2); padding-left: var(--b2); }
  .hesap-menusu { margin-left: auto; flex: 0 0 auto; }
  .menu-kutu { right: 0; }
}

/* Gezinme ve hesap avatarı her genişlikte aynı satırda kalır; dar ekranda
   modüller yatay kayar, avatar sağda sabit durur. */
.ust-satir {
  display: flex; align-items: center; gap: var(--b3);
  flex: 1; min-width: 0; justify-content: flex-end;
}
.ust-eylemler { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.ust-eylemler::-webkit-scrollbar { display: none; }
.ust-eylemler > .modul-grubu { flex: 0 0 auto; }
.hesap-menusu { flex: 0 0 auto; margin-left: 0; }

@media (max-width: 1024px) {
  header { flex-direction: row; align-items: center; flex-wrap: nowrap; }
  .ust-satir { justify-content: flex-end; }
}
@media (max-width: 820px) {
  .ust-eylemler { margin: 0; padding: var(--b1) 0; }
}

/* ============ Görsel yön: Dosya — marka ve başlık tipografisi ============
   Serif sınırlı kullanılıyor: logo, ana ekran başlığı ve modül kartı adları.
   Gövde metni, form ve tablolar sans kalır; okunabilirlik ve modernlik orada. */
header .baslik h1 {
  font-family: var(--yazi-serif);
  font-weight: 600;
  letter-spacing: .12em;
  color: var(--vurgu);
}
.pano-selam h2, .pano-soru, .kimlik-marka h1 {
  font-family: var(--yazi-serif);
  font-weight: 600;
  letter-spacing: -.005em;
}
.kimlik-marka h1 { color: var(--vurgu); letter-spacing: .12em; }
.grup-basligi h3 { font-family: var(--yazi-serif); font-weight: 600; }

/* Kâğıt dokusu: panelleri gölgeyle değil ince kuralla ayır */
.panel { border-color: var(--cizgi); }

/* Önemli rakamlar bordo — dosyadaki kırmızı kalem işareti gibi */
.hesap-kart strong, #kotaMetin { color: var(--vurgu); }

/* ============ Çalışma yoğunluğu (Yön 3) ============
   Karar: marka yüzeyleri Dosya dilinde geniş nefes alır, ÇALIŞMA yüzeyleri
   sıkıdır. Avukat günde on kez sonuç listesine bakar; orada boşluk değil
   satır başına bilgi ister. Apple'ın ayrımı da budur: vitrin geniş, araç sıkı.

   Kural: kart görünümü yerine satır görünümü, küçük punto, tabular rakam.
   Esas/karar numaraları VERİdir — tek aralıklı yazıyla dizilir ki alt alta
   hizalansın ve göz tarayabilsin.                                            */

.sonuc-liste, .emsal-liste { gap: 0; }

.sonuc-kart {
  border: 0;
  border-bottom: 1px solid var(--cizgi);
  border-radius: 0;
  padding: var(--b3) var(--b3);
  font-size: .88rem;
  transition: background var(--gecis);
}
.sonuc-kart:hover { background: var(--panel-yuksek); box-shadow: none; }
.sonuc-kart.secili {
  background: var(--vurgu-soluk);
  box-shadow: inset 3px 0 0 var(--vurgu);
  border-bottom-color: var(--cizgi);
}
.sonuc-kart .daire { font-size: .86rem; margin-bottom: 2px; }
.sonuc-kart .detay {
  font-size: .78rem;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: -.01em;
}

/* Hesap sonucu ve ödeme tabloları: rakamlar hizalı, satırlar sıkı */
#hesapSonuc table { font-size: .87rem; }
#hesapSonuc td { padding: var(--b2) var(--b3); }
#hesapSonuc td:last-child,
.odeme-satir span:nth-child(3) {
  font-variant-numeric: tabular-nums;
  font-family: ui-monospace, "SF Mono", Menlo, monospace;
}
#hesapSonuc tr.toplam td { font-size: .95rem; }

/* İcra dosyaları ve favoriler de satır düzeninde */
.odeme-satir, .uye-satir { padding: var(--b2) 0; font-size: .83rem; }

/* Sohbetteki kaynak kartları da veri; künye tek aralıklı ve hizalı */
.kaynak-metin { font-variant-numeric: tabular-nums; }

/* Çalışma panellerinde başlık ve kenar boşlukları kısılır */
.sonuclar-paneli .panel-baslik,
.karar-paneli .panel-baslik { padding-bottom: var(--b3); }

/* ============ Navigasyon: dört çalışma alanı + asistan ============
   Üst çubuk artık modül değil İŞ gösteriyor: Araştır / Dilekçe / Hesapla /
   Dosyalar. Uzman modüller (içtihat, mevzuat, evrak, icra) bir alt kademeye
   indi. Böylece ileride modül eklendikçe ana navigasyon büyümüyor.

   HUKMERA AI ayrı duruyor çünkü bir çalışma alanı değil, hepsinin üstünde
   çalışan asistan. Ayrımı görsel olarak da işaretlemek gerekiyor. */
.asistan-dugme {
  color: var(--vurgu);
  border-color: var(--vurgu-soluk);
  background: var(--vurgu-soluk);
  font-weight: 500;
}
.asistan-dugme:hover { border-color: var(--vurgu); background: var(--vurgu-soluk); }
.asistan-dugme.aktif { background: var(--vurgu); color: #fff; border-color: var(--vurgu); }
.asistan-dugme span { font-size: .85em; opacity: .9; }

.alt-gezinme {
  display: flex; gap: var(--b1); align-items: center; flex-wrap: wrap;
  padding: 0 0 var(--b4);
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: var(--b5);
}
.alt-gezinme button {
  background: none; border: none; cursor: pointer; font: inherit;
  font-size: .88rem; color: var(--murekkep-3); padding: var(--b2) var(--b3);
  border-radius: var(--yuvarlak-s); min-height: 34px;
  transition: color var(--gecis), background var(--gecis);
}
.alt-gezinme button:hover { color: var(--murekkep); background: var(--panel-yuksek); }
.alt-gezinme button.aktif { color: var(--vurgu); background: var(--vurgu-soluk); font-weight: 500; }
.alt-gezinme .alan-adi {
  font-family: var(--yazi-serif); font-size: 1.02rem; font-weight: 600;
  color: var(--murekkep); margin-right: var(--b4); padding: 0;
}

/* ============ Dosya katmanı ============
   Marka dili başlıkta (serif), çalışma yoğunluğu listelerde (satır düzeni,
   küçük punto, tabular rakam). Dosya bir vitrin değil çalışma yüzeyi. */
.dosya-liste { display: flex; flex-direction: column; }
.dosya-satir {
  display: grid; grid-template-columns: minmax(0,2fr) minmax(0,1fr) auto auto;
  gap: var(--b3); align-items: center; cursor: pointer;
  padding: var(--b3) var(--b2); border-bottom: 1px solid var(--cizgi);
  transition: background var(--gecis);
}
.dosya-satir:hover { background: var(--panel-yuksek); }
.dosya-satir-ad { font-weight: 600; font-size: .92rem; color: var(--murekkep); }
.dosya-satir-alt { font-size: .78rem; color: var(--murekkep-3); margin-top: 2px; }
.dosya-satir-sayim {
  font-size: .78rem; color: var(--murekkep-3);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.dosya-rozet {
  font-size: .72rem; padding: 2px 8px; border-radius: 20px; white-space: nowrap;
  background: var(--panel-yuksek); color: var(--murekkep-2); border: 1px solid var(--cizgi);
}
.dosya-rozet.aktif { color: var(--basari); border-color: #cfe0d6; background: #f3f8f5; }
.dosya-rozet.kapandi { color: var(--murekkep-4); }
.dosya-rozet.sure { color: var(--altin); border-color: #e8dcc0; background: var(--altin-soluk); }

.dosya-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--b4); }
.dosya-eylemler { display: flex; gap: var(--b2); }
.dosya-baslik { font-family: var(--yazi-serif); font-size: 1.5rem; margin: 0 0 var(--b1); }
.dosya-kunye {
  font-size: .84rem; color: var(--murekkep-3); margin: 0 0 var(--b4);
  font-variant-numeric: tabular-nums;
}
.dosya-ozet-satiri { display: flex; gap: var(--b3); flex-wrap: wrap; margin-bottom: var(--b4); }
.dosya-olay {
  font-size: .89rem; line-height: 1.7; color: var(--murekkep-2);
  background: var(--panel-yuksek); border-left: 3px solid var(--cizgi-koyu);
  padding: var(--b3) var(--b4); margin: 0 0 var(--b5); border-radius: 0 var(--yuvarlak-s) var(--yuvarlak-s) 0;
}

/* Talep: dosyanın omurgası. Altına bağlı öğeler girintili listelenir. */
.talep-liste { display: flex; flex-direction: column; margin-bottom: var(--b4); }
.talep-kart { border-bottom: 1px solid var(--cizgi); padding: var(--b3) var(--b2); }
.talep-ust { display: flex; align-items: center; gap: var(--b3); flex-wrap: wrap; }
.talep-ad { font-weight: 600; font-size: .92rem; flex: 1; min-width: 0; }
.talep-durum {
  font-size: .74rem; padding: 2px 8px; border-radius: 20px; white-space: nowrap;
  border: 1px solid var(--cizgi); color: var(--murekkep-2);
}
.talep-durum.destekli { color: var(--basari); border-color: #cfe0d6; background: #f3f8f5; }
.talep-durum.eksik { color: var(--altin); border-color: #e8dcc0; background: var(--altin-soluk); }
.talep-durum.vazgecildi { color: var(--murekkep-4); }
.talep-notu { font-size: .8rem; color: var(--murekkep-3); margin-top: var(--b1); }
.talep-ogeleri { margin: var(--b2) 0 0 var(--b4); padding-left: var(--b3);
                 border-left: 2px solid var(--cizgi); display: flex; flex-direction: column; gap: 3px; }
.talep-bos { font-size: .78rem; color: var(--murekkep-4); font-style: italic; }

.oge-liste { display: flex; flex-direction: column; }
.oge-satir {
  display: flex; align-items: center; gap: var(--b3); flex-wrap: wrap;
  padding: var(--b2) var(--b2); border-bottom: 1px solid var(--cizgi); font-size: .84rem;
}
.oge-tur {
  font-size: .72rem; text-transform: uppercase; letter-spacing: .06em;
  color: var(--murekkep-4); width: 78px; flex: 0 0 auto;
}
.oge-baslik { flex: 1; min-width: 0; color: var(--murekkep-2); }
.oge-tarih { font-size: .78rem; color: var(--murekkep-3); font-variant-numeric: tabular-nums; }
.oge-eylem { display: flex; gap: var(--b1); flex: 0 0 auto; }
.oge-eylem select { font-size: .78rem; padding: 3px 6px; min-height: 28px; }
.oge-eylem button { font-size: .76rem; padding: 3px 8px; min-height: 28px; }

@media (max-width: 640px) {
  .dosya-satir { grid-template-columns: 1fr auto; }
  .dosya-satir-sayim { display: none; }
}

/* Dosya seçici kutusu — modalin dar hâli */
.modal-icerik.dar { max-width: 540px; }
.modal-icerik.dar .dosya-satir { grid-template-columns: minmax(0,1fr) auto auto auto; }
.modal-icerik.dar .dosya-satir:last-child { border-bottom: 0; }

/* ============ Olay çözümleme ve stratejist ============ */
.olay-kutusu {
  background: var(--panel-yuksek); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak); padding: var(--b4); margin-bottom: var(--b5);
}
.olay-kutusu textarea { width: 100%; resize: vertical; margin-bottom: var(--b3); }
.olay-kutusu .panel-baslik { padding-bottom: var(--b3); }

.cozum-bolum { margin-top: var(--b4); padding-top: var(--b4); border-top: 1px solid var(--cizgi); }
.cozum-bolum h4 {
  font-size: .78rem; text-transform: uppercase; letter-spacing: .08em;
  color: var(--murekkep-4); margin: 0 0 var(--b2);
}
.alan-listesi { display: flex; flex-wrap: wrap; gap: var(--b2); }
.alan-rozet {
  font-size: .8rem; background: var(--panel); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-s); padding: 4px 10px; color: var(--murekkep-2);
  font-variant-numeric: tabular-nums;
}
.alan-rozet b { font-weight: 600; color: var(--murekkep); }

.oneri-satir {
  display: flex; align-items: flex-start; gap: var(--b3);
  padding: var(--b3) 0; border-bottom: 1px solid var(--cizgi);
}
.oneri-satir:last-child { border-bottom: 0; }
.oneri-satir input[type="checkbox"] { margin-top: 4px; width: 16px; height: 16px; flex: 0 0 auto; }
.oneri-govde { flex: 1; min-width: 0; }
.oneri-ad { font-weight: 600; font-size: .9rem; }
.oneri-gerekce { font-size: .8rem; color: var(--murekkep-3); margin-top: 2px; line-height: 1.5; }
.oneri-etiket {
  font-size: .7rem; padding: 1px 7px; border-radius: 20px; margin-left: var(--b2);
  border: 1px solid var(--cizgi); color: var(--murekkep-3); white-space: nowrap;
}
.oneri-etiket.acik { color: var(--basari); border-color: #cfe0d6; }
.oneri-etiket.olasi { color: var(--altin); border-color: #e8dcc0; }
.oneri-eksik { font-size: .78rem; color: var(--altin); margin-top: 3px; }

/* Stratejist: destekleyenler yeşil, eksikler altın — renk bilgi taşıyor */
.strateji-destek, .strateji-eksik { font-size: .82rem; display: flex; gap: var(--b2); padding: 2px 0; }
.strateji-destek { color: var(--murekkep-2); }
.strateji-destek::before { content: "✓"; color: var(--basari); flex: 0 0 auto; }
.strateji-eksik { color: var(--murekkep-3); }
.strateji-eksik::before { content: "!"; color: var(--altin); font-weight: 700; flex: 0 0 auto; width: 8px; }
.strateji-not {
  font-size: .84rem; color: var(--murekkep-2); margin-top: var(--b2);
  padding: var(--b2) var(--b3); background: var(--vurgu-soluk);
  border-radius: var(--yuvarlak-s); border-left: 2px solid var(--vurgu);
}
.strateji-not::before { content: "Sıradaki iş: "; color: var(--vurgu); font-weight: 600; }

/* Talep eylemleri ve aday kaynak havuzu */
.talep-eylemler { display: flex; gap: var(--b2); margin-top: var(--b3); flex-wrap: wrap; }
.aday-havuzu {
  margin: var(--b3) 0 0 var(--b4); padding: var(--b3);
  background: var(--panel-yuksek); border: 1px dashed var(--cizgi-koyu);
  border-radius: var(--yuvarlak-s);
}
.aday-havuzu h4 {
  font-size: .74rem; text-transform: uppercase; letter-spacing: .06em;
  color: var(--murekkep-4); margin: 0 0 var(--b2); font-weight: 500;
}
.aday-satir {
  display: flex; align-items: center; gap: var(--b2); padding: 3px 0;
  font-size: .8rem; flex-wrap: wrap;
}
.aday-baslik {
  flex: 1; min-width: 0; color: var(--murekkep-3);
  font-variant-numeric: tabular-nums;
}
.aday-satir button { font-size: .74rem; padding: 2px 8px; min-height: 26px; }

/* ---- Strateji tezgâhı ----
   Renk burada DEĞERLENDİRME taşımaz. İki sütun da nötr mürekkeple çizilir:
   "dosyada kayıtlı" yeşil, "kaydı yok" kırmızı yapılsaydı ekran dosyayı
   notlandırmaya başlardı. Tek renkli vurgu yalnızca kapsama rozetinde, orada
   da neyin eksik olduğunu göstermek için — iyi/kötü demek için değil.        */
.strateji-bolum {
  margin: var(--b5) 0;
  padding: var(--b4) 0;
  border-top: 1px solid var(--cizgi);
  border-bottom: 1px solid var(--cizgi);
}
.strateji-sutunlar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--b5);
  margin-bottom: var(--b5);
}
.strateji-sutun h3 {
  font-size: 10.5px;
  font-weight: 650;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--murekkep-4);
  padding-bottom: var(--b2);
  border-bottom: 1px solid var(--cizgi);
  margin-bottom: var(--b2);
}
.bulgu-listesi { list-style: none; margin: 0; padding: 0; }
.bulgu-listesi li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--b2);
  padding: var(--b2) 0;
  border-bottom: 1px solid var(--cizgi);
  font-size: 12.5px;
}
.bulgu-listesi li:last-child { border-bottom: 0; }
.bulgu-listesi li.bos { color: var(--murekkep-4); font-style: italic; }
.bulgu-ad { flex: 1 1 auto; min-width: 0; color: var(--murekkep-2); }
.bulgu-deger {
  flex: 0 0 auto;
  color: var(--murekkep);
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
/* Hangi taleplerin aradığı bilgisi kendi satırına iner — uzun talep adları
   alan adının üstüne binmesin */
.bulgu-talep {
  flex: 1 0 100%;
  font-size: 11px;
  color: var(--murekkep-4);
  margin-top: 2px;
}

.savunma-bolum h3 {
  font-size: 14px;
  font-weight: 620;
  letter-spacing: -.01em;
  color: var(--murekkep);
  margin-bottom: var(--b1);
}
.savunma-bolum > .ipucu-metin { margin-bottom: var(--b3); max-width: 62ch; }
.savunma-liste { display: flex; flex-direction: column; gap: var(--b2); }
.savunma-kart {
  background: var(--panel);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-m);
  padding: var(--b3) var(--b4);
}
.savunma-ust { display: flex; align-items: flex-start; gap: var(--b3); }
.savunma-sira {
  flex: 0 0 auto;
  width: 20px; height: 20px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid var(--cizgi-koyu);
  border-radius: 50%;
  font-size: 10.5px;
  color: var(--murekkep-3);
  font-variant-numeric: tabular-nums;
}
.savunma-ust > div { flex: 1; min-width: 0; }
.savunma-ad { display: block; font-size: 13.5px; font-weight: 620; color: var(--murekkep); }
.savunma-talep { display: block; font-size: 11px; color: var(--murekkep-4); }
.kapsama {
  flex: 0 0 auto;
  font-size: 11px;
  padding: 2px var(--b2);
  border-radius: var(--yuvarlak-s);
  white-space: nowrap;
}
.kapsama.yok { background: var(--vurgu-soluk); color: var(--vurgu); }
.kapsama.kismi { background: var(--altin-soluk); color: var(--altin); }
.kapsama.var { background: rgba(47, 107, 79, .1); color: var(--basari); }

.savunma-iddia {
  font-size: 12.5px;
  color: var(--murekkep-2);
  line-height: 1.6;
  margin: var(--b2) 0 var(--b1) calc(20px + var(--b3));
  max-width: 68ch;
}
.savunma-dayanak {
  font-size: 11px;
  color: var(--murekkep-4);
  margin-left: calc(20px + var(--b3));
}
.savunma-kalemler {
  margin: var(--b3) 0 0 calc(20px + var(--b3));
  padding: var(--b3);
  background: var(--panel-yuksek);
  border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-s);
}
.savunma-kalemler h5 {
  font-size: 10.5px; font-weight: 650; letter-spacing: .08em;
  text-transform: uppercase; color: var(--murekkep-4); margin-bottom: var(--b2);
}
.kalem {
  display: flex; align-items: baseline; gap: var(--b2);
  font-size: 12.5px; padding: 3px 0; color: var(--murekkep-2);
}
.kalem-im { flex: 0 0 12px; color: var(--murekkep-4); }
.kalem.var .kalem-im { color: var(--basari); }
.kalem span:nth-child(2) { flex: 1; min-width: 0; }
.kalem-durum { font-size: 11px; color: var(--murekkep-4); }
.savunma-kalemler .ipucu-metin { margin-top: var(--b2); }
.savunma-eylemler {
  display: flex; gap: var(--b2); flex-wrap: wrap;
  margin: var(--b3) 0 0 calc(20px + var(--b3));
}

.sonraki-adim {
  display: flex; align-items: center; gap: var(--b4); flex-wrap: wrap;
  margin-top: var(--b4);
  padding: var(--b3) var(--b4);
  background: var(--panel-yuksek);
  border: 1px solid var(--cizgi-koyu);
  border-radius: var(--yuvarlak-m);
}
.sonraki-adim > div { flex: 1; min-width: 220px; }
.sonraki-etiket {
  display: block;
  font-size: 10.5px; font-weight: 650; letter-spacing: .1em;
  text-transform: uppercase; color: var(--murekkep-4); margin-bottom: 2px;
}
#sonrakiAdimMetin { font-size: 12.5px; color: var(--murekkep-2); line-height: 1.55; }
.bilgi-formu {
  display: flex; align-items: flex-end; gap: var(--b2);
  width: 100%; margin-top: var(--b3);
  padding-top: var(--b3); border-top: 1px solid var(--cizgi);
}
.bilgi-formu label { flex: 1; }

.dilekce-cikti {
  white-space: pre-wrap; font-family: var(--yazi-serif); font-size: .9rem;
  line-height: 1.75; background: var(--panel-yuksek); border: 1px solid var(--cizgi);
  border-radius: var(--yuvarlak-s); padding: var(--b4); margin: var(--b3) 0 var(--b5);
  max-height: 60vh; overflow-y: auto;
}