/* ═══════════════════════════════════════════════════════════════════════
   Satış İpuçları kılavuzu — ENTEGRASYON OVERRIDE'LARI (uygulamaya özel).
   Bu dosya prototipin BİR PARÇASI DEĞİL — kaynak dosyalar (klavuz.css/js,
   mockuplar.css/js, adimlar.js) tm-satis-ipuclari*.css/.js içine OLDUKLARI
   GİBİ taşındı (bkz. o dosyaların başındaki "kaynak prototip damgası").
   Uygulamaya entegre ederken gereken TÜM davranış farkları BİLEREK buraya,
   ayrı bir dosyaya toplandı — amaç: `tm-satis-ipuclari.css` diff'i prototiple
   birebir kalsın, "ne taşındı" ile "biz ne değiştirdik" ayrı görünsün.
   Yükleme sırası: base.html'de tm-satis-ipuclari.css'den HEMEN SONRA.
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1) Z-INDEX — gerçek app sidebar'ının ÜSTÜNDE kalmalı ─────────────────
   Bulundu (2026-10-08): prototipte `.k-scrim`/`.k-root` sabit z-index:90/100
   kullanıyordu; gerçek uygulamada sidebar'ın z-index'i (--tm-z-sidebar:1035,
   tm-shell-v2.css) bundan yüksekti → modalın sol navy rayı (5 konu listesi)
   sidebar metninin ALTINDA kalıyordu (ekran görüntüsü + getComputedStyle ile
   doğrulandı). Tek-kaynak ölçeğe bağlandı (static/css/tm-z-layers.css). */
.k-scrim {
  z-index: calc(var(--tm-z-satis-ipuclari, 12060) - 1) !important;
}
.k-root {
  z-index: var(--tm-z-satis-ipuclari, 12060) !important;
}

/* ── 2) .k-stage ARKA PLANI — prototipteki çok-katmanlı bildirim geçersiz ──
   `background: <gradient>, var(--yuzey);` — ikinci katmanda yalnız renk
   olması CSS'te geçerli değildir (renk yalnız SON katmanın PARÇASI olabilir,
   kendi başına bir <image> değeri OLAMAZ) → bildirim SESSİZCE DÜŞER. Açık
   temada fark edilmiyordu çünkü üst `.k-dialog`'un (basit background) beyazı
   arkadan görünüyordu. Kaynak dosyadaki geçersiz bildirim BİLEREK silinmedi
   (prototiple birebir kalsın); burada geçerli background-image/-color ile
   TAMAMLANIYOR — iki bildirim çakışmıyor, ilki zaten tarayıcı tarafından hiç
   uygulanmıyor. */
.k-stage {
  background-image: radial-gradient(1100px 420px at 88% -12%, rgba(1, 117, 228, .07), transparent 62%);
  background-color: var(--yuzey);
}

/* ── 3) KOYU TEMA (html.dark-mode) — gerçek uygulamanın token'larına bağlanır.
   Prototipte koyu tema yoktu; burada yalnız modalın KENDİ custom property'leri
   (--sayfa, --yuzey, --cizgi, --cizgi-2, --murekkep, --murekkep-2, --murekkep-3)
   uygulamanın tema değişkenlerine yönlendirilir. .k- ve .tm-tips-btn ile başlayan
   seçicilerin TAMAMI zaten bu property'leri kullandığı için tek blokla modalın her
   yeri okunur kalır. Trendyol panel mockup'ı (.ty / --ty-*) BİLEREK değiştirilmez.
   UYARI: bu yorum bloğunu düzenlerken "*" hemen ardından "/" yazma (CSS yorumunu
   erken kapatır, önceki entegrasyon turunda bu yüzden bir kural tamamen düştü). */
html.dark-mode {
  --sayfa: var(--tm-surface-2, #0f172a);
  --yuzey: var(--tm-surface, #1e293b);
  --cizgi: var(--tm-border-color, #334155);
  --cizgi-2: var(--tm-border-light, #334155);
  --murekkep: var(--tm-text-primary, #e2e8f0);
  --murekkep-2: var(--tm-text-muted, #94a3b8);
  --murekkep-3: #64748b;
  --golge-kart: 0 8px 24px rgba(0, 0, 0, .4);
}
html.dark-mode .k-shot__frame,
html.dark-mode .k-shot__chrome {
  background: var(--tm-surface-2, #0f172a);
  border-color: var(--cizgi);
}
html.dark-mode .k-scrim {
  background: rgba(0, 0, 0, .72);
}
/* Bulundu 2026-10-08: .k-stage bir section elemanı; dark-mode.css (:337-343) TÜM
   section'ları (.tm-ds kapsamı dışında) background: transparent !important ile
   sıfırlıyor (site-geneli güvenlik ağı). .k-stage'in kendi background-color'ı bu
   kurala kaybediyordu; yalnız GERÇEK localStorage-fallback+reload akışında ortaya
   çıkar (dark-mode.css lazy-load'ı yalnız o akışta tetiklenir). */
html.dark-mode .k-stage {
  background-color: var(--yuzey) !important;
}