/* ══════════════════════════════════════════════════════════════════════════
   SENARYO RENK STANDARDI — TÜM RAPOR EKRANLARI İÇİN TEK KAYNAK

   Kural: Bütçe, Tahmin, Gerçekleşen ve Geçen Yıl'ın rengi uygulamanın
   HER YERİNDE aynıdır. Bir ekranda mavi olan bütçe, başka ekranda yeşil olamaz.
   Grafiklerde, KPI kartlarında, tablo sütun zeminlerinde ve Excel çıktısında
   aynı aile kullanılır (Excel karşılığı: PersonnelExcelReport).

   Yeni bir rapor ekranı yazarken renk ELLE yazılmaz; bu değişkenler kullanılır.
   ══════════════════════════════════════════════════════════════════════════ */
:root {
    /* Bütçe — mavi */
    --sc-budget:        #2563eb;
    --sc-budget-soft:   #dbeafe;
    --sc-budget-tint:   #eff6ff;
    --sc-budget-text:   #1e40af;

    /* Tahmin (Forecast) — mor */
    --sc-forecast:      #7c3aed;
    --sc-forecast-soft: #ede9fe;
    --sc-forecast-tint: #f5f3ff;
    --sc-forecast-text: #5b21b6;

    /* Gerçekleşen (Actual) — yeşil */
    --sc-actual:        #059669;
    --sc-actual-soft:   #d1fae5;
    --sc-actual-tint:   #ecfdf5;
    --sc-actual-text:   #065f46;

    /* Geçen Yıl — gri */
    --sc-lastyear:      #64748b;
    --sc-lastyear-soft: #e2e8f0;
    --sc-lastyear-tint: #f8fafc;
    --sc-lastyear-text: #334155;

    /* Sapma yönü */
    --sc-favorable:     #059669;
    --sc-adverse:       #dc2626;
}

/* ── Tablo/TreeGrid sütun zeminleri ───────────────────────────────────────
   Sütunun hangi senaryoya ait olduğu zeminden okunsun. Başlıkta daha koyu,
   gövdede çok açık ton; sayı okunabilirliği bozulmaz. */
.e-grid .e-headercell.sc-budget,  .e-treegrid .e-headercell.sc-budget  { background: var(--sc-budget-soft) !important;  color: var(--sc-budget-text) !important; }
.e-grid .e-headercell.sc-forecast,.e-treegrid .e-headercell.sc-forecast{ background: var(--sc-forecast-soft) !important;color: var(--sc-forecast-text) !important; }
.e-grid .e-headercell.sc-actual,  .e-treegrid .e-headercell.sc-actual  { background: var(--sc-actual-soft) !important;  color: var(--sc-actual-text) !important; }
.e-grid .e-headercell.sc-lastyear,.e-treegrid .e-headercell.sc-lastyear{ background: var(--sc-lastyear-soft) !important;color: var(--sc-lastyear-text) !important; }

.e-grid .e-rowcell.sc-budget,  .e-treegrid .e-rowcell.sc-budget   { background: var(--sc-budget-tint); }
.e-grid .e-rowcell.sc-forecast,.e-treegrid .e-rowcell.sc-forecast { background: var(--sc-forecast-tint); }
.e-grid .e-rowcell.sc-actual,  .e-treegrid .e-rowcell.sc-actual   { background: var(--sc-actual-tint); }
.e-grid .e-rowcell.sc-lastyear,.e-treegrid .e-rowcell.sc-lastyear { background: var(--sc-lastyear-tint); }

/* ── Rozet / etiket ──────────────────────────────────────────────────────── */
.sc-chip { display:inline-flex; align-items:center; gap:.35rem; padding:.15rem .5rem; border-radius:999px;
           font-size:.7rem; font-weight:700; letter-spacing:.01em; }
.sc-chip::before { content:''; width:8px; height:8px; border-radius:50%; background:currentColor; }
.sc-chip.budget   { background:var(--sc-budget-soft);   color:var(--sc-budget-text); }
.sc-chip.forecast { background:var(--sc-forecast-soft); color:var(--sc-forecast-text); }
.sc-chip.actual   { background:var(--sc-actual-soft);   color:var(--sc-actual-text); }
.sc-chip.lastyear { background:var(--sc-lastyear-soft); color:var(--sc-lastyear-text); }

/* ── Sapma yönü ─────────────────────────────────────────────────────────── */
.sc-favorable { color: var(--sc-favorable) !important; }
.sc-adverse   { color: var(--sc-adverse) !important; }

/* ── Rakam biçimi: rapor sayıları hizalı ve okunur ───────────────────────── */
.sc-num { font-variant-numeric: tabular-nums; text-align: right; }

/* ── Düz HTML tabloları (Syncfusion olmayan rapor tabloları) ──────────────
   Rapor ekranlarının bir kısmı <table> kullanıyor; senaryo sütunu orada da
   aynı renkle okunmalı, yoksa aynı senaryo iki ekranda farklı görünüyor. */
table th.sc-budget   { background: var(--sc-budget-soft);   color: var(--sc-budget-text)   !important; }
table th.sc-forecast { background: var(--sc-forecast-soft); color: var(--sc-forecast-text) !important; }
table th.sc-actual   { background: var(--sc-actual-soft);   color: var(--sc-actual-text)   !important; }
table th.sc-lastyear { background: var(--sc-lastyear-soft); color: var(--sc-lastyear-text) !important; }

table td.sc-budget   { background: var(--sc-budget-tint); }
table td.sc-forecast { background: var(--sc-forecast-tint); }
table td.sc-actual   { background: var(--sc-actual-tint); }
table td.sc-lastyear { background: var(--sc-lastyear-tint); }