/* [EKLENDI 19-08-2026] Merkezi tema (renk) + stil (sekil/yogunluk) katmani.
   style.css/subeler.css icindeki --win-*/--tema-* degiskenlerini DEGISTIRMEZ,
   bu dosya sadece html[data-tema=...] / html[data-stil=...] secicileriyle
   UZERINE YAZAR (ozgunluk/specificity acisindan :root'tan daha guclu oldugu
   icin dosya sirasi onemli degil, yine de style.css/subeler.css'ten SONRA
   yuklenmesi onerilir). Kullanicinin talebi: 3 tema (Acik/Koyu/Yumusak Koyu)
   + 3 stil yonu (A-Sade/B-Yogun-tablo/C-Yumusak kartlar), ikisi de Ayarlar
   sayfasindan secilebilir, secim tarayicida (localStorage) hatirlanir --
   bkz. tema.js. */

:root {
  font-family: "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;
}

/* ================= TEMA: ACIK (yenilendi) ================= */
/* [EKLENDI 20-08-2026] Kullanicinin geri bildirimi: "hala eski stil devam
   ediyor" -- kok sebep bulundu: Koyu ve Yumusak Koyu icin ozel bir renk
   paleti tanimlanmisti ama Acik tema hicbir zaman DOKUNULMAMISTI, sadece
   style.css'teki 2023 :root varsayilanlarini (sert #ffe6e6/#66ccff gibi
   "ilkokul" tonlari) kullanmaya devam ediyordu -- ki bu zaten VARSAYILAN
   tema oldugu icin, kullanicinin gordugu "eski" gorunum tam olarak buydu.
   Asagidaki blok Acik temaya, Koyu/Yumusak Koyu ile AYNI kalitede/inceleikte
   (yumusatilmis vurgu rengi, hafif golgeler, eslenmis fg/bg cift renkleri)
   yeni bir palet kazandiriyor -- html[data-tema="acik"] selector'unun
   ozgunlugu :root'tan yuksek oldugu icin (attribute selector), yukleme
   sirasindan bagimsiz olarak :root degerlerinin onune geciyor. */
html[data-tema="acik"], html:not([data-tema]) {
  --win-accent: #1e293b;
  --win-accent-hover: #334155;
  --win-accent-pressed: #0f172a;
  --win-accent-fg: #ffffff;
  --win-bg: #f8fafc;
  --win-surface: #ffffff;
  --win-surface-alt: #f1f5f9;
  --win-border: rgba(0, 0, 0, 0.08);
  --win-border-strong: rgba(0, 0, 0, 0.16);
  --win-text: #0f172a;
  --win-text-secondary: #64748b;
  --win-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
  --win-shadow-card-hover: 0 6px 20px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.03);
  --win-success-fg: #157f3c; --win-success-bg: #e3f8ea;
  --win-caution-fg: #9a6400;  --win-caution-bg: #fff3d6;
  --win-critical-fg: #c22a3e; --win-critical-bg: #fdeaec;
  --win-info-fg: #475569;     --win-info-bg: #f1f5f9;
  --tema-yakit-fg: #c23b3b;  --tema-yakit-bg: #fdeceb;
  --tema-yakit-accent: #c23b3b; --tema-yakit-accent-hover: #aa3232; --tema-yakit-accent-pressed: #8f2a2a;
  --tema-yemek-fg: #257a3f;  --tema-yemek-bg: #eaf7ee;
  --tema-yemek-accent: #257a3f; --tema-yemek-accent-hover: #1f6a37; --tema-yemek-accent-pressed: #1a582e;
  --tema-genel-fg: #475569;  --tema-genel-bg: #f1f5f9;
  --tema-genel-accent: #475569; --tema-genel-accent-hover: #334155; --tema-genel-accent-pressed: #1e293b;
  --tema-z_raporu-fg: #7d5aa6;  --tema-z_raporu-bg: #f3eefa;
  --tema-z_raporu-accent: #7d5aa6; --tema-z_raporu-accent-hover: #6c4c92; --tema-z_raporu-accent-pressed: #5c4079;
}
html[data-tema="acik"] .kategori-bant--yakit,
html:not([data-tema]) .kategori-bant--yakit { background: #fdeceb; border-left-color: #c23b3b; color: #7a1f1f; }
html[data-tema="acik"] .kategori-bant--yemek,
html:not([data-tema]) .kategori-bant--yemek { background: #fdf6e3; border-left-color: #e0a800; color: #6b4e00; }
html[data-tema="acik"] .kategori-bant--z_raporu,
html:not([data-tema]) .kategori-bant--z_raporu { background: #f3eefa; border-left-color: #7d5aa6; color: #4a2f66; }
html[data-tema="acik"] .kategori-bant--genel,
html:not([data-tema]) .kategori-bant--genel { background: #f1f5f9; border-left-color: #94a3b8; color: #334155; }
html[data-tema="acik"] .kategori-bant--banka,
html:not([data-tema]) .kategori-bant--banka { background: #eaf7ec; border-left-color: #4caf50; color: #1f5c28; }
html[data-tema="acik"] .kategori-bant--bilinmeyen,
html:not([data-tema]) .kategori-bant--tanimsiz,
html:not([data-tema]) .kategori-bant--bilinmeyen,
html:not([data-tema]) .kategori-bant--tanimsiz { background: #f5eefa; border-left-color: #a874d1; color: #4a2f66; }

/* ================= TEMA: KOYU ================= */
html[data-tema="koyu"] {
  --win-accent: #f8fafc;
  --win-accent-hover: #e2e8f0;
  --win-accent-pressed: #cbd5e1;
  --win-accent-fg: #0f172a;
  --win-bg: #0f172a;
  --win-surface: #1e293b;
  --win-surface-alt: #334155;
  --win-border: rgba(255, 255, 255, 0.10);
  --win-border-strong: rgba(255, 255, 255, 0.18);
  --win-text: #f8fafc;
  --win-text-secondary: #94a3b8;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.5), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.6), 0 0.5px 0 rgba(0, 0, 0, 0.3);
  --win-success-fg: #8fe08a; --win-success-bg: #1f3d12;
  --win-caution-fg: #ffcf6e;  --win-caution-bg: #4a3208;
  --win-critical-fg: #ff9f9f; --win-critical-bg: #4a1717;
  --win-info-fg: #cbd5e1;     --win-info-bg: #334155;
  --tema-yakit-fg: #ff9f9f;  --tema-yakit-bg: #4a1717;
  --tema-yakit-accent: #e0696d; --tema-yakit-accent-hover: #ec8285; --tema-yakit-accent-pressed: #c85458;
  --tema-yemek-fg: #8fe08a;  --tema-yemek-bg: #1f3d12;
  --tema-yemek-accent: #5fae5a; --tema-yemek-accent-hover: #74c26f; --tema-yemek-accent-pressed: #4c9647;
  --tema-genel-fg: #cbd5e1;  --tema-genel-bg: #334155;
  --tema-genel-accent: #94a3b8; --tema-genel-accent-hover: #cbd5e1; --tema-genel-accent-pressed: #64748b;
  --tema-z_raporu-fg: #d4a9e8;  --tema-z_raporu-bg: #3a1f4a;
  --tema-z_raporu-accent: #a074c9; --tema-z_raporu-accent-hover: #b48ed6; --tema-z_raporu-accent-pressed: #8a5eb3;
}
html[data-tema="koyu"] .kategori-bant--yakit { background: #4a1717; border-left-color: #ff9f9f; color: #ffdada; }
html[data-tema="koyu"] .kategori-bant--yemek { background: #4a3f08; border-left-color: #ffd76e; color: #fff0c2; }
html[data-tema="koyu"] .kategori-bant--z_raporu { background: #3a1f4a; border-left-color: #d4a9e8; color: #f3eefa; }
html[data-tema="koyu"] .kategori-bant--genel { background: #2a2a2a; border-left-color: #999; color: #e5e5e5; }
html[data-tema="koyu"] .kategori-bant--banka { background: #12401b; border-left-color: #6eff6e; color: #d4ffd4; }
html[data-tema="koyu"] .kategori-bant--bilinmeyen,
html[data-tema="koyu"] .kategori-bant--tanimsiz { background: #3a1f4a; border-left-color: #d494ff; color: #ecd4ff; }
html[data-tema="koyu"] img,
html[data-tema="koyu"] .ana-gorsel-kapsayici { filter: brightness(0.95); }

/* ================= TEMA: YUMUSAK KOYU (Dim) ================= */
html[data-tema="yumusak"] {
  --win-accent: #f1f5f9;
  --win-accent-hover: #e2e8f0;
  --win-accent-pressed: #cbd5e1;
  --win-accent-fg: #0f172a;
  --win-bg: #1e2229;
  --win-surface: #262c36;
  --win-surface-alt: #303744;
  --win-border: rgba(255, 255, 255, 0.09);
  --win-border-strong: rgba(255, 255, 255, 0.16);
  --win-text: #f1f5f9;
  --win-text-secondary: #94a3b8;
  --win-shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35), 0 0.5px 0 rgba(0, 0, 0, 0.2);
  --win-shadow-card-hover: 0 4px 14px rgba(0, 0, 0, 0.45), 0 0.5px 0 rgba(0, 0, 0, 0.2);
  --win-success-fg: #aeeba2; --win-success-bg: #2e5a1b;
  --win-caution-fg: #ffdd9a;  --win-caution-bg: #5c4415;
  --win-critical-fg: #ffb3b3; --win-critical-bg: #5c2323;
  --win-info-fg: #cbd5e1;     --win-info-bg: #303744;
  --tema-yakit-fg: #ffb3b3;  --tema-yakit-bg: #5c2323;
  --tema-yakit-accent: #e07d81; --tema-yakit-accent-hover: #ec9599; --tema-yakit-accent-pressed: #c8686c;
  --tema-yemek-fg: #aeeba2;  --tema-yemek-bg: #2e5a1b;
  --tema-yemek-accent: #6fbd69; --tema-yemek-accent-hover: #82cf7c; --tema-yemek-accent-pressed: #5aa855;
  --tema-genel-fg: #cbd5e1;  --tema-genel-bg: #303744;
  --tema-genel-accent: #94a3b8; --tema-genel-accent-hover: #cbd5e1; --tema-genel-accent-pressed: #64748b;
  --tema-z_raporu-fg: #ddb8ee;  --tema-z_raporu-bg: #452a58;
  --tema-z_raporu-accent: #ac86ce; --tema-z_raporu-accent-hover: #bd9bd9; --tema-z_raporu-accent-pressed: #9871bc;
}
html[data-tema="yumusak"] .kategori-bant--yakit { background: #5c2323; border-left-color: #ffb3b3; color: #ffe0e0; }
html[data-tema="yumusak"] .kategori-bant--yemek { background: #5c4c15; border-left-color: #ffdd9a; color: #fff2d4; }
html[data-tema="yumusak"] .kategori-bant--z_raporu { background: #452a58; border-left-color: #ddb8ee; color: #f2e0ff; }
html[data-tema="yumusak"] .kategori-bant--genel { background: #303744; border-left-color: #94a3b8; color: #eceff2; }
html[data-tema="yumusak"] .kategori-bant--banka { background: #1c5c2c; border-left-color: #8aff8a; color: #dcffdc; }
html[data-tema="yumusak"] .kategori-bant--bilinmeyen,
html[data-tema="yumusak"] .kategori-bant--tanimsiz { background: #452a58; border-left-color: #e0b3ff; color: #f2e0ff; }
html[data-tema="yumusak"] img,
html[data-tema="yumusak"] .ana-gorsel-kapsayici { filter: brightness(0.97); }

/* ================= STIL: A (Sade/minimal) — varsayilan ================= */
html[data-stil="A"], html:not([data-stil]) {
  --stil-radius-card: 12px;
  --stil-radius-badge: 999px;
  --stil-card-pad: 20px;
  --stil-table-row-pad: 10px 12px;
  --stil-gap: 14px;
}

/* ================= STIL: B (Yogun/tablo) ================= */
html[data-stil="B"] {
  --stil-radius-card: 6px;
  --stil-radius-badge: 4px;
  --stil-card-pad: 12px;
  --stil-table-row-pad: 6px 8px;
  --stil-gap: 8px;
}

/* ================= STIL: C (Yumusak kartlar) ================= */
html[data-stil="C"] {
  --stil-radius-card: 18px;
  --stil-radius-badge: 20px;
  --stil-card-pad: 22px;
  --stil-table-row-pad: 10px 14px;
  --stil-gap: 16px;
}

/* Mevcut bilesenlerin --stil-* degiskenlerini KULLANMASI icin koprü kurallar
   -- style.css/subeler.css'teki sabit deger yerine buradan besleniyor.
   [NOT 19-08-2026] Bu ilk surumde SADECE kose yuvarlakligi/bosluk/rozet
   sekli stil'e gore degisiyor -- sayfa duzeninin kendisi (B'nin daha yogun
   sutun dizilimi gibi) henuz her sayfaya islenmedi, bu sonraki asamada
   sayfa sayfa uygulanacak. */
.fis-kategori-etiket,
.rozet, .pasif-etiket,
.satir-menu-buton { border-radius: var(--stil-radius-badge, 999px) !important; }
.fis-onay-kapsayici, .sube-karti, .subeler-bolum,
.win-card, .kategori-bant { border-radius: var(--stil-radius-card, 12px) !important; }
.hesap-tablosu td, .hesap-tablosu th { padding: var(--stil-table-row-pad, 8px 10px) !important; }

/* ================= Ayarlar sayfasi: Tema/Stil secici butonlari ================= */
.gorunum-secici-grup { margin-bottom: 18px; }
.gorunum-secici-baslik { margin: 0 0 8px; font-size: 13px; font-weight: 600; color: var(--win-text-secondary); }
.gorunum-secici-butonlar { display: flex; gap: 8px; flex-wrap: wrap; }
.gorunum-secici-buton {
  min-height: 42px; padding: 10px 17px;
  border-radius: var(--stil-radius-card, 12px);
  border: 1px solid var(--win-border); background: var(--win-surface);
  color: var(--win-text); box-shadow: var(--win-shadow-card);
  font: inherit; font-size: 13px; font-weight: 650; cursor: pointer;
  transition: transform .15s ease, border-color .15s ease,
              background .15s ease, box-shadow .15s ease;
}
.gorunum-secici-buton:hover {
  transform: translateY(-2px); border-color: var(--win-accent);
  background: var(--win-surface-alt); box-shadow: var(--win-shadow-card-hover);
}
.gorunum-secici-buton:focus-visible { outline: 2px solid var(--win-accent); outline-offset: 2px; }
.gorunum-secici-buton--aktif {
  border-color: var(--win-accent); background: var(--win-accent);
  color: #fff; box-shadow: var(--win-shadow-card-hover); font-weight: 750;
}
.gorunum-secici-buton--aktif:hover { background: var(--win-accent-hover); }

/* ================= GLOBAL BUTON VE GEZİNME STANDARDI (AGENTS.md) ================= */