/* Ortak.Blazor.Charts — bilesen stilleri.
   Acik ve koyu mod ayri ayri tanimli; otomatik ters cevirme YOK. */

.ortak-grafik {
    background: var(--ortak-yuzey, #fcfcfb);
    border: 1px solid var(--ortak-kenar, #e5e5e2);
    border-radius: 10px;
    padding: 16px 18px 12px;
    /* Genis icerik (uzun eksen etiketleri) kendi icinde kaysin;
       sayfa govdesi YATAY KAYMAMALI. */
    overflow-x: auto;
    min-width: 0;
}

.ortak-grafik-baslik {
    font-size: .95rem;
    font-weight: 600;
    color: var(--ortak-metin, #1a1a19);
    margin-bottom: 10px;
}

.ortak-grafik-uyari {
    font-size: .78rem;
    color: var(--ortak-metin-soluk, #6b6b66);
    margin-top: 6px;
}

/* --- KPI karti --- */

.ortak-kpi {
    background: var(--ortak-yuzey, #fcfcfb);
    border: 1px solid var(--ortak-kenar, #e5e5e2);
    border-radius: 10px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.ortak-kpi-ust {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    color: var(--ortak-metin-soluk, #6b6b66);
}

.ortak-kpi-ikon { font-size: 1rem; opacity: .8; }

.ortak-kpi-deger {
    font-size: 1.75rem;
    font-weight: 650;
    line-height: 1.15;
    color: var(--ortak-metin, #1a1a19);
    /* Uzun sayilar karti tasirmasin */
    overflow-wrap: anywhere;
}

.ortak-kpi-degisim {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: .82rem;
    font-weight: 550;
}

.ortak-kpi-alt {
    font-size: .78rem;
    color: var(--ortak-metin-soluk, #6b6b66);
}

/* Koyu mod SINIF ile geliyor, prefers-color-scheme ILE DEGIL.

   OLCULDU: Syncfusion grafik temasi bir C# enum'i (Theme.Tailwind3 /
   Tailwind3Dark) ve CSS medya sorgusunu goremez. CSS isletim sistemi
   tercihini dinlerse kartlar koyuya gecerken grafigin cizim alani BEYAZ
   kaliyor — yarim koyu, okunmaz bir sonuc.

   Bu yuzden tek dogruluk kaynagi bilesenin KaranlikMod parametresi:
   hem Theme'i hem de asagidaki sinifi o belirliyor. */

.ortak-grafik-koyu {
    --ortak-yuzey: #1a1a19;
    --ortak-kenar: #34342f;
    --ortak-metin: #f2f2ef;
    --ortak-metin-soluk: #a3a39c;
}