/*
 * WhatsApp Takip sayfa bileşenleri. Yalnız tt-* tasarım belirteçleri (değişkenleri) kullanılır; vendor UI yok.
 */

/* ── Yalın sayfalar (giriş) ─────────────────────────────────────────────────────────── */
body.wt-yalin {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  margin: 0;
  padding: var(--tt-space-24);
  background-color: var(--tt-bg);
  color: var(--tt-text);
  font-family: var(--tt-font-sans);
}

.wt-yalin__kart { width: 100%; max-width: 24rem; }

.wt-marka {
  display: flex;
  align-items: center;
  gap: var(--tt-space-10);
  margin-bottom: var(--tt-space-20);
}

.wt-marka__isaret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: var(--tt-radius-md);
  background-color: var(--tt-success);
  color: var(--tt-success-on);
  font-weight: 700;
}

.wt-marka__metin { display: flex; flex-direction: column; line-height: 1.25; }
.wt-marka__baslik { font-size: 16px; font-weight: 600; }
.wt-marka__alt { font-size: 12px; color: var(--tt-text-secondary); }

.wt-yalin .tt-form { display: flex; flex-direction: column; gap: var(--tt-space-12); margin-top: var(--tt-space-12); }

/* ── Onay zili: "kişisel / şube" ───────────────────────────────────────────────────── */
.wt-zil {
  display: inline-flex;
  align-items: center;
  gap: var(--tt-space-8);
  height: 34px;
  padding: 0 var(--tt-space-10);
  border: 1px solid var(--tt-border);
  border-radius: var(--tt-radius-full);
  color: var(--tt-text);
  text-decoration: none;
  font-variant-numeric: tabular-nums;
}

.wt-zil:hover { border-color: var(--tt-border-strong); }
.wt-zil:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 2px; }

.wt-zil__sayac { font-size: 13px; font-weight: 600; white-space: nowrap; }

/* Kişisel bekleyen varsa zil ve sayaç kırmızı (FR-21.5). */
.wt-zil.is-kisisel {
  color: var(--tt-danger);
  border-color: var(--tt-danger);
  background-color: var(--tt-danger-subtle);
}

.wt-zil.is-sube { color: var(--tt-text); }

.wt-zil.is-titresim { animation: wt-zil-sallan 0.9s ease-in-out 2; }

@keyframes wt-zil-sallan {
  0%, 100% { transform: rotate(0); }
  15% { transform: rotate(-12deg); }
  30% { transform: rotate(10deg); }
  45% { transform: rotate(-8deg); }
  60% { transform: rotate(6deg); }
  75% { transform: rotate(-3deg); }
}

@media (prefers-reduced-motion: reduce) {
  .wt-zil.is-titresim { animation: none; outline: 3px solid var(--tt-danger); }
}

/* Okunmamış kişisel bildirim sayısı: bekleyen sayacından AYRI. */
.wt-okunmamis {
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: var(--tt-radius-full);
  background-color: var(--tt-primary);
  color: var(--tt-primary-on);
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
}

.wt-kullanici-pop { min-width: 20rem; }

.wt-bildirimler { border-top: 1px solid var(--tt-border); border-bottom: 1px solid var(--tt-border); padding: var(--tt-space-8) 0; }
.wt-bildirimler__bas { display: flex; align-items: center; justify-content: space-between; padding: 0 var(--tt-space-12); }
.wt-bildirimler__baslik { font-size: 13px; font-weight: 600; }
.wt-bildirimler__liste { list-style: none; margin: var(--tt-space-6) 0 0; padding: 0; max-height: 18rem; overflow-y: auto; }
.wt-bildirimler__bos { padding: var(--tt-space-8) var(--tt-space-12); color: var(--tt-text-muted); font-size: 13px; }

.wt-bildirim a {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: var(--tt-space-8) var(--tt-space-12);
  color: var(--tt-text);
  text-decoration: none;
}

.wt-bildirim a:hover, .wt-bildirim a:focus-visible { background-color: var(--tt-surface-secondary); }
.wt-bildirim.is-okunmamis .wt-bildirim__baslik { font-weight: 700; }
.wt-bildirim.is-okunmamis a { border-left: 3px solid var(--tt-primary); }
.wt-bildirim__baslik { font-size: 13px; }
.wt-bildirim__mesaj { font-size: 12px; color: var(--tt-text-secondary); }
.wt-bildirim__zaman { font-size: 11px; color: var(--tt-text-muted); }

/* ── Ana sayfa ─────────────────────────────────────────────────────────────────────── */
.wt-buyuk-sayi { margin: var(--tt-space-8) 0; font-size: 40px; font-weight: 700; font-variant-numeric: tabular-nums; }

/* ── Onay ekranı ───────────────────────────────────────────────────────────────────── */
.wt-onay { display: flex; flex-direction: column; gap: var(--tt-space-12); max-width: 56rem; }

.wt-onay-degisti { display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-12); flex-wrap: wrap; }

.wt-onay-kart { display: flex; flex-direction: column; gap: var(--tt-space-16); }

.wt-onay-kart__bas { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--tt-space-12); flex-wrap: wrap; }
.wt-onay-kart__meta { margin: 0; font-size: 13px; color: var(--tt-text-secondary); }
.wt-ozet { margin: 0; color: var(--tt-text-secondary); font-size: 14px; }

.wt-kayit {
  display: flex;
  flex-direction: column;
  gap: var(--tt-space-10);
  padding: var(--tt-space-16);
  border: 1px solid var(--tt-border);
  border-radius: var(--tt-radius-lg);
  background-color: var(--tt-surface);
}

.wt-kayit--eksik { border-color: var(--tt-warning); background-color: var(--tt-warning-subtle); }

/* Mükerrer giriş (SDD §17.8): işlenmez; önceki kaydın kimde kayıtlı olduğu gösterilir ve iptal istenir. */
.wt-mukerrer { border-color: var(--tt-danger); box-shadow: inset 4px 0 0 var(--tt-danger); }
.wt-mukerrer__uyari {
  margin: 0;
  padding: var(--tt-space-8) var(--tt-space-12);
  border-radius: var(--tt-radius-md);
  background-color: var(--tt-danger-subtle);
  color: var(--tt-danger);
  font-size: 14px;
}
.wt-mukerrer__baslik { margin: 0; font-size: 13px; font-weight: 600; color: var(--tt-text-secondary); }
.wt-mukerrer__kanit { align-self: flex-start; font-size: 14px; }
.wt-mukerrer__gerekce { margin: 0; }
.wt-kayit--form { margin: 0; min-width: 0; }
.wt-kayit__sira { margin: 0; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: var(--tt-text-muted); }
.wt-kayit__baslik { padding: 0 var(--tt-space-6); font-weight: 600; }

/* İşlem ifadesi en üstte ve belirgin (FR-14.12). */
.wt-ifade { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.3; }
.wt-ifade:focus { outline: none; }

.wt-alanlar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--tt-space-10) var(--tt-space-20);
  margin: 0;
}

.wt-alan dt { font-size: 12px; color: var(--tt-text-muted); }
.wt-alan dd { margin: 2px 0 0; font-size: 15px; font-weight: 500; overflow-wrap: anywhere; }
.wt-alanlar--ikincil .wt-alan dd { font-size: 14px; font-weight: 400; }
.wt-tutar { font-variant-numeric: tabular-nums; font-weight: 700; }
.wt-eksik { color: var(--tt-danger); font-weight: 600; }

.wt-ayrinti summary { cursor: pointer; font-size: 13px; color: var(--tt-text-secondary); }
.wt-ayrinti[open] summary { margin-bottom: var(--tt-space-8); }

.wt-rozet {
  display: inline-block;
  margin-left: var(--tt-space-4);
  padding: 1px 6px;
  border-radius: var(--tt-radius-full);
  font-size: 11px;
  font-weight: 500;
  vertical-align: middle;
}

.wt-rozet--varsayilan { background-color: var(--tt-info-subtle); color: var(--tt-info); }

.wt-uyarilar { display: flex; flex-wrap: wrap; gap: var(--tt-space-6); margin: 0; padding: 0; list-style: none; }
.wt-uyari {
  padding: 2px 8px;
  border-radius: var(--tt-radius-full);
  background-color: var(--tt-warning-subtle);
  color: var(--tt-text);
  font-size: 12px;
}

.wt-kucuk { margin: 0; font-size: 13px; }

/* Özgün mesaj önizlemesi: veritabanı metni kesilmez; ekranda sığmayan kısım "..." ile biter, altında Kanıt bağlantısı. */
.wt-onizleme {
  display: flex;
  flex-direction: column;
  gap: var(--tt-space-6);
  padding-top: var(--tt-space-12);
  border-top: 1px dashed var(--tt-border);
}

.wt-onizleme__baslik { margin: 0; font-size: 12px; color: var(--tt-text-muted); }

.wt-onizleme__metin {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: pre-line;
  font-size: 14px;
}

.wt-kanit-bag { align-self: flex-start; font-weight: 600; }

.wt-eylemler { flex-wrap: wrap; gap: var(--tt-space-8); }

.wt-alan--genis { grid-column: 1 / -1; }

/* ── Kanıt sayfası ─────────────────────────────────────────────────────────────────── */
.wt-kanit { display: flex; flex-direction: column; gap: var(--tt-space-12); max-width: 60rem; }
.wt-kanit__bas { display: flex; flex-direction: column; gap: var(--tt-space-4); margin-bottom: var(--tt-space-12); }
.wt-kanit__icerik { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-kanit__bolum { display: flex; flex-direction: column; gap: var(--tt-space-8); }
.wt-kanit__baslik { margin: 0; font-size: 14px; font-weight: 600; color: var(--tt-text-secondary); }
.wt-kanit__etiket { margin: 0; font-size: 13px; font-weight: 600; }

.wt-kanit__metin {
  margin: 0;
  padding: var(--tt-space-12);
  border-radius: var(--tt-radius-md);
  background-color: var(--tt-surface-secondary);
  font-family: var(--tt-font-mono);
  font-size: 13px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.wt-gorsel {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--tt-space-4);
  padding: 0;
  border: 1px solid var(--tt-border);
  border-radius: var(--tt-radius-md);
  background: none;
  cursor: zoom-in;
}

.wt-gorsel img { display: block; max-width: 100%; max-height: 28rem; border-radius: var(--tt-radius-md); }
.wt-gorsel__ipucu { padding: 0 var(--tt-space-8) var(--tt-space-6); font-size: 12px; color: var(--tt-text-muted); }

.wt-pdf { display: flex; flex-direction: column; gap: var(--tt-space-8); }
.wt-pdf iframe { width: 100%; height: 70vh; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); background: #fff; }

.wt-sayfalama {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tt-space-12);
  margin-top: var(--tt-space-16);
  padding-top: var(--tt-space-12);
  border-top: 1px solid var(--tt-border);
}

.wt-sayfalama__durum { font-size: 13px; color: var(--tt-text-secondary); font-variant-numeric: tabular-nums; }

.wt-yakinlastir__araclar { display: flex; align-items: center; gap: var(--tt-space-6); }
.wt-yakinlastir__alan { max-height: 75vh; overflow: auto; }
.wt-yakinlastir__alan img { display: block; max-width: none; transform-origin: 0 0; transition: transform 0.1s ease-out; }

/* ── Tercihler ─────────────────────────────────────────────────────────────────────── */
.wt-tercihler { max-width: 36rem; }
.wt-tercihler .tt-form { display: flex; flex-direction: column; gap: var(--tt-space-12); }
.wt-tercih-satir { display: flex; align-items: center; gap: var(--tt-space-12); font-size: 15px; }

/* ── Geliştirme: WhatsApp test sayfası (yalnız Development) ─────────────────────────── */
body.wt-gelistirme { margin: 0; background-color: var(--tt-bg); color: var(--tt-text); font-family: var(--tt-font-sans); }
.wt-gelistirme__bas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--tt-space-12);
  padding: var(--tt-space-12) var(--tt-space-20);
  border-bottom: 1px solid var(--tt-border);
  background-color: var(--tt-surface);
}
.wt-gelistirme__bas .wt-marka { margin-bottom: 0; }
.wt-gelistirme__icerik { display: flex; flex-direction: column; gap: var(--tt-space-12); padding: var(--tt-space-16) var(--tt-space-20); }
.wt-gelistirme-bag { margin-top: var(--tt-space-12); text-align: center; }
.wt-sim-kuyruk { margin: 0; }

.wt-sim { display: grid; grid-template-columns: minmax(320px, 440px) minmax(0, 1fr); gap: var(--tt-space-16); align-items: start; }

.wt-tel {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 170px);
  min-height: 520px;
  border: 1px solid var(--tt-border);
  border-radius: var(--tt-radius-xl);
  background-color: var(--tt-surface);
  overflow: hidden;
}
.wt-tel__bas { display: flex; flex-direction: column; gap: var(--tt-space-6); padding: var(--tt-space-12); border-bottom: 1px solid var(--tt-border); }
.wt-tel__bas .tt-help { margin: 0; }

.wt-sohbet {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--tt-space-10);
  padding: var(--tt-space-12);
  overflow-y: auto;
  background-color: var(--tt-surface-secondary);
}
.wt-sohbet__bos { align-self: center; margin: auto 0; color: var(--tt-text-muted); font-size: 13px; text-align: center; }

.wt-balon {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 4px;
  max-width: 85%;
  padding: var(--tt-space-8) var(--tt-space-10);
  border: 1px solid transparent;
  border-radius: 12px 12px 2px 12px;
  background-color: var(--tt-success-subtle);
  color: var(--tt-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.wt-balon:hover { border-color: var(--tt-border-strong); }
.wt-balon:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 2px; }
.wt-balon.is-secili { border-color: var(--tt-primary); box-shadow: 0 0 0 2px var(--tt-primary-subtle); }
.wt-balon__gorsel { display: block; max-width: 220px; max-height: 260px; border-radius: 8px; }
.wt-balon__dosya { margin: 0; font-size: 13px; font-weight: 600; }
.wt-balon__metin { margin: 0; font-size: 14px; white-space: pre-wrap; overflow-wrap: anywhere; }
.wt-balon__alt { display: flex; justify-content: flex-end; gap: var(--tt-space-8); margin: 0; font-size: 11px; color: var(--tt-text-muted); }
.wt-balon__tik.is-bitti { color: var(--tt-info); font-weight: 700; }
.wt-balon__durum { margin: 0; font-size: 12px; color: var(--tt-text-secondary); }
.wt-balon__durum.is-hata { color: var(--tt-danger); }
.wt-balon__durum.is-bitti { color: var(--tt-success); font-weight: 600; }

.wt-yazma { display: flex; flex-direction: column; gap: var(--tt-space-6); padding: var(--tt-space-10) var(--tt-space-12); border-top: 1px solid var(--tt-border); }
.wt-yazma .tt-help { margin: 0; font-size: 11px; }
.wt-yazma__ek { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8); font-size: 13px; overflow-wrap: anywhere; }
.wt-yazma__ek img { max-width: 64px; max-height: 64px; border: 1px solid var(--tt-border); border-radius: 6px; }
/* v1.10: hazır ses / seçilen ses dosyası — dalga grafikli oynatıcı satırın kalanını kaplar (dar ekranda alt satıra iner). */
.wt-yazma__ek .wt-ses-oynatici { flex: 1 1 260px; }
.wt-yazma__ornekler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-6); }
.wt-yazma__satir { display: flex; align-items: flex-end; gap: var(--tt-space-8); }
.wt-yazma__metin { flex: 1 1 auto; min-width: 0; min-height: 44px; resize: vertical; }
.wt-yazma__dosya { white-space: nowrap; }
.wt-yazma__dosya.is-pasif { opacity: 0.55; cursor: not-allowed; }

.wt-hat-kart { display: flex; flex-direction: column; gap: var(--tt-space-12); min-width: 0; }
.wt-hat { display: flex; flex-direction: column; gap: var(--tt-space-10); margin: 0; padding: 0; list-style: none; }
.wt-adim { display: flex; align-items: flex-start; gap: var(--tt-space-10); }
.wt-adim > div { min-width: 0; flex: 1 1 auto; }
.wt-adim__isaret {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border: 2px solid var(--tt-border-strong);
  border-radius: 50%;
}
.wt-adim.is-tamam .wt-adim__isaret { border-color: var(--tt-success); background-color: var(--tt-success); }
.wt-adim.is-suruyor .wt-adim__isaret { border-color: var(--tt-info); border-top-color: transparent; animation: wt-don 0.9s linear infinite; }
.wt-adim.is-hata .wt-adim__isaret { border-color: var(--tt-danger); background-color: var(--tt-danger); }
.wt-adim.is-atlandi .wt-adim__isaret { border-style: dashed; }
.wt-adim__ad { margin: 0; font-size: 14px; font-weight: 600; }
.wt-adim.is-bekliyor .wt-adim__ad,
.wt-adim.is-atlandi .wt-adim__ad { color: var(--tt-text-muted); }
.wt-adim__ayrinti { margin: 2px 0 0; font-size: 13px; color: var(--tt-text-secondary); overflow-wrap: anywhere; }
.wt-hat__detay { margin-top: var(--tt-space-6); }
.wt-hat__detay summary { font-size: 13px; cursor: pointer; }
.wt-hat__detay .wt-kanit__metin { max-height: 320px; overflow: auto; }

@keyframes wt-don { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .wt-adim.is-suruyor .wt-adim__isaret { animation: none; }
}
@media (max-width: 900px) {
  .wt-sim { grid-template-columns: minmax(0, 1fr); }
  .wt-tel { height: 70vh; }
  .wt-gelistirme__bas, .wt-gelistirme__icerik { padding-left: var(--tt-space-16); padding-right: var(--tt-space-16); }
}

/* ── Kategoriler (SDD §20.9; TikTakSiparis menü ekranı kategori listesi) ──────────────── */
.wt-kategori-liste { border-top: 1px solid var(--tt-border); }
.wt-kat-satir { gap: var(--tt-space-8); padding-top: var(--tt-space-4); padding-bottom: var(--tt-space-4); }
.wt-kat-satir > .tt-list__item { display: flex; align-items: center; gap: var(--tt-space-6); flex-wrap: wrap; white-space: normal; }
.wt-kat-bosluk { flex: none; width: 1.5rem; margin-left: var(--tt-space-8); }
.wt-kat-ok { color: var(--tt-text-muted); }
.wt-kat-metin { font-weight: 500; overflow-wrap: anywhere; }
.wt-kat-renk { flex: none; width: 10px; height: 10px; border-radius: var(--tt-radius-full); border: 1px solid var(--tt-border); }
.wt-kat-satir.is-pasif .wt-kat-metin { color: var(--tt-text-muted); text-decoration: line-through; }
.wt-kat-rozet { font-weight: 500; }
.wt-renk-secici { display: block; width: 3rem; height: 2rem; margin-top: var(--tt-space-6); padding: 0; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-sm, 4px); background: none; }
.wt-renk-secici:disabled { opacity: 0.4; }

.wt-kayit-tasi { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-kayit-tasi > p { margin: 0; }
#kt-icerik:not(.tt-hidden) { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-kt-yol { margin: 0 0 var(--tt-space-8); font-size: 16px; font-weight: 600; }
.wt-kt-suzgec { margin-top: var(--tt-space-12); }
.wt-kt-sayfalama:not(.tt-hidden) { display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-8); }

/* ── Kategori grafik raporu (SDD §22.5) ─────────────────────────────────────────────── */
.wt-kg { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-kg-kosullar { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-kg-grup { margin: 0; padding: 0; border: 0; min-width: 0; }
.wt-kg-grup > legend { margin-bottom: var(--tt-space-6); padding: 0; }
/* v1.10: tarihler üst satırda, "veya son … gün" altında (SRS FR-20.20). */
.wt-kg-donem { display: flex; flex-direction: column; align-items: flex-start; gap: var(--tt-space-8); }
.wt-kg-donem__tarihler, .wt-kg-donem__gun { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--tt-space-12); }
.wt-kg-donem .tt-field { margin: 0; min-width: 150px; }
.wt-kg-gun { max-width: 140px; }
.wt-kg-veya { padding-bottom: var(--tt-space-10); color: var(--tt-text-secondary); font-size: 13px; }
.wt-kg-satir { display: flex; flex-wrap: wrap; gap: var(--tt-space-16) var(--tt-space-24); align-items: flex-start; }
.wt-kg-satir .tt-field { margin: 0; min-width: 220px; }
.wt-kg-secenekler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8) var(--tt-space-16); }
.wt-kg-mod .tt-check { margin: 0; }
.wt-kg-kirilim { width: 4.5rem; }
.wt-kg-secim { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--tt-space-16); margin-top: var(--tt-space-12); }
.wt-kg-kutu { display: flex; flex-direction: column; min-width: 0; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); background: var(--tt-surface); }
.wt-kg-kutu__bas { display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-8); padding-right: var(--tt-space-8); }
.wt-kg-kutu__baslik { margin: 0; padding: var(--tt-space-8) var(--tt-space-12); font-size: 13px; font-weight: 600; }
.wt-kg-kutu > .tt-help { margin: 0; padding: var(--tt-space-8) var(--tt-space-12); }
.wt-kg-liste, .wt-kg-secilen { margin: 0; padding: var(--tt-space-4) 0; max-height: 320px; overflow: auto; border-top: 1px solid var(--tt-border); }
.wt-kg-liste { list-style: none; }
.wt-kg-liste__oge { padding-top: 2px; padding-bottom: 2px; }
.wt-kg-liste__oge .tt-check { margin: 0; font-size: 14px; }
.wt-kg-liste.is-pasif .tt-check { color: var(--tt-text-secondary); }
.wt-kg-secilen { padding-left: 2.2rem; }
.wt-kg-secilen__oge { display: flex; align-items: center; gap: var(--tt-space-8); padding: 3px var(--tt-space-8) 3px 0; font-size: 14px; }
.wt-kg-secilen__ad { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.wt-kg-ozet { margin: 0 0 var(--tt-space-12); color: var(--tt-text-secondary); font-size: 14px; }
.wt-kg-seri { display: flex; flex-direction: column; gap: var(--tt-space-12); margin-bottom: var(--tt-space-24); }
.wt-kg-seri__baslik { margin: 0; font-size: 16px; }
.wt-kg-grafikler { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: var(--tt-space-20); align-items: start; }
.wt-kg-grafikler > :only-child { grid-column: 1 / -1; }
.wt-kg-yol { display: block; font-size: 12px; font-weight: 400; color: var(--tt-text-secondary); }
.wt-kg-sifir td { color: var(--tt-text-muted); }
.wt-kg-dis td { font-style: italic; color: var(--tt-text-secondary); }
.wt-kg-tablo tfoot th, .wt-kg-tablo tfoot td { font-weight: 600; }

.wt-grafik { display: flex; flex-direction: column; gap: var(--tt-space-12); min-width: 0; }
.wt-grafik--pasta { flex-direction: row; flex-wrap: wrap; align-items: center; }
.wt-grafik__alan { position: relative; min-width: 0; flex: 1 1 260px; }
.wt-grafik__alan canvas { display: block; max-width: 100%; height: auto; }
.wt-grafik__aciklama { flex: 1 1 220px; display: flex; flex-direction: column; gap: 4px; margin: 0; padding: 0; list-style: none; min-width: 0; }
.wt-grafik__oge { display: flex; align-items: baseline; gap: var(--tt-space-8); padding: 2px 4px; border-radius: var(--tt-radius-sm, 4px); font-size: 13px; }
.wt-grafik__oge.is-vurgu { background: var(--tt-surface-secondary); }
.wt-grafik__renk { display: inline-block; flex: none; width: 10px; height: 10px; border-radius: 2px; vertical-align: middle; }
.wt-grafik__renk.is-bos { border: 1px solid var(--tt-border); }
.wt-grafik__ad { flex: 1; min-width: 0; color: var(--tt-text); overflow-wrap: anywhere; }
.wt-grafik__deger { color: var(--tt-text-secondary); font-variant-numeric: tabular-nums; white-space: nowrap; }
.wt-grafik-ipucu {
  position: absolute; z-index: 5; display: flex; flex-direction: column; gap: 2px; max-width: 260px;
  padding: var(--tt-space-6) var(--tt-space-10); pointer-events: none;
  border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); background: var(--tt-surface);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); color: var(--tt-text); font-size: 12px;
}
.wt-grafik-ipucu span { color: var(--tt-text-secondary); }

/* ── Dil modelleri (LLM) — Merkez (SDD §13.18, §28.2) ──────────────────────────────── */
.wt-dm { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-dm-aktif { margin: 0; }
.wt-dm-aktif code, .wt-dm code { font-size: 12px; overflow-wrap: anywhere; }
.wt-dm-kucuk { font-size: 12px; }
.wt-dm-eylemler { justify-content: flex-end; }
.wt-dm-satir { display: flex; align-items: center; gap: var(--tt-space-8); }
.wt-dm-satir > .tt-input { flex: 1 1 auto; min-width: 0; }
.wt-dm-satir > .tt-btn { flex: 0 0 auto; }
.wt-dm-uyari { margin-bottom: var(--tt-space-12); font-size: 13px; }
.wt-dm-onay { margin: var(--tt-space-12) 0; }
.wt-dm-sayfalama:not(.tt-hidden) { display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-8); }
.wt-ana-merkez-model { margin: var(--tt-space-4) 0 var(--tt-space-8); font-size: 18px; font-weight: 600; overflow-wrap: anywhere; }

/* ── Personel tanımları (SDD §11.5) ve Merkez firmalar (SDD §10.7) ─────────────────── */
.wt-per, .wt-fir { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-per-suzgec, .wt-fir-suzgec { margin-bottom: var(--tt-space-8); }
.wt-per-suzgec .tt-field { min-width: 11rem; margin: 0; }
.wt-per-kucuk { font-size: 12px; }
.wt-per-pasif td { color: var(--tt-text-secondary); }
.wt-per-kutu { display: inline-flex; margin: 0; }
.wt-per-anahtar { display: inline-flex; align-items: center; gap: var(--tt-space-8); white-space: nowrap; cursor: pointer; }
.wt-per-anahtar__metin { font-size: 13px; }
/* v1.10: anahtar arama kutusuyla aynı hizada; yanında "Aktif kullanıcılar" / "Pasif kullanıcılar". */
.wt-per-aktif-suzgec { align-self: flex-end; padding-bottom: var(--tt-space-8); }
.wt-per-anahtar__durum { font-weight: 600; }
.wt-per-hesap { display: flex; flex-direction: column; gap: var(--tt-space-8); margin: var(--tt-space-8) 0 0; padding: 0; border: 0; }
/* v1.10: kullanıcının projeleri penceresi (SDD §19.8). */
.wt-per-proje { display: flex; flex-direction: column; gap: var(--tt-space-8); margin: 0; padding: 0; border: 0; }
.wt-per-proje__liste { display: flex; flex-direction: column; gap: var(--tt-space-4); max-height: 16rem; overflow: auto; margin: 0 0 0 var(--tt-space-24);
  padding: var(--tt-space-8); list-style: none; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); background: var(--tt-surface); }
.wt-per-proje__liste.is-pasif { opacity: 0.55; }
/* v1.10: Profil (SDD §28.9) — hesap bilgileri sütunlu ızgara; şifre formu dar. */
.wt-profil { display: flex; flex-direction: column; gap: var(--tt-space-16); max-width: 760px; }
.wt-profil__bilgi { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--tt-space-16) var(--tt-space-24); margin: 0; }
.wt-profil__bilgi dt { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: var(--tt-text-secondary); }
.wt-profil__bilgi dd { margin: var(--tt-space-4) 0 0; font-weight: 600; overflow-wrap: anywhere; }
.wt-profil__form { max-width: 440px; }
.wt-per-sayfalama:not(.tt-hidden), .wt-fir-sayfalama:not(.tt-hidden) {
  display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-8);
}
.wt-fir-kutu { display: inline-flex; margin: 0; }
.wt-fir-kolon { text-align: center; width: 1%; white-space: nowrap; }
.wt-fir-kutu input:disabled { cursor: not-allowed; }
.wt-fir-suzgec-aciklama { font-size: 13px; color: var(--tt-text-secondary); }

/* ── v1.5: Projeler (SDD §19.7) ──────────────────────────────────────────────────────── */
.wt-proje-bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-12); }
.wt-proje-bas .tt-card__title { margin-right: auto; }
.wt-proje-suzgec { display: flex; flex-wrap: wrap; gap: var(--tt-space-12); }
.wt-proje-suzgec__secenek { margin: 0; white-space: nowrap; }
.wt-proje-liste { border-top: 1px solid var(--tt-border); }
.wt-proje-satir { gap: var(--tt-space-8); padding-top: var(--tt-space-8); padding-bottom: var(--tt-space-8); align-items: center; }
.wt-proje-govde { flex: 1 1 auto; min-width: 0; padding-left: var(--tt-space-4); }
.wt-proje-ad { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-6); margin: 0; }
.wt-proje-alt { margin: var(--tt-space-4) 0 0; font-size: 13px; color: var(--tt-text-secondary); overflow-wrap: anywhere; }
.wt-proje-satir.is-pasif .wt-kat-metin { color: var(--tt-text-muted); text-decoration: line-through; }

/* ── v1.5: Onay ekranı — zorunlu proje, eksik bilgi, mükerrer dosya ─────────────────────── */
.wt-proje-cubuk { margin: var(--tt-space-12) 0; padding: var(--tt-space-12); border: 1px solid var(--tt-primary); border-radius: var(--tt-radius-md);
  background: var(--tt-primary-subtle); }
.wt-proje-cubuk .tt-select { max-width: 420px; }
.wt-proje-cubuk .tt-help { margin-bottom: 0; }
.wt-proje-cubuk.tt-alert { background: var(--tt-warning-subtle); border-color: var(--tt-warning); }
.wt-eksik-bilgi { margin: var(--tt-space-12) 0; }
.wt-eksik-bilgi__baslik { margin: 0 0 var(--tt-space-4); }
.wt-eksik-bilgi__liste { margin: 0 0 var(--tt-space-8); padding-left: var(--tt-space-20); }
.wt-onceki-kayitlar, .wt-onceki__kayitlar { margin: var(--tt-space-8) 0; padding-left: var(--tt-space-20); }
.wt-onceki-kayitlar li, .wt-onceki__kayit { margin-bottom: var(--tt-space-6); overflow-wrap: anywhere; }
.wt-mukerrer-dosya .tt-btn { margin-top: var(--tt-space-8); }

/* ── v1.5: Kanıt sayfası — önceki gönderim ────────────────────────────────────────────── */
.wt-onceki { margin-bottom: var(--tt-space-16); padding: var(--tt-space-16); border-color: var(--tt-warning); box-shadow: inset 4px 0 0 var(--tt-warning); }
.wt-onceki__bas .tt-card__title { margin: var(--tt-space-8) 0 var(--tt-space-4); }
.wt-onceki__ifade { margin: 0; font-weight: 600; }
.wt-onceki__alt { margin: var(--tt-space-4) 0; font-size: 14px; color: var(--tt-text-secondary); }

/* ── v1.5: Test sayfası — kırmızı yuvarlak ses düğmesi ve mükerrer ön denetimi ───────────── */
.wt-kayit-dugme { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
  border: 2px solid var(--tt-danger); border-radius: var(--tt-radius-full); background: var(--tt-surface); cursor: pointer; }
.wt-kayit-dugme:hover:not(:disabled) { background: var(--tt-danger-subtle); }
.wt-kayit-dugme:focus-visible { outline: none; box-shadow: var(--tt-focus-ring); }
.wt-kayit-dugme:disabled { opacity: 0.4; cursor: not-allowed; }
.wt-kayit-dugme__nokta { width: 18px; height: 18px; border-radius: var(--tt-radius-full); background: var(--tt-danger); transition: border-radius 0.15s; }
.wt-kayit-dugme.is-kayitta { background: var(--tt-danger); animation: wt-kayit-nabiz 1.2s ease-in-out infinite; }
.wt-kayit-dugme.is-kayitta .wt-kayit-dugme__nokta { border-radius: 3px; background: var(--tt-danger-on, #fff); }
@keyframes wt-kayit-nabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(220, 38, 38, 0.45); } 50% { box-shadow: 0 0 0 8px rgba(220, 38, 38, 0); } }
@media (prefers-reduced-motion: reduce) { .wt-kayit-dugme.is-kayitta { animation: none; } }
.wt-kayit-durum { margin: var(--tt-space-4) 0 0; font-size: 13px; }
.wt-kayit-durum.is-kayit { color: var(--tt-danger); font-weight: 600; }
.wt-kayit-durum.is-hazir { color: var(--tt-success); font-weight: 600; }
.wt-kayit-durum.is-hata { color: var(--tt-danger); }
.wt-yazma__ek audio { max-width: 220px; height: 32px; }
.wt-sim-mukerrer { margin: 0; font-size: 13px; }
.wt-sim-mukerrer p { margin: 0 0 var(--tt-space-4); }
.wt-sim-mukerrer__ozet { color: var(--tt-text-secondary); overflow-wrap: anywhere; }

/* ── v1.5: İşaretli açılır liste (rapor proje süzgeci) ─────────────────────────────────── */
.wt-coklu { position: relative; min-width: 200px; }
.wt-coklu__dugme { width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.wt-coklu__panel { position: absolute; z-index: 20; top: 100%; left: 0; right: 0; min-width: 240px; margin-top: var(--tt-space-4);
  padding: var(--tt-space-8); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); background: var(--tt-surface);
  box-shadow: var(--tt-shadow-md); }
.wt-coklu__panel[hidden] { display: none; }
.wt-coklu__bas { display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-8); margin-bottom: var(--tt-space-6); }
.wt-coklu__liste { max-height: 260px; overflow-y: auto; margin: 0; padding: 0; list-style: none; }
.wt-coklu__liste .tt-check { margin: 0; padding: var(--tt-space-4) var(--tt-space-6); border-radius: var(--tt-radius-sm); }
.wt-coklu__liste .tt-check:hover { background: var(--tt-surface-secondary); }

/* ── Dar ekran ─────────────────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .wt-kg-grafikler { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .wt-dm-satir { flex-wrap: wrap; }
  .wt-dm-satir > .tt-btn { flex: 1 1 auto; }
  .wt-dm-eylemler { justify-content: flex-start; }
  .wt-kg-secim { grid-template-columns: minmax(0, 1fr); }
  .wt-kat-satir > .tt-table-actions { width: 100%; padding-left: calc(1.5rem + var(--tt-space-16)); }
  .wt-proje-satir { flex-wrap: wrap; }
  .wt-proje-satir > .tt-table-actions { width: 100%; padding-left: calc(1.5rem + var(--tt-space-16)); }
  .wt-proje-cubuk .tt-select { max-width: none; }
  .wt-yazma__satir { flex-wrap: wrap; }
  .wt-yazma__metin { flex-basis: 100%; order: -1; }
  .wt-kt-suzgec { grid-template-columns: minmax(0, 1fr); }
  .wt-alanlar { grid-template-columns: minmax(0, 1fr); }
  .wt-ifade { font-size: 18px; }
  .wt-zil__sayac { font-size: 12px; }
  .wt-eylemler .tt-btn { flex: 1 1 auto; }
}

/* ══ v1.6: İşlemler ve onay — operasyon ekranı (SDD §28.5) ═══════════════════════════════════════════════════════════
   Renk dili: birincil Claude turuncusu (eylem, vurgu), tür renkleri — Gelir yeşil, Gider kırmızı, Borç sarı-kahve, Alacak
   mürekkep mavisi; eski değer kırmızı/üstü çizili, yeni değer yeşil. */
.app-sidebar .tt-sidebar-menu__link, .app-sidebar .tt-sidebar-menu__link:hover { text-decoration: none; }
.app-sidebar .tt-sidebar-menu__link:hover .tt-nav-icon { background-color: var(--tt-primary); }
.wt-islemler { display: flex; flex-direction: column; gap: var(--tt-space-16); max-width: 76rem; }

/* Özet şeridi */
.wt-kpi { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--tt-space-12); }
.wt-kpi__oge { display: flex; align-items: center; gap: var(--tt-space-12); padding: var(--tt-space-12) var(--tt-space-16);
  border: 1px solid var(--tt-border); border-radius: var(--tt-radius-lg); background: var(--tt-surface); box-shadow: var(--tt-shadow-sm); }
.wt-kpi__oge--vurgu { border-color: var(--wt-vurgu); box-shadow: inset 4px 0 0 var(--wt-vurgu), var(--tt-shadow-sm); }
.wt-kpi__ikon { display: inline-flex; flex: none; align-items: center; justify-content: center; width: 40px; height: 40px;
  border-radius: var(--tt-radius-full); background: var(--wt-vurgu-zemin); color: var(--tt-primary); font-size: 18px; }
.wt-kpi__ikon--uyari { background: var(--tt-warning-subtle); color: var(--tt-warning); }
.wt-kpi__ikon--bilgi { background: var(--wt-murekkep-zemin); color: var(--wt-murekkep); }
.wt-kpi__deger { margin: 0; font-size: 22px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.wt-kpi__etiket { margin: 0; font-size: 12px; color: var(--tt-text-secondary); }
/* v1.10 (SDD §28.9): özet kutuları düğmedir — tıklanınca kutunun işlemleri alttaki panelde listelenir. */
.wt-kpi__metin { display: flex; flex-direction: column; min-width: 0; }
.wt-kpi__metin .wt-kpi__deger, .wt-kpi__metin .wt-kpi__etiket { display: block; }
button.wt-kpi__oge { width: 100%; margin: 0; color: inherit; font: inherit; text-align: left; cursor: pointer;
  transition: border-color 0.15s, background-color 0.15s, box-shadow 0.15s; }
button.wt-kpi__oge:hover { border-color: var(--wt-vurgu); background: color-mix(in srgb, var(--wt-vurgu-zemin) 60%, var(--tt-surface)); }
button.wt-kpi__oge:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--tt-focus-ring); }
button.wt-kpi__oge[aria-pressed="true"] { border-color: var(--tt-primary); background: var(--wt-vurgu-zemin);
  box-shadow: inset 0 -3px 0 var(--tt-primary), var(--tt-shadow-sm); }
.wt-kpi-panel[hidden] { display: none; }
.wt-kpi-panel__bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8); padding: var(--tt-space-12) var(--tt-space-16); }
.wt-kpi-panel__baslik { margin: 0; }
.wt-kpi-panel__baslik:focus { outline: none; }
.wt-kpi-panel__kapat { margin-left: auto; }
.wt-kpi-panel__aciklama { margin: 0; }
.wt-rozet--onayli { background-color: var(--tt-success-subtle); color: var(--tt-success); }
.wt-islem.is-son-onay { border-color: var(--tt-success); box-shadow: inset 4px 0 0 var(--tt-success); }

/* Bölüm başlığı */
.wt-bolum-bas { display: flex; flex-direction: column; gap: var(--tt-space-4); margin-bottom: var(--tt-space-12); }
.wt-bolum-bas__baslik { display: flex; align-items: center; gap: var(--tt-space-8); margin: 0; font-size: 17px; font-weight: 700; }
.wt-bolum-bas__baslik .wt-ikon { color: var(--tt-primary); }
.wt-bolum-bas__aciklama { margin: 0; font-size: 13px; color: var(--tt-text-secondary); }

/* Yeni işlem */
.wt-dosya-dugme { cursor: pointer; }
.wt-dosya-dugme .wt-ikon { color: var(--tt-primary); }

/* Analiz sonucu */
.wt-adimlar { display: flex; flex-wrap: wrap; gap: var(--tt-space-6); margin: 0; padding: 0; list-style: none; counter-reset: adim; }
.wt-adim { position: relative; padding: var(--tt-space-4) var(--tt-space-10) var(--tt-space-4) var(--tt-space-24); border-radius: var(--tt-radius-full);
  background: var(--tt-surface); color: var(--tt-text-muted); font-size: 12px; font-weight: 600; counter-increment: adim; }
.wt-adim::before { content: counter(adim); position: absolute; left: 6px; top: 50%; display: inline-flex; align-items: center; justify-content: center;
  width: 14px; height: 14px; margin-top: -7px; border-radius: 50%; background: var(--tt-border); color: var(--tt-text); font-size: 9px; }
.wt-adim.is-tamam { color: var(--tt-success); }
.wt-adim.is-tamam::before { content: "\2713"; background: var(--tt-success); color: #fff; }
.wt-adim.is-etkin { color: var(--tt-primary); background: var(--tt-surface); box-shadow: inset 0 0 0 1px var(--wt-vurgu); }
.wt-adim.is-etkin::before { background: var(--wt-vurgu); color: #fff; animation: wt-dondur 1.2s linear infinite; }
@keyframes wt-dondur { from { transform: rotate(0); } to { transform: rotate(360deg); } }
.wt-nabiz { animation: wt-nabiz 1.6s ease-in-out 3; }
@keyframes wt-nabiz { 0%, 100% { box-shadow: 0 0 0 0 rgba(217, 119, 87, 0.5); } 50% { box-shadow: 0 0 0 8px rgba(217, 119, 87, 0); } }
@media (prefers-reduced-motion: reduce) { .wt-nabiz, .wt-adim.is-etkin::before { animation: none; } }

/* Akordiyon */
.wt-akordiyon { border: 1px solid var(--tt-border); border-radius: var(--tt-radius-lg); background: var(--tt-surface); box-shadow: var(--tt-shadow-sm); }
.wt-akordiyon.is-acik { border-color: var(--tt-border-strong); }
.wt-akordiyon__bas { margin: 0; font-size: inherit; }
.wt-akordiyon__dugme { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8); width: 100%; padding: var(--tt-space-14) var(--tt-space-16);
  border: 0; border-radius: var(--tt-radius-lg); background: transparent; color: var(--tt-text); font: inherit; text-align: left; cursor: pointer; }
.wt-akordiyon__dugme:hover { background: var(--tt-surface-secondary); }
.wt-akordiyon__dugme:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: -2px; }
.wt-akordiyon__ikon { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: var(--tt-radius-full);
  background: var(--wt-vurgu-zemin); color: var(--tt-primary); }
.wt-akordiyon__ikon--murekkep { background: var(--wt-murekkep-zemin); color: var(--wt-murekkep); }
.wt-akordiyon__baslik { font-size: 16px; font-weight: 700; }
.wt-akordiyon__sayac { font-size: 15px; font-weight: 700; color: var(--tt-primary); font-variant-numeric: tabular-nums; }
.wt-akordiyon__alt { font-size: 12px; color: var(--tt-text-muted); }
.wt-rozet-sayac { font-size: 13px; font-weight: 600; color: var(--tt-text-secondary); }
.wt-rozet-sayac--duzenlendi { color: var(--tt-warning); }
.wt-akordiyon__ok { margin-left: auto; color: var(--tt-text-muted); transition: transform 0.15s; }
.wt-akordiyon.is-acik .wt-akordiyon__ok { transform: rotate(180deg); }
.wt-akordiyon__govde { display: flex; flex-direction: column; gap: var(--tt-space-10); padding: 0 var(--tt-space-16) var(--tt-space-16); }
.wt-akordiyon__govde[hidden] { display: none; }
.wt-liste-arac { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--tt-space-8); }
.wt-sonsuz { height: 1px; }

/* Bölümlü seçici (süzgeç, kişi/firma) */
.wt-secici { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 3px; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-full);
  background: var(--tt-surface-secondary); }
.wt-secici.tt-hidden { display: none; }
.wt-secici__oge { display: inline-flex; align-items: center; gap: var(--tt-space-4); padding: var(--tt-space-4) var(--tt-space-12); border: 0;
  border-radius: var(--tt-radius-full); background: transparent; color: var(--tt-text-secondary); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.wt-secici__oge.is-secili { background: var(--tt-surface); color: var(--tt-primary); box-shadow: var(--tt-shadow-sm); }
.wt-secici__oge:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 1px; }

/* İşlem satırları */
.wt-islem-liste { display: flex; flex-direction: column; gap: var(--tt-space-8); margin: 0; padding: 0; list-style: none; }
.wt-islem { border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); background: var(--tt-surface); transition: border-color 0.15s, box-shadow 0.15s; }
.wt-islem:hover { border-color: var(--tt-border-strong); }
.wt-islem.is-duzenlendi { box-shadow: inset 4px 0 0 var(--tt-warning); }
.wt-islem.is-acik { border-color: var(--wt-vurgu); box-shadow: 0 0 0 3px var(--tt-focus-ring); }
.wt-islem--secili { border-style: dashed; }
.wt-islem__satir { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; }
.wt-islem__ac { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto 20px; align-items: center; gap: var(--tt-space-12); min-width: 0;
  padding: var(--tt-space-10) var(--tt-space-12); border: 0; border-radius: var(--tt-radius-md) 0 0 var(--tt-radius-md); background: transparent;
  color: var(--tt-text); font: inherit; text-align: left; cursor: pointer; }
.wt-islem__ac:hover { background: var(--tt-surface-secondary); }
.wt-islem__ac:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: -2px; }
.wt-islem__turikon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: var(--tt-radius-full); font-size: 16px; }
.wt-islem__govde { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.wt-islem__ust { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-6); }
.wt-islem__ifade { overflow: hidden; font-size: 14.5px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.wt-islem__alt { display: flex; flex-wrap: wrap; gap: var(--tt-space-4) var(--tt-space-12); font-size: 12.5px; color: var(--tt-text-secondary); }
.wt-islem__bilgi { display: inline-flex; align-items: center; gap: var(--tt-space-4); white-space: nowrap; }
.wt-islem__bilgi .wt-ikon { color: var(--tt-text-muted); }
.wt-islem__kategori { color: var(--tt-text); font-weight: 600; }
.wt-islem__aciklama { overflow: hidden; font-size: 12.5px; color: var(--tt-text-muted); text-overflow: ellipsis; white-space: nowrap; }
.wt-islem__tutar { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wt-islem__ok { color: var(--tt-text-muted); transition: transform 0.15s; }
.wt-islem.is-acik .wt-islem__ok { transform: rotate(180deg); }
.wt-islem__kanit { display: inline-flex; align-items: center; gap: 2px; padding: 0 var(--tt-space-12); border-left: 1px solid var(--tt-border);
  color: var(--tt-text-secondary); font-size: 16px; text-decoration: none; }
.wt-islem__kanit:hover { background: var(--wt-vurgu-zemin); color: var(--tt-primary); }
.wt-islem__kanit-sayi { font-size: 11px; font-weight: 700; }
.wt-islem__detay { padding: var(--tt-space-12) var(--tt-space-16) var(--tt-space-16); border-top: 1px solid var(--tt-border); background: var(--tt-bg); }
.wt-islem__detay[hidden] { display: none; }

/* Tür renkleri */
.wt-tur--gelir { background: var(--tt-success-subtle); color: var(--tt-success); }
.wt-tur--gider { background: var(--tt-danger-subtle); color: var(--tt-danger); }
.wt-tur--borc { background: var(--tt-warning-subtle); color: var(--tt-warning); }
.wt-tur--alacak { background: var(--wt-murekkep-zemin); color: var(--wt-murekkep); }
.wt-tur--yok { background: var(--tt-surface-secondary); color: var(--tt-text-muted); }
.wt-tur-metin--gelir { color: var(--tt-success); }
.wt-tur-metin--gider { color: var(--tt-danger); }
.wt-tur-metin--borc { color: var(--tt-warning); }
.wt-tur-metin--alacak { color: var(--wt-murekkep); }
.wt-tur { display: inline-flex; flex: none; align-items: center; gap: var(--tt-space-4); padding: 2px var(--tt-space-8); border-radius: var(--tt-radius-full);
  font-size: 12px; font-weight: 700; }

/* Rozetler */
.wt-rozet { display: inline-flex; align-items: center; gap: 3px; }
.wt-rozet--yeni { background-color: var(--tt-success-subtle); color: var(--tt-success); }
.wt-rozet--duzenlendi { background-color: var(--tt-warning-subtle); color: var(--tt-warning); }
.wt-rozet--uyari { background-color: var(--tt-warning-subtle); color: var(--tt-warning); }
.wt-rozet--tehlike { background-color: var(--tt-danger-subtle); color: var(--tt-danger); }
.wt-rozet--bilgi { background-color: var(--wt-murekkep-zemin); color: var(--wt-murekkep); }
.wt-rozet-duzenlendi { display: inline-flex; align-items: center; gap: 4px; color: var(--tt-warning); background-color: var(--tt-warning-subtle); }

/* Onay kartı (v1.6 ekleri) */
.wt-onay-kart__rozetler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8); }
.wt-onay-kart__meta .wt-ikon { color: var(--tt-text-muted); }
.wt-kayit__bas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-10); }
.wt-kayit--eklendi { border-color: var(--tt-success); box-shadow: inset 4px 0 0 var(--tt-success); }
.wt-kategori { display: inline-flex; align-items: center; gap: var(--tt-space-4); }
.wt-kategori .wt-ikon { color: var(--tt-primary); }
.wt-kategori__yol { display: block; font-size: 12px; font-weight: 400; color: var(--tt-text-muted); }
.wt-cari { display: inline-flex; align-items: center; gap: var(--tt-space-4); font-weight: 600; }
.wt-cari .wt-ikon { color: var(--wt-murekkep); }
.wt-alan.is-degisti { padding-left: var(--tt-space-8); border-left: 3px solid var(--tt-warning); }
.wt-duzenlendi-bant { display: flex; align-items: flex-start; gap: var(--tt-space-8); margin: 0; border: 1px solid var(--tt-warning);
  background: var(--tt-warning-subtle); color: var(--tt-text); }
.wt-duzenlendi-bant .wt-ikon { color: var(--tt-warning); margin-top: 2px; }
.wt-proje-cubuk .tt-label .wt-ikon { color: var(--tt-primary); }

/* Eski / yeni karşılaştırması (SRS FR-14.18) */
.wt-farklar { display: flex; flex-direction: column; margin: 0; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); overflow: hidden; }
.wt-farklar__satir { display: grid; grid-template-columns: minmax(7rem, 0.8fr) minmax(0, 1fr) minmax(0, 1fr); gap: var(--tt-space-8);
  padding: var(--tt-space-6) var(--tt-space-10); border-top: 1px solid var(--tt-border); font-size: 13.5px; }
.wt-farklar__satir--bas { border-top: 0; background: var(--tt-surface-secondary); font-size: 11px; font-weight: 700; letter-spacing: 0.02em;
  text-transform: uppercase; color: var(--tt-text-muted); }
.wt-farklar__alan { font-weight: 600; }
.wt-fark-eski { color: var(--tt-danger); }
.wt-fark-eski del { text-decoration-thickness: 1.5px; }
.wt-fark-yeni { color: var(--tt-success); }
.wt-fark-yeni ins { font-weight: 700; text-decoration: none; }
.wt-farklar--cikarilan { padding: var(--tt-space-8) var(--tt-space-10); }
.wt-farklar--cikarilan ul { margin: var(--tt-space-4) 0 0; padding-left: var(--tt-space-20); }
.wt-fark-not { display: flex; align-items: center; gap: var(--tt-space-6); margin: 0; font-size: 13px; color: var(--tt-text-secondary); }
.wt-fark-not--yeni { color: var(--tt-success); font-weight: 600; }

/* Yeni müşteri tespit edildi */
.wt-yeni-cari { display: flex; flex-direction: column; gap: var(--tt-space-8); margin: 0; padding: var(--tt-space-10) var(--tt-space-12);
  border: 1px dashed var(--wt-vurgu); border-radius: var(--tt-radius-md); background: var(--wt-vurgu-zemin); }
.wt-yeni-cari__baslik { display: flex; align-items: center; gap: var(--tt-space-6); padding: 0 var(--tt-space-4); font-weight: 700; color: var(--tt-primary-pressed); }
.wt-yeni-cari__aciklama { margin: 0; font-size: 13px; color: var(--tt-text-secondary); }
.wt-yeni-cari--salt { flex-direction: row; align-items: flex-start; font-size: 13px; }
.wt-yeni-cari--salt .wt-ikon { color: var(--tt-primary); margin-top: 2px; }
.wt-yeni-cari--form { margin-top: var(--tt-space-8); }
.wt-yeni-cari.tt-hidden { display: none; }
html[data-tt-theme="dark"] .wt-yeni-cari__baslik { color: var(--tt-primary); }

/* Eylem sonrası */
.wt-tamam { display: flex; flex-direction: column; align-items: flex-start; gap: var(--tt-space-10); padding: var(--tt-space-12) var(--tt-space-4); }
.wt-tamam__ikon { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: var(--tt-radius-full);
  background: var(--tt-success-subtle); color: var(--tt-success); font-size: 20px; }
.wt-tamam__metin { margin: 0; font-size: 15px; font-weight: 600; }
.wt-tamam__metin:focus { outline: none; }

@media (max-width: 1024px) {
  .wt-kpi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  /* Dar ekranda üst çubuk sığsın: sayfa başlığı gövdede zaten var; tema ve kullanıcı adı yalnız simge. */
  .tt-topbar-title, .tt-theme-switch__label, .tt-usermenu__name { display: none; }
  .wt-kpi { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--tt-space-8); }
  .wt-kpi__oge { padding: var(--tt-space-10); gap: var(--tt-space-8); }
  .wt-kpi__ikon { width: 32px; height: 32px; font-size: 15px; }
  .wt-kpi__deger { font-size: 18px; }
  .wt-akordiyon__dugme { padding: var(--tt-space-12); }
  .wt-akordiyon__govde { padding: 0 var(--tt-space-10) var(--tt-space-12); }
  .wt-islem__ac { grid-template-columns: 32px minmax(0, 1fr) 16px; grid-template-areas: "ikon govde ok" "ikon tutar ok"; row-gap: 2px; padding: var(--tt-space-8); }
  .wt-islem__turikon { grid-area: ikon; width: 32px; height: 32px; }
  .wt-islem__govde { grid-area: govde; }
  .wt-islem__tutar { grid-area: tutar; }
  .wt-islem__ok { grid-area: ok; }
  .wt-islem__ifade { white-space: normal; }
  .wt-islem__detay { padding: var(--tt-space-10) var(--tt-space-8) var(--tt-space-12); }
  .wt-farklar__satir { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .wt-farklar__alan { grid-column: 1 / -1; }
  .wt-farklar__satir--bas span:first-child { display: none; }
}

/* v1.6 işlem raporu (SDD §22.7) */
.wt-rapor { display: flex; flex-direction: column; gap: var(--tt-space-16); }
.wt-rapor__suzgec { display: flex; flex-direction: column; gap: var(--tt-space-12); }
.wt-rapor__form { display: grid; grid-template-columns: minmax(220px, 2fr) auto minmax(140px, 1fr) minmax(140px, 1fr) minmax(160px, 1fr);
  gap: var(--tt-space-12); align-items: end; }
.wt-rapor__form .tt-field { margin: 0; min-width: 0; }
.wt-rapor__eylem { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: var(--tt-space-8); }
.wt-arama-kutu { position: relative; }
.wt-arama-kutu > .wt-ikon { position: absolute; top: 50%; left: var(--tt-space-10); transform: translateY(-50%); color: var(--tt-text-muted); pointer-events: none; }
.wt-arama-kutu > .tt-input { padding-left: 34px; width: 100%; }
.wt-rapor__ozet { display: flex; flex-direction: column; gap: var(--tt-space-8); }
.wt-rapor__ozet:empty, .wt-rapor__cariler:empty { display: none; }
.wt-rapor__toplam .wt-kpi__deger { font-size: 19px; }
.wt-rapor__net { margin: 0; font-size: 14px; }
.wt-rapor__cariler { display: flex; flex-direction: column; gap: var(--tt-space-10); }
.wt-rapor__cari-liste { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: var(--tt-space-10); }
.wt-rapor__cari { padding: var(--tt-space-12) var(--tt-space-16); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-lg);
  background: var(--tt-surface); box-shadow: inset 4px 0 0 var(--wt-murekkep); }
.wt-rapor__cari header { display: flex; align-items: center; gap: var(--tt-space-8); margin-bottom: var(--tt-space-8); }
.wt-rapor__cari header .wt-ikon { color: var(--wt-murekkep); }
.wt-rapor__cari header .tt-muted { margin-left: auto; font-size: 12px; }
.wt-rapor__cari ul { display: flex; flex-direction: column; gap: var(--tt-space-6); margin: 0; padding: 0; list-style: none; }
.wt-rapor__cari li { display: flex; align-items: center; gap: var(--tt-space-8); font-size: 13px; }
.wt-rapor__cari li strong { margin-left: auto; font-variant-numeric: tabular-nums; }
.wt-rapor__cari-adet { color: var(--tt-text-secondary); font-size: 12px; }
.wt-rapor__tablo td { vertical-align: top; }
.wt-rapor__islem { color: inherit; font-weight: 600; text-decoration: none; }
.wt-rapor__islem:hover { color: var(--tt-primary); text-decoration: underline; }
.wt-sag { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wt-rapor__aralik { font-size: 13px; }
@media (max-width: 1024px) {
  .wt-rapor__form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .wt-rapor__arama, .wt-rapor__form > .tt-field:nth-child(2) { grid-column: 1 / -1; }
}
@media (max-width: 640px) {
  .wt-rapor__form .wt-secici { display: flex; }
  .wt-rapor__form .wt-secici__oge { flex: 1 1 auto; justify-content: center; }
  .wt-rapor__eylem .tt-btn--primary { flex: 1 1 auto; justify-content: center; }
}

/* ── v1.7 / v1.10: Ses oynatıcı — [hız][oynat/duraklat][dalga grafiği][süre] (WhatsApp gibi; SDD §28.6, §28.9). Dalgaya tıklanan
   noktadan çalar; <audio> gizli kalır (oynatmayı o yapar). ─────────────── */
.wt-ses-oynatici { display: flex; align-items: center; gap: var(--tt-space-6); width: 100%; max-width: 32rem; min-width: 0;
  padding: var(--tt-space-4) var(--tt-space-10) var(--tt-space-4) var(--tt-space-4); border: 1px solid var(--tt-border);
  border-radius: var(--tt-radius-full); background: var(--tt-surface); vertical-align: middle; }
.wt-ses-oynatici > audio { display: none; }
.wt-ses-oynatici:has(> audio.tt-hidden), .wt-ses-oynatici:has(> audio[hidden]) { display: none; }
.wt-ses-oynat { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0;
  border: 0; border-radius: var(--tt-radius-full); background: var(--tt-primary); color: var(--tt-primary-on); font-size: 16px; cursor: pointer;
  transition: background-color 0.15s; }
.wt-ses-oynat:hover { background: var(--tt-primary-hover); }
.wt-ses-oynat:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--tt-focus-ring); }
.wt-ses-oynat .wt-i-oynat { margin-left: 2px; }
.wt-ses-dalga { position: relative; flex: 1 1 auto; min-width: 88px; height: 34px; border-radius: var(--tt-radius-sm); cursor: pointer;
  touch-action: none; user-select: none; }
.wt-ses-dalga:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--tt-focus-ring); }
.wt-ses-dalga__katman { position: absolute; inset: 0; display: flex; align-items: center; gap: 2px; pointer-events: none; }
.wt-ses-dalga__cubuk { flex: 1 1 0; min-width: 1px; min-height: 3px; border-radius: 2px; background: color-mix(in srgb, var(--tt-text-muted) 45%, transparent); }
.wt-ses-dalga__katman--dolu { clip-path: inset(0 100% 0 0); }
.wt-ses-dalga__katman--dolu .wt-ses-dalga__cubuk { background: var(--tt-primary); }
.wt-ses-dalga.is-yukleniyor .wt-ses-dalga__katman { animation: wt-ses-nabiz 1.2s ease-in-out infinite; }
@keyframes wt-ses-nabiz { 50% { opacity: 0.45; } }
.wt-ses-sure { flex: none; min-width: 5.4em; font-size: 12px; color: var(--tt-text-secondary); font-variant-numeric: tabular-nums;
  text-align: right; white-space: nowrap; }
@media (max-width: 420px) {
  .wt-ses-oynatici { gap: var(--tt-space-4); padding-right: var(--tt-space-6); }
  .wt-ses-sure { min-width: 0; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .wt-ses-dalga.is-yukleniyor .wt-ses-dalga__katman { animation: none; } }
.wt-ses-hiz { flex: none; min-width: 44px; height: 28px; padding: 0 var(--tt-space-8); border: 1px solid var(--tt-border); border-radius: var(--tt-radius-full);
  background: var(--wt-vurgu-zemin); color: var(--tt-primary); font-size: 12px; font-weight: 700; line-height: 1;
  font-variant-numeric: tabular-nums; cursor: pointer; transition: background-color 0.15s, color 0.15s; }
.wt-ses-hiz:hover { border-color: var(--tt-primary); }
.wt-ses-hiz:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--tt-focus-ring); }
.wt-ses-hiz.is-hizli { border-color: var(--tt-primary); background: var(--tt-primary); color: var(--tt-primary-on); }

/* ── v1.7: Kategori raporu — kategori başlığından hareket akordiyonu ve hareket ayrıntısı (SDD §22.8) ─────────── */
.wt-kg-ac { display: flex; align-items: flex-start; gap: var(--tt-space-8); width: 100%; padding: 0; border: 0; background: none; color: inherit;
  font: inherit; text-align: left; cursor: pointer; }
.wt-kg-ac:focus-visible { outline: none; border-radius: var(--tt-radius-sm); box-shadow: 0 0 0 3px var(--tt-focus-ring); }
.wt-kg-ac__ok { flex: none; display: inline-flex; margin-top: 2px; color: var(--tt-primary); transition: transform 0.15s; transform: rotate(-90deg); }
.wt-kg-ac[aria-expanded="true"] .wt-kg-ac__ok { transform: none; }
.wt-kg-ac:hover .wt-kg-ac__metin { color: var(--tt-primary); }
.wt-kg-ac__metin { min-width: 0; font-weight: 600; }
.wt-kg-dilim.is-acik td { background: var(--wt-vurgu-zemin); }
/* v1.12 ek: grafikten tıklanınca sayfa bu satıra kayar; üst çubuğun altında kalmasın. */
.wt-kg-dilim { scroll-margin-top: calc(var(--tt-topbar-height) + var(--tt-space-16)); }
.wt-kg-hareket-satiri > td { padding: 0 var(--tt-space-8) var(--tt-space-12) var(--tt-space-24); background: var(--wt-vurgu-zemin); }
.wt-kg-hareketler { display: flex; flex-direction: column; align-items: flex-start; gap: var(--tt-space-8); }
.wt-kg-hareketler__bas { margin: var(--tt-space-4) 0 0; font-size: 12px; font-weight: 600; color: var(--tt-text-secondary); }
.wt-kg-hareket-liste { align-self: stretch; margin: 0; padding: 0; list-style: none; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md);
  background: var(--tt-surface); overflow: hidden; }
.wt-kg-hareket + .wt-kg-hareket { border-top: 1px solid var(--tt-border); }
.wt-kg-hareket__ac { display: flex; align-items: center; gap: var(--tt-space-10); width: 100%; padding: var(--tt-space-8) var(--tt-space-12); border: 0;
  background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.wt-kg-hareket__ac:hover { background: var(--tt-surface-secondary); }
.wt-kg-hareket__ac:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--tt-primary); }
.wt-kg-hareket__tarih { flex: none; width: 84px; font-size: 12px; color: var(--tt-text-secondary); font-variant-numeric: tabular-nums; }
.wt-kg-hareket__govde { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.wt-kg-hareket__ifade { overflow: hidden; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.wt-kg-hareket__alt { overflow: hidden; font-size: 12px; color: var(--tt-text-secondary); text-overflow: ellipsis; white-space: nowrap; }
.wt-kg-hareket__durum { flex: none; }
.wt-kg-hareket__tutar { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wt-kg-hareket__ok { flex: none; display: inline-flex; color: var(--tt-text-muted); transition: transform 0.15s; }
.wt-kg-hareket.is-acik .wt-kg-hareket__ok { transform: rotate(180deg); }
.wt-kg-hareket.is-acik > .wt-kg-hareket__ac { background: var(--tt-surface-secondary); }
.wt-kg-hareket__detay { padding: var(--tt-space-10) var(--tt-space-12) var(--tt-space-12); border-top: 1px dashed var(--tt-border); background: var(--tt-surface-secondary); }
.wt-kg-ayrinti { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--tt-space-8) var(--tt-space-16); margin: 0; }
.wt-kg-ayrinti dt { font-size: 11px; font-weight: 600; letter-spacing: 0.02em; text-transform: uppercase; color: var(--tt-text-muted); }
.wt-kg-ayrinti dd { margin: 2px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.wt-kg-ayrinti__eylem { display: flex; flex-wrap: wrap; gap: var(--tt-space-8); margin-top: var(--tt-space-10); }
@media (max-width: 760px) {
  .wt-kg-ayrinti { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wt-kg-hareket-satiri > td { padding-left: var(--tt-space-8); }
  .wt-kg-hareket__tarih { width: auto; }
  .wt-kg-hareket__ac { flex-wrap: wrap; }
  .wt-kg-hareket__govde { flex-basis: 100%; order: 3; }
}
@media (prefers-reduced-motion: reduce) { .wt-kg-ac__ok, .wt-kg-hareket__ok { transition: none; } }
.tt-table--hover tbody tr.wt-kg-hareket-satiri:hover > td { background: var(--wt-vurgu-zemin); }

/* ── v1.8: Onay bekleyen satır renkleri (FR-14.22) — kendi bekleyen: Claude turuncusu; onaydan sonra düzenlenmiş bekleyen: %25
   açık ton; diğer kişilerin bekleyenleri: %50 açık ton; onaylananlar: beyaz. Ton, yüzey rengiyle karışımdır (koyu temada da). ── */
.wt-islem.is-bekleyen-kendi { border-color: var(--tt-primary); background: var(--tt-primary); }
.wt-islem.is-bekleyen-duzenlendi { border-color: color-mix(in srgb, var(--tt-primary) 80%, var(--tt-surface));
  background: color-mix(in srgb, var(--tt-primary) 75%, var(--tt-surface)); }
.wt-islem.is-bekleyen-diger { border-color: color-mix(in srgb, var(--tt-primary) 55%, var(--tt-surface));
  background: color-mix(in srgb, var(--tt-primary) 50%, var(--tt-surface)); }
.wt-islem-liste--onayli .wt-islem { background: var(--tt-surface); }
/* Turuncu zeminde okunurluk: tam tonda birincil-üstü renk (açık temada beyaz), açık tonlarda ana metin rengi. */
.wt-islem.is-bekleyen-kendi .wt-islem__ac,
.wt-islem.is-bekleyen-kendi .wt-islem__alt,
.wt-islem.is-bekleyen-kendi .wt-islem__kategori,
.wt-islem.is-bekleyen-kendi .wt-islem__aciklama,
.wt-islem.is-bekleyen-kendi .wt-islem__bilgi .wt-ikon,
.wt-islem.is-bekleyen-kendi .wt-islem__ok,
.wt-islem.is-bekleyen-kendi .wt-islem__tutar,
.wt-islem.is-bekleyen-kendi .wt-islem__kanit { color: var(--tt-primary-on); }
.wt-islem.is-bekleyen-kendi .wt-islem__kanit { border-left-color: color-mix(in srgb, var(--tt-primary-on) 35%, transparent); }
.wt-islem.is-bekleyen-duzenlendi .wt-islem__alt, .wt-islem.is-bekleyen-diger .wt-islem__alt,
.wt-islem.is-bekleyen-duzenlendi .wt-islem__aciklama, .wt-islem.is-bekleyen-diger .wt-islem__aciklama,
.wt-islem.is-bekleyen-duzenlendi .wt-islem__bilgi .wt-ikon, .wt-islem.is-bekleyen-diger .wt-islem__bilgi .wt-ikon,
.wt-islem.is-bekleyen-duzenlendi .wt-islem__ok, .wt-islem.is-bekleyen-diger .wt-islem__ok,
.wt-islem.is-bekleyen-duzenlendi .wt-islem__tutar, .wt-islem.is-bekleyen-diger .wt-islem__tutar,
.wt-islem.is-bekleyen-duzenlendi .wt-islem__kanit, .wt-islem.is-bekleyen-diger .wt-islem__kanit { color: var(--tt-text); }
.wt-islem.is-bekleyen-duzenlendi .wt-islem__kanit, .wt-islem.is-bekleyen-diger .wt-islem__kanit {
  border-left-color: color-mix(in srgb, var(--tt-text) 20%, transparent); }
.wt-islem[class*="is-bekleyen-"] .wt-islem__ac:hover,
.wt-islem[class*="is-bekleyen-"] .wt-islem__kanit:hover { background: color-mix(in srgb, var(--tt-text) 10%, transparent); color: inherit; }
.wt-islem.is-bekleyen-kendi .wt-islem__ac:hover, .wt-islem.is-bekleyen-kendi .wt-islem__kanit:hover { color: var(--tt-primary-on); }
.wt-islem.is-bekleyen-kendi .wt-islem__ac:focus-visible { outline-color: var(--tt-primary-on); }
.wt-islem.is-bekleyen-kendi.is-acik { box-shadow: 0 0 0 3px var(--tt-focus-ring); }
/* Açılan onay kartı her zaman yüzey renginde (formlar okunur kalsın). */
.wt-islem[class*="is-bekleyen-"] .wt-islem__detay { border-top-color: transparent; border-radius: 0 0 var(--tt-radius-md) var(--tt-radius-md);
  background: var(--tt-bg); }
/* v1.8: "Yeni Kayıt Ekle" — işlem onayı işlem hattı panelinde (aynı ekranda). */
.wt-sim-onay { margin: var(--tt-space-12) 0; padding-top: var(--tt-space-12); border-top: 1px dashed var(--tt-border); }

/* ── v1.9: sayfa yardımı (SRS NFR-08; SDD §28.8) — "?" düğmesi ve sağ üst köşeden büyüyerek açılan kısa bilgi penceresi. Metinler
   kısadır; pencere normalde kaydırma gerektirmez (çok alçak pencerede yedek olarak kaydırılır). ── */
.wt-yardim-dugme {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
  width: 34px; height: 34px; padding: 0; font-size: 18px; line-height: 1;
  color: var(--tt-primary); background: var(--tt-primary-subtle);
  border: 1px solid color-mix(in srgb, var(--tt-primary) 30%, transparent); border-radius: var(--tt-radius-full);
  cursor: pointer;
}
.wt-yardim-dugme:hover { background: var(--tt-nav-active); }
.wt-yardim-dugme:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 2px; }
.wt-yardim-dugme[aria-expanded="true"] { color: var(--tt-primary-on); background: var(--tt-primary); border-color: var(--tt-primary); }

.wt-yardim {
  position: fixed; top: calc(var(--tt-topbar-height) + var(--tt-space-8)); right: var(--tt-space-12); z-index: 1045;
  width: min(26rem, calc(100vw - 2 * var(--tt-space-12)));
  max-height: calc(100dvh - var(--tt-topbar-height) - var(--tt-space-20)); overflow: auto;
  padding: var(--tt-space-10) var(--tt-space-8) var(--tt-space-16) var(--tt-space-16);
  color: var(--tt-text); background: var(--tt-surface);
  border: 1px solid color-mix(in srgb, var(--tt-primary) 35%, var(--tt-border)); border-radius: var(--tt-radius-xl);
  box-shadow: var(--tt-shadow-lg);
  transform-origin: top right; transform: scale(0.35); opacity: 0;
  transition: transform 0.26s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.2s ease;
}
.wt-yardim[hidden] { display: none; }
.wt-yardim.is-acik { transform: none; opacity: 1; }
.wt-yardim__bas { display: flex; align-items: center; gap: var(--tt-space-10); }
.wt-yardim__isaret {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 32px; height: 32px;
  font-size: 18px; color: var(--tt-primary); background: var(--tt-primary-subtle); border-radius: 50%;
}
.wt-yardim__baslik { flex: 1; min-width: 0; margin: 0; font-size: 17px; font-weight: 700; line-height: 1.3; }
.wt-yardim__kapat {
  display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; width: 36px; height: 36px; padding: 0;
  font-size: 18px; color: var(--tt-text-secondary); background: none; border: 0; border-radius: var(--tt-radius-md); cursor: pointer;
}
.wt-yardim__kapat:hover { color: var(--tt-text); background: var(--tt-surface-secondary); }
.wt-yardim__kapat:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 1px; }
.wt-yardim__ozet { margin: var(--tt-space-6) var(--tt-space-8) var(--tt-space-10) 0; font-size: 14px; line-height: 1.45; color: var(--tt-text-secondary); }
.wt-yardim__liste { display: flex; flex-direction: column; gap: var(--tt-space-8); margin: 0; padding: 0 var(--tt-space-8) 0 0; list-style: none; }
.wt-yardim__liste li { display: flex; align-items: flex-start; gap: var(--tt-space-10); font-size: 14px; line-height: 1.45; }
.wt-yardim__liste .wt-ikon { margin-top: 1px; font-size: 16px; color: var(--tt-primary); }
/* Yalın düzen (giriş, hata): düğme ekranın sağ üst köşesinde sabit; pencere hemen altından açılır. */
body.wt-yalin .wt-yardim-dugme { position: fixed; top: var(--tt-space-12); right: var(--tt-space-12); z-index: 1045; }
body.wt-yalin .wt-yardim { top: calc(var(--tt-space-12) + 34px + var(--tt-space-8)); max-height: calc(100dvh - 34px - var(--tt-space-32)); }
@media (prefers-reduced-motion: reduce) { .wt-yardim { transition: none; } }
/* v1.9: telefonda üst çubuk sığsın (yardım düğmesi eklendi; çubuk 375 px'te önceden de ~40 px taşıyordu). Hiçbir öğe kaldırılmaz;
   yalnız boşluklar ve iç dolgular sıkışır, kullanıcı menüsündeki ok gizlenir. */
@media (max-width: 575.98px) {
  .app-header .tt-topbar__inner { padding: 0 var(--tt-space-8); gap: var(--tt-space-8); }
  .app-header .tt-topbar-nav { gap: var(--tt-space-4); }
  /* Sağ grup küçülmez (içeriği taşardı); yer gerekirse şube etiketi üç noktayla kısalır. */
  .app-header .tt-topbar-nav--end { flex-shrink: 0; }
  .app-header .tt-topbar-nav > li:has(> .tt-topbar-title) { display: none; }
  .wt-zil { gap: var(--tt-space-4); padding: 0 var(--tt-space-6); }
  .tt-theme-switch { gap: 0; padding: 2px; }
  .tt-theme-switch__btn { padding: 4px; }
  .tt-usermenu__btn { gap: var(--tt-space-4); padding: var(--tt-space-4); }
  .tt-usermenu__caret { display: none; }
  .wt-yardim-dugme { width: 30px; height: 30px; font-size: 16px; }
}

/* ══ v1.11: yönetici zili, zil paneli, kayıt gezinmesi, İşlem geçmişi (SDD §28.10; SRS FR-21.9, FR-14.26) ═══════════════════ */
.wt-yzil { display: inline-flex; align-items: center; gap: var(--tt-space-8); height: 38px; padding: 0 var(--tt-space-12);
  border: 1px solid var(--tt-border); border-radius: var(--tt-radius-full); background: var(--tt-surface); color: var(--tt-text);
  font: inherit; font-variant-numeric: tabular-nums; cursor: pointer; }
.wt-yzil:hover { border-color: var(--tt-border-strong); }
.wt-yzil:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 2px; }
.wt-yzil__ikon { font-size: 18px; }
.wt-yzil__metin { display: flex; flex-direction: column; line-height: 1.15; text-align: left; }
.wt-yzil__satir { font-size: 11.5px; white-space: nowrap; color: var(--tt-text-secondary); }
.wt-yzil__satir strong { font-size: 12.5px; color: var(--tt-text); }
/* Okunmamış veya onay bekleyen varsa zil kırmızı (FR-21.9). */
.wt-yzil.is-var { border-color: var(--tt-danger); background: var(--tt-danger-subtle); color: var(--tt-danger); }
.wt-yzil.is-var .wt-yzil__satir, .wt-yzil.is-var .wt-yzil__satir strong { color: var(--tt-danger); }
.wt-yzil.is-titresim { animation: wt-zil-sallan 0.9s ease-in-out 2; }
@media (prefers-reduced-motion: reduce) { .wt-yzil.is-titresim { animation: none; outline: 3px solid var(--tt-danger); } }

.wt-zil-ortu { position: fixed; inset: 0; z-index: 1040; background: var(--tt-overlay-weak); }
.wt-zil-ortu[hidden] { display: none; }
.wt-zil-panel { position: fixed; top: 0; right: 0; bottom: 0; z-index: 1041; display: flex; flex-direction: column;
  width: min(760px, 100vw); background: var(--tt-bg); border-left: 1px solid var(--tt-border); box-shadow: var(--tt-shadow-lg);
  animation: wt-zil-panel-gir 0.18s ease-out; }
.wt-zil-panel[hidden] { display: none; }
@keyframes wt-zil-panel-gir { from { transform: translateX(24px); opacity: 0.4; } to { transform: none; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .wt-zil-panel { animation: none; } }
body.wt-zil-panel-acik { overflow: hidden; }
.wt-zil-panel__bas { display: flex; align-items: center; justify-content: space-between; gap: var(--tt-space-12);
  padding: var(--tt-space-12) var(--tt-space-16); border-bottom: 1px solid var(--tt-border); background: var(--tt-surface); }
.wt-zil-panel__baslik { display: flex; align-items: center; gap: var(--tt-space-8); margin: 0; font-size: 17px; font-weight: 700; }
.wt-zil-panel__baslik:focus { outline: none; }
.wt-zil-panel__baslik .wt-ikon { color: var(--tt-primary); }
.wt-zil-panel__kapat { width: 36px; height: 36px; border: 1px solid var(--tt-border); border-radius: var(--tt-radius-full);
  background: var(--tt-surface); color: var(--tt-text); font-size: 22px; line-height: 1; cursor: pointer; }
.wt-zil-panel__kapat:hover { border-color: var(--tt-border-strong); }
.wt-zil-panel__kapat:focus-visible { outline: 2px solid var(--tt-primary); outline-offset: 2px; }
.wt-zil-panel__govde { flex: 1 1 auto; display: flex; flex-direction: column; gap: var(--tt-space-12); overflow-y: auto;
  padding: var(--tt-space-16); overscroll-behavior: contain; }
.wt-zil-tek__baslik { display: flex; align-items: center; gap: var(--tt-space-8); margin: 0; font-size: 15px; font-weight: 700; }
.wt-zil-tek__baslik .wt-ikon { color: var(--tt-primary); }
.wt-zil-sayi { font-variant-numeric: tabular-nums; color: var(--tt-primary); }
.wt-zil-grup .wt-akordiyon__govde { padding-top: var(--tt-space-4); }
.wt-zil-bos { display: flex; flex-direction: column; align-items: center; gap: var(--tt-space-8); padding: var(--tt-space-32) var(--tt-space-16);
  color: var(--tt-text-secondary); text-align: center; list-style: none; }
.wt-zil-bos .wt-ikon { font-size: 28px; color: var(--tt-success); }
.wt-zil-bos p { margin: 0; }
.wt-zil-kayit.is-okunmamis { box-shadow: inset 4px 0 0 var(--tt-danger); }
.wt-zil-kayit .wt-islem__detay { padding: 0 var(--tt-space-12) var(--tt-space-12); }
.wt-rozet--okunmamis { background-color: var(--tt-danger-subtle); color: var(--tt-danger); }
.wt-rozet--ok { background-color: var(--tt-success-subtle); color: var(--tt-success); }

/* Açılan kayıtta gezinme ve İşlem geçmişi düğmesi (sağ üst). */
.wt-gezinme { display: inline-flex; gap: var(--tt-space-4); }
.wt-gecmis-dugme { white-space: nowrap; }
.wt-gecmis .tt-modal__panel { max-width: 460px; }
.wt-gecmis__liste { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: var(--tt-space-8) 0 0; }
.wt-gecmis__satir { display: grid; grid-template-columns: 11rem minmax(0, 1fr); gap: var(--tt-space-12); padding: var(--tt-space-8) 0;
  border-bottom: 1px solid var(--tt-border); }
.wt-gecmis__satir:last-child { border-bottom: 0; }
.wt-gecmis__satir dt { color: var(--tt-text-secondary); font-size: 13.5px; }
.wt-gecmis__satir dd { margin: 0; font-weight: 600; font-size: 14px; overflow-wrap: anywhere; }
.tt-modal__title .wt-ikon { color: var(--tt-primary); }

@media (max-width: 575.98px) {
  .wt-yzil { gap: var(--tt-space-4); height: 34px; padding: 0 var(--tt-space-8); }
  .wt-yzil__etiket { display: none; }
  .wt-yzil__metin { flex-direction: row; gap: var(--tt-space-4); }
  .wt-yzil__satir + .wt-yzil__satir::before { content: "/"; margin-right: var(--tt-space-4); color: currentColor; }
  .wt-zil-panel__govde { padding: var(--tt-space-12); }
  .wt-gecmis__satir { grid-template-columns: minmax(0, 1fr); gap: 2px; }
  .wt-onay-kart__rozetler { width: 100%; }
}
/* v1.11 Kullanıcılar → Projeler penceresi: Proje yetkilisi bölümü. */
.wt-per-yetkili { margin-top: var(--tt-space-16); padding-top: var(--tt-space-12); border-top: 1px solid var(--tt-border); }
.wt-per-yetkili__baslik { display: flex; align-items: center; gap: var(--tt-space-6); padding: 0; font-weight: 700; }
.wt-per-yetkili__baslik .wt-ikon { color: var(--tt-primary); }
.wt-per-yetkili .wt-per-proje__liste { max-height: 12rem; margin-left: 0; }
.wt-per-yetkili-metin { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-4); margin-top: var(--tt-space-4); font-size: 13px; }

/* ── v1.12: Kullanıcı formunda "Çalıştığı projeler" (işaretli açılır liste) ve onay kartında sabit eylem çubuğu ─────── */
.wt-per-projeler { display: flex; flex-direction: column; gap: var(--tt-space-6); margin-top: var(--tt-space-12); }
.wt-per-projeler .wt-coklu { max-width: 32rem; }
.wt-per-projeler .wt-per-yetkili { margin-top: var(--tt-space-8); }
.wt-coklu__liste input:disabled + span { color: var(--tt-text-secondary); }
/* Onay kartında eylemler (Onayla, Düzenle, Reddet, Onayı geri al) uzun kartta da kaydırmadan görünür. */
.wt-onay-kart .wt-eylemler { position: sticky; bottom: 0; z-index: 2; padding: var(--tt-space-8) 0; background: var(--tt-surface);
  border-top: 1px solid var(--tt-border); }

/* ── v1.12: Yeni Kayıt Ekle (metin / dosya / ses / birlikte) ─────────────────────────────────── */
.wt-yk { display: grid; grid-template-columns: minmax(320px, 520px) minmax(0, 1fr); gap: var(--tt-space-16); align-items: start; }
.wt-yk-form-kart { display: flex; flex-direction: column; gap: var(--tt-space-12); min-width: 0; }
.wt-yk-form-kart .tt-form { display: flex; flex-direction: column; gap: var(--tt-space-10); }
.wt-yk-dugmeler { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8); }
.wt-yk-dugmeler .is-pasif { opacity: 0.55; cursor: not-allowed; }
.wt-yk-gonder { margin-left: auto; }
.wt-yk-ekler { display: flex; flex-direction: column; gap: var(--tt-space-6); margin: 0; padding: 0; list-style: none; }
.wt-yk-ek { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tt-space-8); padding: var(--tt-space-6) var(--tt-space-8);
  border: 1px solid var(--tt-border); border-radius: var(--tt-radius-md); font-size: 13px; overflow-wrap: anywhere; }
.wt-yk-ek__resim { width: 56px; height: 56px; object-fit: cover; border: 1px solid var(--tt-border); border-radius: 6px; }
.wt-yk-ek__ad { flex: 1 1 140px; min-width: 0; }
.wt-yk-ek .wt-ses-oynatici, .wt-yk-ek__ses { flex: 1 1 240px; min-width: 0; }
@media (max-width: 900px) {
  .wt-yk { grid-template-columns: minmax(0, 1fr); }
  .wt-yk-gonder { width: 100%; margin-left: 0; justify-content: center; }
}

/* v1.12 Kullanıcı oluştur (Merkez, wt-merkez-kullanici.js): seçim grupları çerçevesiz, seçenekler yan yana */
.wt-ku-secim { border: 0; margin: 0; padding: 0; min-width: 0; }
.wt-ku-secim .tt-check { display: inline-flex; margin-right: var(--tt-space-20); }
/* v1.12 sözleşme kabulü (_SozlesmeKabul.cshtml) */
.wt-sozlesme-liste { display: flex; flex-direction: column; gap: var(--tt-space-10); }