/* ====================================================================
   koyu.css v5 — KOYU TEMA, 5 TASARIM (2026-10-13). <html data-tema="koyu" [data-kt="2..5"]>, her sayfada EN SON yuklenir.
   Kullanici: "cok goz sikiyor, 5 tane adam akilli tasarim yap, tum sayfalara uyumlu".
   1 Black (varsayilan, mm2empire)  2 Charcoal  3 Dimmed  4 Warm  5 Midnight
   YONTEM: sitenin CSS'indeki acik renkler "var(--kd-*, <asil renk>)"; tonlar yalniz degisken verir, katman kurallari ortak.
   ==================================================================== */
html[data-tema="koyu"] {
  color-scheme:dark;
  --godly:#F2A93B; --ancient:#A99AF5; --chroma:#4FD1E0; --vintage:#7AABFA; --legendary:#F59E62; --unique:#EE8BC0; --common:var(--ink-2);
  --golge:0 1px 2px rgba(0,0,0,.25), 0 8px 20px -12px rgba(0,0,0,.5);
  --kd-mavi:rgba(76,141,246,.11); --kd-kirmizi:rgba(239,68,68,.11); --kd-sari:rgba(245,158,11,.11); --kd-yesil:rgba(16,185,129,.11);
  --kd-sari-kenar:rgba(245,158,11,.28); --kd-kirmizi-kenar:rgba(239,68,68,.28); --kd-yesil-kenar:rgba(16,185,129,.28);
}
/* 1 · Black */
html[data-tema="koyu"] {
  --zemin:#0F0F0F; --inci:#141414; --buz:#0F0F0F; --buz-2:#181818; --cam:rgba(17,17,17,.92);
  --cizgi:rgba(255,255,255,.07); --cizgi-2:rgba(255,255,255,.12); --kd-iz:rgba(255,255,255,.10);
  --ink:#F5F5F5; --ink-2:#8C9095; --ink-3:#787C82; --kd-yazi:#F5F5F5;
  --mavi:#4C8DF6; --mavi-koyu:#7AABFA; --mavi-sis:rgba(76,141,246,.13); --mavi-ln:rgba(76,141,246,.42);
  --kd-yuzey:#111111; --kd-basik:#0B0B0B; --kd-cam:17,17,17; --kd-zemin-rgb:15,15,15; --kd-kenar:rgba(255,255,255,.065); --kd-halka:#0F0F0F; --kd-kap:#0F0F0F;
  --k-kabarik:#181818; --k-yuzey:#111111; --k-girdi:#0F0F0F; --k-panel:#0F0F0F; --k-pencere:#111111; --k-cip:#181818; --k-anahtar:#2A2A2A; --k-zemin:#0F0F0F; --k-zemin-rgb:15,15,15;
  --t-kart:#141414; --t-kenar-g:rgba(255,255,255,.09);
}
/* 2 · Charcoal */
html[data-tema="koyu"][data-kt="2"] {
  --zemin:#121212; --inci:#202020; --buz:#161616; --buz-2:#252525; --cam:rgba(26,26,26,.92);
  --cizgi:rgba(255,255,255,.07); --cizgi-2:rgba(255,255,255,.12); --kd-iz:rgba(255,255,255,.10);
  --ink:#E3E3E3; --ink-2:#A8A8A8; --ink-3:#878787; --kd-yazi:#E3E3E3;
  --mavi:#4F8FF7; --mavi-koyu:#7EAEFA; --mavi-sis:rgba(79,143,247,.13); --mavi-ln:rgba(79,143,247,.42);
  --kd-yuzey:#1A1A1A; --kd-basik:#0D0D0D; --kd-cam:26,26,26; --kd-zemin-rgb:18,18,18; --kd-kenar:rgba(255,255,255,.065); --kd-halka:#121212; --kd-kap:#161616;
  --k-kabarik:#2A2A2A; --k-yuzey:#1A1A1A; --k-girdi:#161616; --k-panel:#161616; --k-pencere:#1A1A1A; --k-cip:#252525; --k-anahtar:#3A3A3A; --k-zemin:#121212; --k-zemin-rgb:18,18,18;
  --t-kart:#202020; --t-kenar-g:rgba(255,255,255,.09);
}
/* 3 · Dimmed */
html[data-tema="koyu"][data-kt="3"] {
  --zemin:#1C2128; --inci:#2A3038; --buz:#1C2128; --buz-2:#2F353E; --cam:rgba(34,39,46,.92);
  --cizgi:rgba(205,217,229,.07); --cizgi-2:rgba(205,217,229,.12); --kd-iz:rgba(205,217,229,.10);
  --ink:#CDD5DF; --ink-2:#939FAC; --ink-3:#7D8894; --kd-yazi:#CDD5DF;
  --mavi:#539BF5; --mavi-koyu:#82B6F8; --mavi-sis:rgba(83,155,245,.13); --mavi-ln:rgba(83,155,245,.42);
  --kd-yuzey:#22272E; --kd-basik:#171B21; --kd-cam:34,39,46; --kd-zemin-rgb:28,33,40; --kd-kenar:rgba(205,217,229,.065); --kd-halka:#1C2128; --kd-kap:#1C2128;
  --k-kabarik:#343B45; --k-yuzey:#22272E; --k-girdi:#1C2128; --k-panel:#1C2128; --k-pencere:#22272E; --k-cip:#2F353E; --k-anahtar:#454D59; --k-zemin:#1C2128; --k-zemin-rgb:28,33,40;
  --t-kart:#2A3038; --t-kenar-g:rgba(205,217,229,.09);
}
/* 4 · Warm */
html[data-tema="koyu"][data-kt="4"] {
  --zemin:#161412; --inci:#24211E; --buz:#191715; --buz-2:#29261F; --cam:rgba(29,27,24,.92);
  --cizgi:rgba(255,240,225,.07); --cizgi-2:rgba(255,240,225,.12); --kd-iz:rgba(255,240,225,.10);
  --ink:#E7E2DC; --ink-2:#ABA49B; --ink-3:#8B847C; --kd-yazi:#E7E2DC;
  --mavi:#5B8FEA; --mavi-koyu:#86AEF0; --mavi-sis:rgba(91,143,234,.13); --mavi-ln:rgba(91,143,234,.42);
  --kd-yuzey:#1D1B18; --kd-basik:#110F0E; --kd-cam:29,27,24; --kd-zemin-rgb:22,20,18; --kd-kenar:rgba(255,240,225,.065); --kd-halka:#161412; --kd-kap:#191715;
  --k-kabarik:#2E2A26; --k-yuzey:#1D1B18; --k-girdi:#191715; --k-panel:#191715; --k-pencere:#1D1B18; --k-cip:#29261F; --k-anahtar:#3E3934; --k-zemin:#161412; --k-zemin-rgb:22,20,18;
  --t-kart:#24211E; --t-kenar-g:rgba(255,240,225,.09);
}
/* 5 · Midnight */
html[data-tema="koyu"][data-kt="5"] {
  --zemin:#0D1117; --inci:#19202B; --buz:#0F141B; --buz-2:#1D2430; --cam:rgba(19,25,34,.92);
  --cizgi:rgba(180,200,230,.07); --cizgi-2:rgba(180,200,230,.12); --kd-iz:rgba(180,200,230,.10);
  --ink:#DCE3EC; --ink-2:#929DAD; --ink-3:#778293; --kd-yazi:#DCE3EC;
  --mavi:#4F8DFB; --mavi-koyu:#7FADFC; --mavi-sis:rgba(79,141,251,.13); --mavi-ln:rgba(79,141,251,.42);
  --kd-yuzey:#131922; --kd-basik:#0A0D12; --kd-cam:19,25,34; --kd-zemin-rgb:13,17,23; --kd-kenar:rgba(180,200,230,.065); --kd-halka:#0D1117; --kd-kap:#0F141B;
  --k-kabarik:#222A36; --k-yuzey:#131922; --k-girdi:#0F141B; --k-panel:#0F141B; --k-pencere:#131922; --k-cip:#1D2430; --k-anahtar:#323C4B; --k-zemin:#0D1117; --k-zemin-rgb:13,17,23;
  --t-kart:#19202B; --t-kenar-g:rgba(180,200,230,.09);
}

/* ---------------------------------------------------- ozel ayarlar (yalniz uc ogeler) */
html.tema-gecis, html.tema-gecis body, html.tema-gecis body * { transition:background-color .35s ease, border-color .35s ease, color .35s ease !important; }
html[data-tema="koyu"] body { background:var(--zemin); }
html[data-tema="koyu"] .fon svg { opacity:0; }
html[data-tema="koyu"] .fon::after { background:radial-gradient(1100px 560px at 50% -8%, rgba(255,255,255,.035), transparent 70%); }
/* baslik + kayan sekme kutulari: bir kat yukarida (light'ta beyaz) */
html[data-tema="koyu"] body.bas2 .nav-iz, html[data-tema="koyu"] .seg-izli > .seg-iz { background:var(--k-kabarik); box-shadow:0 1px 0 rgba(255,255,255,.05) inset, 0 2px 6px rgba(0,0,0,.35); }
html[data-tema="koyu"] body.bas2 .menu nav button.acik, html[data-tema="koyu"] .seg button.on, html[data-tema="koyu"] .sekmeler button.on, html[data-tema="koyu"] .ck-fil button.on,
html[data-tema="koyu"] .ck-sekme button.on, html[data-tema="koyu"] .rw-mod button.on, html[data-tema="koyu"] .ck-aglar button.on b, html[data-tema="koyu"] .ay-nav button.on { color:#fff; }
html[data-tema="koyu"] .seg:not(.seg-izli) > .on, html[data-tema="koyu"] .ck-aglar:not(.seg-izli) > .on { background:var(--k-kabarik); }
html[data-tema="koyu"] .ay-nav button.on { background:var(--k-kabarik); box-shadow:none; }
/* ice basilmis secili: koyu ic golge */
html[data-tema="koyu"] .kart.secili, html[data-tema="koyu"] .hesap.on, html[data-tema="koyu"] .hesap:active, html[data-tema="koyu"] .hesap-ek:active, html[data-tema="koyu"] .ck-y.on,
html[data-tema="koyu"] .hb-satir.on, html[data-tema="koyu"] .ft button.on, html[data-tema="koyu"] .rw-satir:active {
  box-shadow:inset 0 2px 8px rgba(0,0,0,.55), inset 0 0 0 1px rgba(255,255,255,.06); }
html[data-tema="koyu"] .ft button.on { background:var(--kd-basik); color:#fff; }
html[data-tema="koyu"] .ft .ft-g img { opacity:.6; }
/* mavi kart ustundeki beyaz dugmeler: yazi koyu mavi */
html[data-tema="koyu"] .ck-mavi-btn:not(:disabled), html[data-tema="koyu"] .sat-btn:not(:disabled), html[data-tema="koyu"] .rw-buyut-x { color:#1D4ED8; }
/* durum renkleri */
html[data-tema="koyu"] .d-completed, html[data-tema="koyu"] .rozet.odendi, html[data-tema="koyu"] .ay-cip.ok { color:#34D399; background:rgba(16,185,129,.14); box-shadow:none; }
html[data-tema="koyu"] .rozet.iptal, html[data-tema="koyu"] .d-failed { color:#FCA5A5; background:rgba(239,68,68,.14); }
html[data-tema="koyu"] .rozet.bekler, html[data-tema="koyu"] .d-pending, html[data-tema="koyu"] .d-partial { color:var(--mavi-koyu); background:var(--mavi-sis); }
html[data-tema="koyu"] .d-cancelled { color:var(--ink-2); background:var(--buz-2); }
html[data-tema="koyu"] .satir .im { background:var(--buz-2); }
html[data-tema="koyu"] .satir .im.odendi { color:#34D399; background:rgba(16,185,129,.12); }
html[data-tema="koyu"] .satir .im.iptal { color:#FCA5A5; background:rgba(239,68,68,.12); }
html[data-tema="koyu"] .satir .im.bekler { color:var(--mavi-koyu); background:var(--mavi-sis); }
html[data-tema="koyu"] .ck-ag-uyari svg, html[data-tema="koyu"] .rw-uyari svg, html[data-tema="koyu"] .ay-not:not(.ok) svg, html[data-tema="koyu"] .rw-durum, html[data-tema="koyu"] .ay-cip.sari { color:#FCD34D; }
html[data-tema="koyu"] .ay-cip.sari { background:rgba(245,158,11,.12); box-shadow:inset 0 0 0 1px rgba(245,158,11,.3); }
/* telefon tam ekran cekim penceresi: zemin rengi */
@media (max-width:980px) {
  html[data-tema="koyu"] body.ck-pop-acik .cd-1 .ck-sag { background:var(--zemin); }
  html[data-tema="koyu"] .cd-1 .ck-pop-bas { background:rgba(var(--kd-zemin-rgb),.96); }
  html[data-tema="koyu"] body.ck-pop-acik .cd-1 .ck-sag-ic > .ck-p-mavi::before { background:linear-gradient(to bottom, rgba(var(--kd-zemin-rgb),0), var(--zemin)); }
  html[data-tema="koyu"] .ck-form.rw > .rw-icerik > .rw-ara { box-shadow:0 0 0 6px var(--zemin); }
}
/* girissiz ekran isigi */
html[data-tema="koyu"] .tp::before { background:radial-gradient(46% 42% at 50% 50%, var(--zemin) 0, var(--zemin) 42%, rgba(var(--kd-zemin-rgb),.97) 58%,
  rgba(var(--kd-zemin-rgb),.78) 72%, rgba(var(--kd-zemin-rgb),.38) 84%, rgba(var(--kd-zemin-rgb),0) 96%); }
html[data-tema="koyu"] ::-webkit-scrollbar-thumb { background-color:rgba(255,255,255,.14); }
html[data-tema="koyu"] input::placeholder, html[data-tema="koyu"] textarea::placeholder { color:#55606C; }
html[data-tema="koyu"] .pm-anah { background:var(--k-anahtar); }
html[data-tema="koyu"] .on > .pm-anah { background:var(--mavi); }
html[data-tema="koyu"] .ap-perde, html[data-tema="koyu"] .hb-perde, html[data-tema="koyu"] .rw-buyut, html[data-tema="koyu"] .perde, html[data-tema="koyu"] .trd-perde { background:rgba(0,0,0,.6); }
html[data-tema="koyu"] .trd-adim li::after, html[data-tema="koyu"] .trd-parca i, html[data-tema="koyu"] .trd-sv-cubuk,
html[data-tema="koyu"] .ck-adim3 li::after, html[data-tema="koyu"] .ck-adimlar li::after, html[data-tema="koyu"] .rw-adim li > i,
html[data-tema="koyu"] .at-p, html[data-tema="koyu"] .sh-bar, html[data-tema="koyu"] .sepet-nadir, html[data-tema="koyu"] .tpp-cubuk, html[data-tema="koyu"] .tpp-seg i,
html[data-tema="koyu"] body.ts-34 .tara-kutu::before, html[data-tema="koyu"] .tara-kutu .tk-k i, html[data-tema="koyu"] .tp-mk i,
html[data-tema="koyu"] .tp-noktalar button:not(.on), html[data-tema="koyu"] body.hb-5 .hb-nokta i:not(.on), html[data-tema="koyu"] .trd-onay-tutamak { background-color:var(--kd-iz); }

/* ====================================================================
   KATMANLAR v5 (tum tonlar ortak): zemin < panel < kart < kabarik dugme. Girdiler panelden bir kat koyu (ice gomulu).
   Saf beyaz yazi yok (goz yormasin); mavi kartlar koyuda daha az parlak.
   ==================================================================== */
html[data-tema="koyu"] body { background:var(--zemin); }
html[data-tema="koyu"] .fon::after { background:none; }
html[data-tema="koyu"] .ap-duvar { opacity:.03; filter:grayscale(.85); }
html[data-tema="koyu"] .ap-esya img { opacity:.05; filter:grayscale(.85); }
/* baslik */
html[data-tema="koyu"] body.bas2 .menu-sar .menu { background:var(--k-yuzey); border-color:var(--kd-kenar) !important;
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset, 0 12px 32px -16px rgba(0,0,0,.7); }
html[data-tema="koyu"] body.bas2 .bakiye, html[data-tema="koyu"] body.bas2 .profil {
  background:var(--k-kabarik); border-color:transparent !important; box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -2px 0 rgba(0,0,0,.28) !important; }
html[data-tema="koyu"] body.bas2 .profil.pm-acik { background:var(--kd-basik); box-shadow:inset 0 2px 6px rgba(0,0,0,.5) !important; }
@media (min-width:561px) {
  html[data-tema="koyu"] body.bas2 .menu nav button { color:var(--ink-3); }
  html[data-tema="koyu"] body.bas2 .menu nav button.acik { color:var(--ink); }
}
@media (max-width:560px) { html[data-tema="koyu"] body.bas2 .menu nav { background:var(--k-girdi); box-shadow:inset 0 0 0 1px var(--kd-kenar); } }
html[data-tema="koyu"] body.bas2 .nav-iz { background:var(--mavi); box-shadow:none; }
@media (max-width:560px) { html[data-tema="koyu"] body.bas2 .nav-iz { background:var(--k-kabarik); } }
/* kayan sekme kutusu / secili sekme */
html[data-tema="koyu"] .seg-izli > .seg-iz, html[data-tema="koyu"] .seg:not(.seg-izli) > .on,
html[data-tema="koyu"] .ck-aglar:not(.seg-izli) > .on, html[data-tema="koyu"] .ay-nav button.on {
  background:var(--k-kabarik); box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 1px 3px rgba(0,0,0,.3); }
html[data-tema="koyu"] body.bas2 .menu nav button.acik, html[data-tema="koyu"] .seg button.on, html[data-tema="koyu"] .sekmeler button.on, html[data-tema="koyu"] .ck-fil button.on,
html[data-tema="koyu"] .ck-sekme button.on, html[data-tema="koyu"] .rw-mod button.on, html[data-tema="koyu"] .ck-aglar button.on b, html[data-tema="koyu"] .ay-nav button.on { color:var(--ink); }
/* kartlar: panelden bir kat acik + ince cizgi + yumusak golge */
html[data-tema="koyu"] .kart:not(.secili), html[data-tema="koyu"] .ck-y:not(.on), html[data-tema="koyu"] .at-k, html[data-tema="koyu"] .ck-kutu,
html[data-tema="koyu"] .hesaplar .hesap:not(.on), html[data-tema="koyu"] .hesaplar .hesap-ek {
  background:var(--t-kart); box-shadow:inset 0 0 0 1px var(--kd-kenar), 0 1px 2px rgba(0,0,0,.22), 0 6px 14px -8px rgba(0,0,0,.45) !important; }
html[data-tema="koyu"] .kart.secili, html[data-tema="koyu"] .ck-y.on, html[data-tema="koyu"] .hesaplar .hesap.on, html[data-tema="koyu"] .hb-satir.on, html[data-tema="koyu"] .ft button.on {
  background:var(--kd-basik); box-shadow:inset 0 2px 8px rgba(0,0,0,.45), inset 0 0 0 1px var(--t-kenar-g) !important; }
/* profil menusu */
html[data-tema="koyu"] .pm { background:var(--k-pencere); box-shadow:inset 0 0 0 1px var(--kd-kenar), 0 18px 44px -14px rgba(0,0,0,.65), 0 3px 10px rgba(0,0,0,.25) !important; }
/* mavi kartlar: koyuda daha derin, daha az parlama */
html[data-tema="koyu"] .ck-bakiye, html[data-tema="koyu"] .ck-mavi, html[data-tema="koyu"] body.sc-21 .sepet-alt, html[data-tema="koyu"] body.sc-6 .sepet-alt,
html[data-tema="koyu"] .spp-al, html[data-tema="koyu"] .rv-5 .spp-yan, html[data-tema="koyu"] .tp-sahne {
  background:radial-gradient(120% 90% at 100% 0%, rgba(255,255,255,.09), transparent 55%), linear-gradient(150deg,#1A3478,#1E4CC4 60%,#2B63DD) !important;
  box-shadow:0 10px 26px -16px rgba(20,60,160,.55) !important; }
html[data-tema="koyu"] .ck-mavi-btn:not(:disabled), html[data-tema="koyu"] .sat-btn:not(:disabled) { background:#E8EEF8; }
html[data-tema="koyu"] ::-webkit-scrollbar-thumb { background-color:rgba(255,255,255,.12); }
html[data-tema="koyu"] input::placeholder, html[data-tema="koyu"] textarea::placeholder { color:var(--ink-3); }

/* 1 · Black = mm2empire olculeri: cizgiler duz #181818 (saydam degil), iz #1E1E1E, kartlarda golge yok denecek kadar az */
html[data-tema="koyu"]:not([data-kt]) { --cizgi:#181818; --cizgi-2:#1E1E1E; --kd-kenar:#181818; --t-kenar-g:#222222; --kd-iz:#1E1E1E; }
html[data-tema="koyu"]:not([data-kt]) .kart:not(.secili), html[data-tema="koyu"]:not([data-kt]) .ck-y:not(.on), html[data-tema="koyu"]:not([data-kt]) .at-k,
html[data-tema="koyu"]:not([data-kt]) .ck-kutu, html[data-tema="koyu"]:not([data-kt]) .hesaplar .hesap:not(.on), html[data-tema="koyu"]:not([data-kt]) .hesaplar .hesap-ek {
  box-shadow:inset 0 0 0 1px #181818, 0 4px 12px -8px rgba(0,0,0,.6) !important; }
html[data-tema="koyu"]:not([data-kt]) body.bas2 .bakiye, html[data-tema="koyu"]:not([data-kt]) body.bas2 .profil { box-shadow:inset 0 -2px 0 rgba(0,0,0,.5) !important; }
html[data-tema="koyu"]:not([data-kt]) .seg-izli > .seg-iz, html[data-tema="koyu"]:not([data-kt]) .seg:not(.seg-izli) > .on,
html[data-tema="koyu"]:not([data-kt]) .ck-aglar:not(.seg-izli) > .on, html[data-tema="koyu"]:not([data-kt]) .ay-nav button.on { box-shadow:inset 0 -2px 0 rgba(0,0,0,.5); }
html[data-tema="koyu"]:not([data-kt]) body.bas2 .menu-sar .menu { box-shadow:none; }
html[data-tema="koyu"]:not([data-kt]) .pm { box-shadow:inset 0 0 0 1px #181818, 0 8px 24px rgba(0,0,0,.5) !important; }

/* ==== 2026-10-15 koyu tema denetimi (headless, tum sayfalar): soluk yazi --ink-3 koyu zeminde kontrast 2.9 idi -> ~4.3 (yukarida 5 ton).
   Tarama / satis penceresi kabugu (.tpp): beyaz kapat dugmesi, beyaz bot karti (beyaz yazi!), beyaz 13+/13- etiketleri. */
html[data-tema="koyu"] .tpp-x { background:var(--buz-2); color:var(--ink-2); border-color:var(--cizgi-2); }
html[data-tema="koyu"] .tpp-bot { background:var(--buz-2); border-color:var(--cizgi-2); }
html[data-tema="koyu"] .tpp-btn.ana em { background:rgba(255,255,255,.2); color:#fff; }
html[data-tema="koyu"] .tpp-btn.ikinci em { background:var(--buz-2); color:var(--ink-2); box-shadow:inset 0 0 0 1px var(--cizgi-2); }