/**
 * PT Hesabım — iTeam Partner paneli üzerine yazma.
 *
 * ÖNEMLİ — plandaki varsayım YANLIŞ çıktı: iTeam'in eski `dashboard.php`
 * şablonu (`.esa-panel`, `.esa-stats-row`, WordPress admin mavisi #2271b1,
 * #f0f0f1, 8px radius) CANLIDA RENDER OLMUYOR. Gerçekte çalışan yüzey
 * `includes/Influencer/` altındaki "Partner" platformu — sınıf öneki
 * `.esa-inf-*` ve `.esa-partner-shell` (body class). Bu dosya canlı DOM'da
 * ölçülerek yazıldı (bkz. task-6-report.md'deki envanter).
 *
 * O modülün kendi CSS'i (`includes/Influencer/assets/influencer.css`)
 * zaten WordPress admin paletini KULLANMIYOR — kendi ifadesiyle "sade,
 * premium, ptcom Apple-bayi kimliğine yakın" bir tasarım sistemi, sıcak
 * nötrler + tek çam-teal aksan + anlamlı durum renkleriyle (bkz. o
 * dosyanın satır ~1-8 yorumu). Yani burada "WP admin mavisini temizleme"
 * işi yok — iş, o zaten iyi tasarlanmış sistemi Hesabım'ın PALET/TİPOGRAFİ
 * birincillerine (--pth-*) hizalamak: yazı tipi, aksan rengi, nötr gri
 * skalası, başarı/uyarı hap renkleri. Yapı, spacing, durum mantığı (satış/
 * tık/gösterim, onaylı/beklemede/ödendi/iptal) DOKUNULMADI — bunlar iTeam'in
 * kendi iş mantığı, görünüm değişikliği bunları etkilemez.
 *
 * Teknik: influencer.css kendi CSS custom property'lerini (`--ink`,
 * `--accent`, `--line`, vb.) `.esa-inf` elemanının ÜZERİNDE tanımlıyor.
 * Aynı elemanı hedefleyip AYNI adlarla yeniden tanımlıyoruz — CSS custom
 * property cascade'i property bazında en yüksek spesifikliği seçer, biz
 * `body.pt-hesabim .esa-inf` ile (0,2,0) onların (0,1,0)'ını geçiyoruz;
 * ayrıca dosyamız frontend.css/influencer.css'ten SONRA yükleniyor (bkz.
 * class-pt-hesabim.php stilleri_yukle — enqueue bağımlılığı). İki katmanlı
 * güvence var, !important gerekmiyor.
 *
 * Üst navigasyon şeridi (.esa-inf-shellnav*) ve birkaç bilgi kutusu
 * (.esa-inf-guide, .esa-inf-custreward) bu custom property zincirinin
 * DIŞINDA — kendi renklerini sabit hex olarak yazmışlar (muhtemelen sayfa
 * gövdesi `.esa-inf` sarmalayıcısının dışında, yedi sekmenin ortak
 * "shell" parçası olduğu için). Onlar için var() yerine değeri doğrudan
 * override ediyoruz.
 *
 * iTeam eklentisinin HİÇBİR dosyası düzenlenmedi. Kapsam: body.pt-hesabim.
 * Sürüm notu: bu dosyada değişiklik yaptığında pt-hesabim.php'deki
 * PT_HESABIM_VERSION'ı artır (enqueue ?ver= olarak onu kullanıyor).
 */

/* ---- 1) Renk/tipografi birincilleri — influencer.css'in kendi custom
   property'lerini yeniden tanımlayarak tüm .esa-inf-* alt ağacına
   otomatik yayılır (buton, input, kart, tablo, hap, switch, dahil). ---- */
body.pt-hesabim .esa-inf {
	font-family: var(--pth-font);

	--ink: var(--pth-ink);
	--muted: var(--pth-ink-soft);
	--faint: var(--pth-ink-faint);
	--line: var(--pth-line);
	--line-2: var(--pth-line-soft);
	--surface-2: var(--pth-card);

	/* Ana aksan (buton, link, odak halkası, switch "açık" rengi) —
	   iTeam'in çam-tealı yerine sitenin geneline hakim aksan mavisi. */
	--accent: var(--pth-accent);
	--accent-soft: var(--pth-accent-soft);

	/* Onaylı/ödendi ve beklemede hapları — pth'nin kendi başarı/uyarı
	   tonlarıyla birebir eşleşsin (Task 3'teki sipariş haplarıyla aynı
	   yeşil/amber). "Onaylı" (approved) ve "iptal" (void) durumları
	   kasıtlı DOKUNULMADI: onlar iTeam'in kendi ayrı anlamlı renkleri,
	   accent'le karışıp "tıklanabilir" izlenimi vermesin diye ayrı kalıyor. */
	--paid: var(--pth-green);
	--paid-soft: var(--pth-green-soft);
	--pending: var(--pth-amber);
	--pending-soft: var(--pth-amber-soft);

	/* "Sade ve sıkı" — süs yok: influencer.css'in 12px/8px yuvarlamaları ve
	   kendi gölge token'ı Hesabım'ın 4px/gölgesiz diline çekiliyor. Bu üç
	   property de o dosyada `.esa-inf` üzerinde tanımlı, aynı elemanı daha
	   yüksek spesifiklikle yeniden tanımladığımız için tüm alt ağaca yayılır. */
	--radius: 4px;
	--radius-sm: 3px;
	--shadow: none;
}

/* ---- 1b) Gölge sıfırlaması — influencer.css birkaç yerde --shadow yerine
   doğrudan rgba(...) gölge yazıyor (kart hover'ı, açılır menü, sticky
   başlık). Kapsam yalnız iTeam panelinin kendi ağacı. ---- */
body.pt-hesabim .esa-inf,
body.pt-hesabim .esa-inf *,
body.pt-hesabim .esa-inf-shellnav,
body.pt-hesabim .esa-inf-shellnav * {
	box-shadow: none !important;
}

/* ---- 2) Üst sekme şeridi (tab bar) — Task 3'ün panel diliyle aynı hizaya
   geliyor. Bu blok yukarıdaki custom property zincirinin dışında; kendi
   sabit hex'lerini doğrudan değiştiriyoruz. ---- */
body.pt-hesabim .esa-inf-shellnav {
	font-family: var(--pth-font);
	border-color: var(--pth-line);
}

body.pt-hesabim .esa-inf-shellnav-brand {
	color: var(--pth-accent);
	border-right-color: var(--pth-line-soft);
}

body.pt-hesabim .esa-inf-shellnav-item {
	font-family: var(--pth-font);
}

body.pt-hesabim .esa-inf-shellnav-item:hover {
	background: var(--pth-line-soft);
	color: var(--pth-ink);
}

body.pt-hesabim .esa-inf-shellnav-item.is-active {
	background: var(--pth-accent);
}

/* ---- 3) Bilgi kutuları ("Bu panel ne işe yarar?", "Link nasıl çalışır?",
   müşteri ödülü rozeti) — aynı custom property zincirinin dışında kalan
   iki bileşen, aksan ailesine hizalanıyor. ---- */
body.pt-hesabim .esa-inf-guide {
	background: var(--pth-accent-soft);
	border-color: var(--pth-accent-soft);
	color: var(--pth-accent-dk);
}

body.pt-hesabim .esa-inf-guide-head svg {
	stroke: var(--pth-accent);
}

body.pt-hesabim .esa-inf-custreward {
	background: var(--pth-accent-soft);
	border-color: var(--pth-accent);
	color: var(--pth-accent-dk);
}