/* POPS BOT TEMASI -- koyu lacivert + sedefli beyaz (kullanici 07.10.2026:
   "site arka plani koyu lacivert ve sedefli beyaz tonlarda olsun").

   NEDEN AYRI DOSYA: ortak.css Turan / Yakman14 / Pops'ta BIREBIR AYNI kalir (guncellemeler 3 klasore
   oldugu gibi kopyalanir). Pops'a ozgu butun renkler YALNIZ bu dosyada. HTML'lerde ortak.css'ten
   HEMEN SONRA yuklenir (giris/kayit/panel/admin.html) -> ayni secici, sonra gelen kazanir.

   KURAL: ortak.css'te marka kirmizisi (#cc1111 / #f41f1c / rgba(204,17,17) / rgba(244,31,28) /
   #3a0a0a ...) iki anlamda kullaniliyor:
     1) MARKA VURGUSU (dugme, secili sekme, cerceve, isilti)  -> burada SEDEF'e cevrilir
     2) HATA / UYARI (hata yazisi, kirmizi nokta, uyari kutusu) -> burada --hata ile KIRMIZI KALIR
   Alev (Kayip Topraklar aktif cercevesi) turuncu, odul altini sari: anlam tasir, DOKUNULMAZ.
   site/test_tema.py: ortak.css'e yeni kirmizi kural eklenirse burada karsiligi yoksa DUSER. */

:root {
  /* zeminler: koyu lacivert */
  --siyah: #081026;
  --kart: #0e1a38;
  --kart-2: #142449;
  --kan-koyu: #1b2f5c;            /* ortak.css'te hover / secili satir zemini */
  /* vurgu: sedef beyaz (ortak.css bu iki degiskeni marka vurgusu icin kullanir) */
  --kirmizi: #e9e3d6;
  --kirmizi-parlak: #f6f1e7;
  --gumus: #b5c0d6;
  --beyaz: #f3f0e9;
  --cizgi: rgba(226,220,206,.12);
  /* Pops'a ozel */
  --sedef: linear-gradient(135deg, #fdfbf6 0%, #e4ebf6 28%, #f3e6ee 52%, #e3f1ec 76%, #fbf6ea 100%);
  --sedef-parlak: linear-gradient(135deg, #ffffff 0%, #eef3fb 30%, #fbf0f5 55%, #edf8f3 78%, #fffbf2 100%);
  --lacivert-yazi: #0a1633;
  --hata: #ff6b6b;
  --hata-koyu: #e5484d;
}

/* ——— Zemin ——— */
body {
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(120,150,215,.22), transparent 60%),
    radial-gradient(ellipse 60% 40% at 90% 110%, rgba(236,228,214,.06), transparent 70%),
    var(--siyah);
}

/* ——— Ust bar + logo + marka yazisi ——— */
.ustbar { background: #0a1430; box-shadow: 0 1px 0 rgba(232,226,212,.28); }
.logo-kucuk { border: 1px solid rgba(236,230,216,.55); box-shadow: 0 0 10px rgba(236,230,216,.22); background: #081026; }
.ustbar-yazi strong, .giris-kart h1 {
  background: var(--sedef); -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
}
.ustbar-yazi span { color: var(--gumus); }

/* ——— Dugmeler ——— */
.btn:hover { border-color: rgba(236,230,216,.45); }
.btn.btn-ana, button.btn-ana {
  background: var(--sedef); border-color: #e9e3d6; color: var(--lacivert-yazi);
  box-shadow: 0 0 16px rgba(236,230,216,.22);
}
.btn.btn-ana:hover, button.btn-ana:hover { background: var(--sedef-parlak); border-color: #ffffff; }
.btn.btn-tehlike { border-color: rgba(255,107,107,.55); color: #ffd0d0; }
.btn-tetik { border-color: rgba(255,107,107,.55); color: #ffd0d0; }

/* ——— Sistem secici (Askeri Cagri / Farm Botu) ——— */
.btn.sistem-btn {
  border-color: rgba(236,230,216,.5);
  background: linear-gradient(180deg, rgba(150,175,230,.18), rgba(14,26,56,.85));
  box-shadow: 0 0 12px rgba(236,230,216,.14);
}
.sistem-menu { border: 1px solid rgba(236,230,216,.35); box-shadow: 0 12px 32px rgba(0,0,0,.6), 0 0 18px rgba(150,175,230,.14); }
.sistem-secenek:hover:not(:disabled), .sistem-secenek:focus-visible { border-color: rgba(236,230,216,.3); }
.sistem-secenek.secili { background: rgba(236,230,216,.10); border-color: rgba(236,230,216,.55); }
.sistem-secenek.secili .sistem-no { background: var(--sedef); border-color: #e9e3d6; color: var(--lacivert-yazi); }

/* ——— Form ——— */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"],
select, textarea { background: #091331; }
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 3px rgba(236,230,216,.18); }
.anahtar { background: #2a3658; }
.anahtar[aria-checked="true"] { background: var(--sedef); }
input[type="checkbox"], input[type="radio"] { accent-color: #e9e3d6; }
.anahtar[aria-checked="true"]::after { background: var(--lacivert-yazi); }

/* ——— Kartlar / sayilar ——— */
.puan-kart { border: 1px solid rgba(236,230,216,.28); }
.puan-kart .sayi-buyuk { text-shadow: 0 0 18px rgba(200,215,245,.45); }
.faz { border: 1px solid rgba(236,230,216,.4); color: var(--beyaz); }
.token-kutu { border: 1px dashed rgba(236,230,216,.45); }
.panel-sabit.yapisik { box-shadow: 0 1px 0 rgba(236,230,216,.28), 0 8px 16px -10px rgba(0,0,0,.9); }
.reklam-satir.acik .reklam-durum { border-color: rgba(236,230,216,.4); color: var(--beyaz); }
.farm-satir.acik { border-color: rgba(236,230,216,.45); box-shadow: 0 0 0 1px rgba(236,230,216,.18), 0 8px 26px rgba(0,0,0,.4); }
.log-json { background: #091331; }
.gorev-baslik-mod { background: #091331; }

/* ——— Rozetler (sedef zemin -> lacivert yazi) ——— */
.hesap-sekme .kirli-nokta { box-shadow: 0 0 6px rgba(236,230,216,.6); }
.hesap-sekme .sekme-rozet { background: var(--sedef); color: var(--lacivert-yazi); box-shadow: 0 0 6px rgba(236,230,216,.6); }
.msj-okunmamis { background: var(--sedef); color: var(--lacivert-yazi); font-weight: 700; }
.sv-dugme.aktif { background: var(--sedef); border-color: #e9e3d6; color: var(--lacivert-yazi); }

/* ——— Arsa haritasi ——— */
.arsa.hedefli svg.zemin polygon:first-child { stroke: #e9e3d6; }
.arsa.hedefli { filter: drop-shadow(0 0 5px rgba(236,230,216,.45)); }
.arsa.kapali .hit::after {
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(6,12,30,.45) 5px, rgba(6,12,30,.45) 9px);
}
.arsa.sabit svg.zemin polygon:first-child { stroke: #a9c4ff; }
.arsa.hedefli .rozet { border-color: #e9e3d6; }
.arsa .rozet .ipucu { border: 1px solid rgba(236,230,216,.55); }
.arsa .arsa-no { color: #0a1633; }
.arsa .sayi { color: #13245a; text-shadow: 0 1px 0 rgba(255,255,255,.45); }
.lejant .l-hedef i { box-shadow: 0 0 0 1px #e9e3d6; }
.lejant .l-kilit i { box-shadow: inset 0 0 0 1px #a9c4ff; }

/* ——— Giris / kayit sayfasi ——— */
.giris-pece {
  background:
    linear-gradient(180deg, rgba(8,16,38,.30) 0%, rgba(8,16,38,.76) 55%, rgba(8,16,38,.94) 100%),
    radial-gradient(ellipse 70% 50% at 50% 18%, rgba(150,175,230,.16), transparent 70%);
}
.giris-kart {
  background: rgba(14,26,56,.82); border: 1px solid rgba(236,230,216,.14);
  box-shadow: 0 24px 60px rgba(0,0,0,.55), 0 0 40px rgba(150,175,230,.14);
}
.giris-ikon { border: 2px solid rgba(236,230,216,.6); box-shadow: 0 0 28px rgba(236,230,216,.32); background: #081026; }
.giris-alt { color: var(--gumus); }
/* "POWERED BY" yazisi Pops'ta YOK (kullanici 07.10: "powered by pops yazisini kaldir"): giris kartinda basligin
   altindaki 20 px'lik araligi baslik tasir. Kayit sayfasindaki "UYE KAYDI" alt yazisi kalir. */
#giris-form h1 { margin-bottom: 20px; }

/* ——— HATA / UYARI: kirmizi kalir ——— */
.hata { color: var(--hata); }
.uyari { border: 1px solid rgba(255,107,107,.45); color: #ffd0d0; }
.uyari.uyari-belirgin { border: 1px solid var(--hata); box-shadow: 0 0 14px rgba(255,107,107,.2); }
.sayac.asimi { color: var(--hata); }
.toast.err { border-color: var(--hata); color: #ffd0d0; }
.gorev-satir-ozet .hata-mesaj { color: var(--hata); }
.gorev-hata-nokta { background: var(--hata); box-shadow: 0 0 6px rgba(255,107,107,.6); }
.gorev-uyari { border-left: 3px solid var(--hata); color: var(--hata); }
.alan-hata { border-color: var(--hata) !important; box-shadow: 0 0 0 2px rgba(255,107,107,.25); }
.gorev-durum.sonuc-hata { color: var(--hata); }
.kaynak-sev-satir.hata { border-color: var(--hata); }
.kaynak-sev-uyari { color: var(--hata); }
.gorev-kaynak-uyari { color: var(--hata); }
.kaynak-fark.dusus { color: var(--hata); }
.log-satir.log-kurulum .log-simge { color: var(--hata); }
.gorev-hata-metni { border-color: var(--hata); }
.kaynak-sev-satir.gorselli.hata .kaynak-sev-gorsel { border-color: var(--hata); box-shadow: 0 0 0 1px var(--hata) inset; }
.kalan-gun.bitti { color: #ffd0d0; border-color: rgba(255,107,107,.55); }

/* ——— v187 BASKIN MODU / kilitli gorev satiri (16.10): ALARM anlami -> --hata kirmizisi (sedefe cevrilmez) ——— */
.btn.baskin-dugme { border-color: rgba(255,107,107,.55); color: #ffd0d0; }
.btn.baskin-dugme.aktif {
  background: var(--hata-koyu); border-color: var(--hata); color: #fff;
  box-shadow: 0 0 0 1px rgba(255,107,107,.6), 0 0 14px rgba(255,107,107,.45);
}
@keyframes baskin-nabiz { 50% { box-shadow: 0 0 0 1px rgba(255,107,107,.6), 0 0 4px rgba(255,107,107,.25); } }
.gorev-kilit { border-color: rgba(255,107,107,.65); background: rgba(255,107,107,.14); color: #ffd0d0; }
.gorev-kilit-not { border-left-color: var(--hata); background: rgba(255,107,107,.10); color: #ffd0d0; }

/* KALIR-LISTESI (anlam tasiyan renkler, ortak.css'teki gibi kalir -- burada bilerek YENIDEN YAZILMADI):
   .gorev-baslik-mod.alev.secili  .gorev-baslik-mod.alev.secili::after        (turuncu alev efekti)
   .gorev-satir-blok.kt-aktif.alev-aktif  .gorev-satir-blok.kt-aktif.alev-aktif::before
   .log-satir.log-kurulum .log-metin   (#ffd0d0 acik kirmizi yazi, hata ailesi)
   .t-55   (asker kademe rengi)
   .ekipman-btn.secili   (altin dugme uzerinde koyu altin yazi) */
/* WhatsApp toplu (18.10): karisik durumdaki ana anahtar (ortak.css'te yari kirmizi) -> yari sedef */
.anahtar[aria-checked="mixed"] { background: rgba(236,230,216,.45); }
.anahtar[aria-checked="mixed"]::after { background: var(--lacivert-yazi); }