/* V2 tasarım sistemi: Agency CRM kimliği. Belirteçler (tokens.css) + bileşenler (components.css).
 * Eski CSS silinmez; bu katman en sonda yüklenir. Belge/sayfa önizlemeleri (.stage, .page, .pl, .pg ...) kapsam dışıdır. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/inter-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/inter-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("fonts/inter-cyrillic.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }

/* ---- 1) Ham değerler (:root). Eski değişkenlere DOKUNULMAZ; belgeler eski değerlerle kalır. ---- */
:root {
  /* eski değerlerin anlık kopyası: belge alanında geri verilir (tema renkleri dahil) */
  --v2-navy0: var(--navy); --v2-ink0: var(--ink); --v2-line0: var(--line); --v2-mut0: var(--mut);
  --v2-font0: var(--font); --v2-bg0: var(--bg); --v2-panel0: var(--panel);

  /* renk */
  --v2-brand: #2f3fbf;                      /* tema seçiliyse aşağıda temanın rengine döner */
  --v2-brand-ink: #fff;
  --v2-canvas: #f2f4f8; --v2-surface: #fff; --v2-surface-2: #f7f8fb; --v2-surface-3: #eef1f6;
  --v2-ink: #0e1530; --v2-ink-2: #39425e; --v2-muted: #5d6781; --v2-ph: #6b748d; --v2-faint: #98a1b6;
  --v2-line: #e1e5ee; --v2-line-2: #edf0f6;
  --v2-side: #161b45; --v2-side-2: #1f2658; --v2-side-ink: #aeb7dd; --v2-side-ink-strong: #fff; --v2-side-line: rgba(255, 255, 255, .08);
  --v2-gold: #b98a2f; --v2-gold-soft: #fbf1db; --v2-gold-bright: #d9b25f;
  --v2-good: #0c8a5c; --v2-good-soft: #def6ea; --v2-warn: #b4690e; --v2-warn-soft: #fdefd3;
  --v2-bad: #c0332b; --v2-bad-soft: #fde4e1; --v2-info: #1d6fd8; --v2-info-soft: #dfecfd;
  --v2-bad-solid: #c0332b;   /* dolgu zemin (beyaz yazı AA): zil/alarm rozeti */
  --v2-focus: var(--v2-brand);
  /* küçük metin için AA uyumlu tonlar + grafik renkleri (Agency ile aynı) */
  --v2-good-text: #0a6b47; --v2-warn-text: #8a4f06; --v2-bad-text: #b4231b; --v2-info-text: #1759b0;
  --v2-chart-1: #2f3fbf; --v2-chart-2: #0c8a5c; --v2-chart-3: #b98a2f; --v2-chart-4: #c0332b; --v2-chart-5: #6a4bd6; --v2-chart-6: #1d9bb0;

  /* yazı tipi */
  --v2-font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;
  --v2-fs: 14px; --v2-fs-sm: 12.5px; --v2-fs-xs: 11px; --v2-fs-h1: 21px;

  /* boşluk (4 tabanlı), yarıçap, gölge, ölçü */
  --v2-s1: 4px; --v2-s2: 8px; --v2-s3: 12px; --v2-s4: 16px; --v2-s5: 24px; --v2-s6: 32px;
  --v2-r: 8px; --v2-r-sm: 6px; --v2-r-lg: 12px;
  --v2-sh-sm: 0 1px 2px rgba(14, 21, 48, .06);
  --v2-sh: 0 1px 3px rgba(14, 21, 48, .08), 0 1px 2px rgba(14, 21, 48, .04);
  --v2-sh-lg: 0 18px 40px rgba(14, 21, 48, .18), 0 4px 12px rgba(14, 21, 48, .08);
  --v2-ring: 0 0 0 3px rgba(47, 63, 191, .25);                                 /* yedek */
  --v2-ring: 0 0 0 3px color-mix(in srgb, var(--v2-brand) 25%, transparent);
  --v2-h-ctl: 39px; --v2-h-btn: 36px; --v2-top-h: 56px; --v2-side-w: 252px; --v2-max: 1600px;
  --v2-hizli: .14s ease;
  --v2-brand-soft: #e9ecff;
  --v2-chip-on-bg: var(--v2-ink); --v2-chip-on-fg: var(--v2-surface);   /* Agency: seçili çip koyu; vurgu temasında tema rengi (aşağıda) */
  --v2-side-grup: #8a94c2;

  /* ---- ORTAK BİLEŞEN DEĞİŞKENLERİ (ekranlar bunları kullanır; sabit px yazmayın) ---- */
  --v2-page-px: 28px;                         /* sayfa yan boşluğu (mobilde 16px, aşağıda) */
  --v2-kpi-pad: 16px 18px 14px; --v2-kpi-val-size: 24.5px; --v2-kpi-val-weight: 650; --v2-kpi-label: 10.92px;
  --v2-th-fs: 10.5px; --v2-th-ls: .05em; --v2-th-pad: 10px 14px; --v2-td-pad: 10px 14px;
  --v2-chip-pad: 5px 12px; --v2-chip-fs: 11.76px; --v2-chip-r: 6px; --v2-chip-r-sm: 6px;   /* .chip pill; köşeli çip için --v2-chip-r-sm */
}
@media (max-width: 640px) { :root { --v2-page-px: 16px; } }

/* ---- 2) Tema köprüsü: data-tema seçiliyse vurgu rengi ve yan menü temadan türer ---- */
:root[data-tema] {
  --v2-side-grup: var(--v2-side-ink);
  --v2-brand-soft: color-mix(in srgb, var(--navy) 12%, #fff);
  --v2-chip-on-bg: var(--v2-brand); --v2-chip-on-fg: var(--v2-brand-ink);
  --v2-brand: var(--navy);                  /* app.css'teki html[data-tema] --navy değerini taşır */
  --v2-side: #161b45; --v2-side-2: #1f2658; --v2-side-ink: #c9cde8;   /* color-mix desteklemeyen tarayıcı yedeği */
  --v2-side: color-mix(in srgb, var(--navy) 86%, #05081f);
  --v2-side-2: color-mix(in srgb, var(--navy) 66%, #05081f);
  --v2-side-ink: color-mix(in srgb, #fff 74%, var(--navy));
  --v2-canvas: var(--bg);                   /* temanın hafif tonlu zemini */
  --v2-line: var(--line);
}
/* "Açık" tema: yan menü açık renkli kalır (eski davranış), vurgu laciverttir */
:root[data-tema="acik"] {
  --v2-side-grup: #4f6179;
  --v2-side: #f3f6f9; --v2-side-2: #e3eaf1; --v2-side-ink: #3a4b5f; --v2-side-ink-strong: #173a5b; --v2-side-line: rgba(23, 58, 91, .12);
  --v2-gold-bright: #7a5a12; --v2-side-badge-ink: #fff;
}

/* ---- 3) Kabuk köprüsü: eski değişkenler yalnız uygulama kabuğunda ve gövdeye eklenen pencerelerde Agency değerine döner ---- */
:is(#app, body > dialog, #toastKap, .ara-k, .drw, .zil-panel, .fp-menu, .sh-toast, .iy-perde, .pwa-bnr) {   /* body'ye eklenen yüzeyler dahil; belge sınıfları (.pdf-host, .ts-kagit, .stage, .page) YOK */
  --navy: var(--v2-brand); --ink: var(--v2-ink); --line: var(--v2-line); --bg: var(--v2-canvas); --panel: var(--v2-surface);
  --mut: var(--v2-muted); --font: var(--v2-font);
  --r-sm: var(--v2-r-sm); --r-md: var(--v2-r); --r-lg: var(--v2-r-lg);
  --bar: var(--v2-surface); --bar-yazi: var(--v2-ink); --side-bg: var(--v2-side);
  --sayfa-w: var(--v2-max); --sayfa-px: var(--v2-page-px);
}
/* belge alanı: eski değerler geri verilir (teklif, ödeme planı, sözleşme, makbuz; ölçekleyici ve baskı) */
:is(#app, body > dialog) :is(.stage, .scaler, .page, .pl, .pg, .pg-sema, .vsc, .xk-t, .pdf-host, .ts-kagit) {
  --navy: var(--v2-navy0); --ink: var(--v2-ink0); --line: var(--v2-line0); --bg: var(--v2-bg0); --panel: var(--v2-panel0);
  --mut: var(--v2-mut0); --font: var(--v2-font0);
}

/* ---- 4) KOYU TEMA: html[data-v2-tema=koyu|acik|otomatik] kullanıcı seçimi; kabuk.js çözümlenmiş değeri data-v2-mod=koyu|acik olarak yazar ---- */
:root[data-v2-mod="koyu"] {
  --v2-brand-soft: #1f2860;
  --v2-brand: #8b97ff; --v2-brand-ink: #0b1022; --v2-brand-solid: #7482ff;   /* dolu düğme zemini: daha doygun, devre dışı görünümünden ayrışır */
  --v2-canvas: #0b1022; --v2-surface: #121a33; --v2-surface-2: #161f3b; --v2-surface-3: #1b2547;
  --v2-ink: #e9edfa; --v2-ink-2: #c3cae3; --v2-muted: #93a0c2; --v2-faint: #6f7ca2; --v2-ph: #8a95b5;
  --v2-line: #243056; --v2-line-2: #1c2748;
  --v2-side: #0a0f24; --v2-side-2: #131a3a; --v2-side-ink: #8f9bc6; --v2-side-ink-strong: #fff; --v2-side-line: rgba(255, 255, 255, .08);
  --v2-gold: #d8aa52; --v2-gold-soft: #3a2f16; --v2-gold-bright: #d8aa52;
  --v2-good: #3ed598; --v2-good-soft: #0f3a2c; --v2-warn: #f0b14d; --v2-warn-soft: #3b2a0c; --v2-bad: #ff8b80; --v2-bad-soft: #451a17; --v2-info: #6aa8ff; --v2-info-soft: #14284d;
  --v2-good-text: #3ed598; --v2-warn-text: #f0b14d; --v2-bad-text: #ff8b80; --v2-info-text: #6aa8ff;
  --v2-chart-1: #8b97ff; --v2-chart-2: #3ed598; --v2-chart-3: #d8aa52; --v2-chart-4: #ff8b80; --v2-chart-5: #a08cff; --v2-chart-6: #4fc3d9;
  --v2-sh-sm: 0 1px 2px rgba(0, 0, 0, .4); --v2-sh: 0 1px 3px rgba(0, 0, 0, .5); --v2-sh-lg: 0 18px 40px rgba(0, 0, 0, .55);
  --v2-ring: 0 0 0 3px rgba(139, 151, 255, .35);
  color-scheme: dark;
}
/* koyu + vurgu teması: vurgu rengi korunur, koyu zeminde okunsun diye açılır */
:root[data-v2-mod="koyu"][data-tema] {
  --v2-brand: color-mix(in srgb, var(--navy) 50%, #fff); --v2-brand-ink: #0b1022; --v2-brand-solid: color-mix(in srgb, var(--navy) 66%, #fff);
  --v2-side: color-mix(in srgb, var(--navy) 22%, #05081f); --v2-side-2: color-mix(in srgb, var(--navy) 38%, #05081f);
  --v2-canvas: #0b1022; --v2-line: #243056; --v2-side-ink: #aab3d8;
}
:root[data-v2-mod="koyu"][data-tema="acik"] { --v2-side-grup: #8a94c2; --v2-side: #0a0f24; --v2-side-2: #131a3a; --v2-side-ink: #8f9bc6; --v2-side-ink-strong: #fff; --v2-side-line: rgba(255, 255, 255, .08); --v2-gold-bright: #d8aa52; --v2-side-badge-ink: #1b1405; }

/* ---- 5) YAZDIRMA: elle Ctrl+P ile uygulama ekranı koyuda bile açık ve okunur çıksın (belge baskısı zaten beyaz kâğıt) ---- */
@media print {
  :root[data-v2-mod="koyu"] {
    --v2-brand: #2f3fbf; --v2-brand-ink: #fff; --v2-canvas: #fff; --v2-surface: #fff; --v2-surface-2: #f7f8fb; --v2-surface-3: #eef1f6;
    --v2-ink: #0e1530; --v2-ink-2: #39425e; --v2-muted: #5d6781; --v2-faint: #98a1b6; --v2-ph: #6b748d; --v2-line: #e1e5ee; --v2-line-2: #edf0f6;
    --v2-good-text: #0a6b47; --v2-warn-text: #8a4f06; --v2-bad-text: #b4231b; --v2-info-text: #1759b0; color-scheme: light;
  }
}