/* ============================================================================
   Dashboard visual cleanup (2026-06-09)
   PR: fix/dashboard-visual-cleanup-2026-06-09

   Hedef: 4 dashboard sayfasında (Overview / Live / Orders / Analytics) üst
   boşluğu azaltmak. Modal kapalı gerçek state'te ölçüm:
     - Desktop Overview/Orders/Analytics: main#mainContent y=85px + pt=16px = 101px
     - Desktop Live: main y=59px + pt=16px = 75px
     - Mobile: pt=0, sorun yok
   Hedef: paddingTop 16 → 8 (8px tasarruf, görsel olarak fark edilir).

   Scope: SADECE dashboard route'larında etkili olması için `.tm-dashboard-tab-inner`
   parent veya `main.tmv2-content` üzerinde scoped (cross-page side effect yok).
   Light + dark mode AYNEN aynı kural — tema-bağımsız layout token.

   Hard rules:
   - 0 backend
   - 0 yeni JS
   - 0 chart engine
   - Mevcut header/sidebar layout dokunulmaz
   ============================================================================ */

/* --------------- Üst boşluk → spacing contract'a devredildi --------------- */
/* Eski yerel padding-top: 8px !important override'ı 2026-06-10'da kaldırıldı.
   Yeni kontrat: dashboard-spacing-contract-2026-06-10.css → token
   --tm-dashboard-top-gap (default 16px / mobile 12px) tüm 4 dashboard
   sayfasında main#mainContent.tmv2-page padding-top'unu tek noktadan yönetir.
   Bu dosya artık SADECE Analiz chart polish + tipografi için. */
.tm-dashboard-tab-inner {
  padding-top: 0;
}

/* --------------- Analytics chart panel başlıklarının tipografi spacing'i --------------- */
/* Yeni Türkçe başlıklar ("Kâr", "Sipariş", "Performansı", vb.) doğru render
   ediliyor (template fix), ama uzun başlıklar dar viewport'ta wrap edebilir.
   line-height ve max-width ile okunabilirlik garanti. */
.tm-dashboard-ch-grid--analytics .ch-h3 {
  line-height: 1.3;
  word-break: normal;
}

.tm-dashboard-ch-grid--analytics .ch-sub {
  line-height: 1.4;
}

/* --------------- Analytics chart panel min-height (boş demo data için) --------------- */
/* Demo user'da analytics_chart_payload demo verisi zayıf — chart'lar çok düz
   görünüyor. Minimum panel yüksekliği ile "bozuk hissi" azalt. */
.tm-dashboard-ch-grid--analytics .ch-panel {
  min-height: 280px;
}

@media (max-width: 640px) {
  .tm-dashboard-ch-grid--analytics .ch-panel {
    min-height: 220px;
  }
}

/* Mobile padding-top zaten 0 — dokunmuyoruz, regresyon önlemi.
   (Pre-fix baseline'da 0px, ek azaltma anlamsız + 4px artırılması yanlışlık olur.) */