/* ABOZEIN BOT TEMASI -- siyah / antrasit zemin + altin sarisi vurgu + elektrik mavisi isilti + gumus yazi
   (kullanici 27.10.2026: "gorsel tasarim burada kullanilan renklerle bir butun olsun" -- logo: grafiti "AboZein BOT",
   altin zirhli robot, mavi gozler, siyah dumanli zemin). Renkler logodan olculdu: altin #f2a516 / #ffc23d / #ffe08a,
   mavi #2f8cff, zemin #050505 / #30353b.

   NEDEN AYRI DOSYA: ortak.css Turan / Yakman14 / Pops / Abozein'de BIREBIR AYNI kalir (guncellemeler klasorlere
   oldugu gibi kopyalanir). Abozein'e 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 ALTIN'a cevrilir (isiltiler yer yer MAVI)
     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: siyah / antrasit (soguk ton; logodaki duman grisi) */
  --siyah: #07080a;
  --kart: #121418;
  --kart-2: #1a1d23;
  --kan-koyu: #262b34;            /* ortak.css'te hover / secili satir zemini */
  /* vurgu: altin (ortak.css bu iki degiskeni marka vurgusu icin kullanir) */
  --kirmizi: #f2b01e;
  --kirmizi-parlak: #ffc94a;
  --gumus: #b9bfc9;
  --beyaz: #f2f3f5;
  --cizgi: rgba(200,206,216,.12);
  /* Abozein'e ozel */
  --altin: linear-gradient(135deg, #ffe08a 0%, #ffc23d 32%, #f2a516 64%, #d98c0c 100%);
  --altin-parlak: linear-gradient(135deg, #fff0b8 0%, #ffd25e 32%, #ffb82a 64%, #ea9a12 100%);
  --mavi: #2f8cff;
  --mavi-parlak: #6db0ff;
  --koyu-yazi: #111317;
  --hata: #ff6b6b;
  --hata-koyu: #e5484d;
}

/* ——— Zemin ——— */
body {
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgba(47,140,255,.16), transparent 60%),
    radial-gradient(ellipse 60% 40% at 90% 110%, rgba(242,165,22,.08), transparent 70%),
    var(--siyah);
}

/* ——— Ust bar + logo + marka yazisi ——— */
.ustbar { background: #0b0c0f; box-shadow: 0 1px 0 rgba(242,176,30,.38), 0 2px 14px -6px rgba(47,140,255,.35); }
/* logo dikey afis (2:3): kucuk yuvarlakta robotun kafasi gorunsun */
.logo-kucuk {
  border: 1px solid rgba(242,176,30,.75); box-shadow: 0 0 10px rgba(47,140,255,.35); background: #07080a;
  object-position: 50% 58%;
}
.ustbar-yazi strong, .giris-kart h1 {
  background: var(--altin); -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(242,176,30,.55); }
.btn.btn-ana, button.btn-ana {
  background: var(--altin); border-color: #f2b01e; color: var(--koyu-yazi);
  box-shadow: 0 0 16px rgba(242,165,22,.28);
}
.btn.btn-ana:hover, button.btn-ana:hover { background: var(--altin-parlak); border-color: #ffd25e; box-shadow: 0 0 18px rgba(47,140,255,.35); }
.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 / 12-18 sv) ——— */
.btn.sistem-btn {
  border-color: rgba(242,176,30,.6);
  background: linear-gradient(180deg, rgba(47,140,255,.20), rgba(18,20,24,.9));
  box-shadow: 0 0 12px rgba(47,140,255,.22);
}
.sistem-menu { border: 1px solid rgba(242,176,30,.38); box-shadow: 0 12px 32px rgba(0,0,0,.7), 0 0 18px rgba(47,140,255,.16); }
.sistem-secenek:hover:not(:disabled), .sistem-secenek:focus-visible { border-color: rgba(242,176,30,.35); }
.sistem-secenek.secili { background: rgba(242,176,30,.10); border-color: rgba(242,176,30,.6); }
.sistem-secenek.secili .sistem-no { background: var(--altin); border-color: #f2b01e; color: var(--koyu-yazi); }

/* ——— Form ——— */
input[type="text"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"],
select, textarea { background: #0d0f12; }
input:focus, select:focus, textarea:focus { box-shadow: 0 0 0 3px rgba(47,140,255,.30); }
.anahtar { background: #333944; }
.anahtar[aria-checked="true"] { background: var(--altin); }
input[type="checkbox"], input[type="radio"] { accent-color: #f2b01e; }
.anahtar[aria-checked="true"]::after { background: var(--koyu-yazi); }

/* ——— Kartlar / sayilar ——— */
.puan-kart { border: 1px solid rgba(242,176,30,.30); }
.puan-kart .sayi-buyuk { text-shadow: 0 0 18px rgba(47,140,255,.55); }
.faz { border: 1px solid rgba(242,176,30,.45); color: var(--beyaz); }
.token-kutu { border: 1px dashed rgba(242,176,30,.5); }
.panel-sabit.yapisik { box-shadow: 0 1px 0 rgba(242,176,30,.32), 0 8px 16px -10px rgba(0,0,0,.9); }
.reklam-satir.acik .reklam-durum { border-color: rgba(242,176,30,.45); color: var(--beyaz); }
.farm-satir.acik { border-color: rgba(242,176,30,.5); box-shadow: 0 0 0 1px rgba(47,140,255,.22), 0 8px 26px rgba(0,0,0,.45); }
.log-json { background: #0d0f12; }
.gorev-baslik-mod { background: #0d0f12; }

/* ——— Rozetler (altin zemin -> koyu yazi) ——— */
.hesap-sekme .kirli-nokta { box-shadow: 0 0 6px rgba(242,176,30,.7); }
.hesap-sekme .sekme-rozet { background: var(--altin); color: var(--koyu-yazi); box-shadow: 0 0 6px rgba(242,176,30,.6); }
.msj-okunmamis { background: var(--altin); color: var(--koyu-yazi); font-weight: 700; }
.sv-dugme.aktif { background: var(--altin); border-color: #f2b01e; color: var(--koyu-yazi); }

/* ——— Arsa haritasi ——— */
.arsa.hedefli svg.zemin polygon:first-child { stroke: #f2b01e; }
.arsa.hedefli { filter: drop-shadow(0 0 5px rgba(242,176,30,.5)); }
.arsa.kapali .hit::after {
  background: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(7,8,10,.5) 5px, rgba(7,8,10,.5) 9px);
}
.arsa.sabit svg.zemin polygon:first-child { stroke: #6db0ff; }
.arsa.hedefli .rozet { border-color: #f2b01e; }
.arsa .rozet .ipucu { border: 1px solid rgba(242,176,30,.6); }
.arsa .arsa-no { color: #111317; }
.arsa .sayi { color: #111317; text-shadow: 0 1px 0 rgba(255,255,255,.45); }
.lejant .l-hedef i { box-shadow: 0 0 0 1px #f2b01e; }
.lejant .l-kilit i { box-shadow: inset 0 0 0 1px #6db0ff; }

/* ——— Giris / kayit sayfasi ——— */
.giris-zemin { object-position: 50% 40%; }
.giris-pece {
  background:
    linear-gradient(180deg, rgba(7,8,10,.35) 0%, rgba(7,8,10,.78) 55%, rgba(7,8,10,.94) 100%),
    radial-gradient(ellipse 70% 50% at 50% 18%, rgba(47,140,255,.18), transparent 70%);
}
.giris-kart {
  background: rgba(18,20,24,.84); border: 1px solid rgba(242,176,30,.22);
  box-shadow: 0 24px 60px rgba(0,0,0,.6), 0 0 40px rgba(47,140,255,.16);
}
.giris-ikon {
  border: 2px solid rgba(242,176,30,.8); box-shadow: 0 0 28px rgba(47,140,255,.40); background: #07080a;
  object-position: 50% 58%;
}
.giris-alt { color: var(--gumus); }
/* "POWERED BY" yazisi Abozein'de YOK (Pops gibi): 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-inline-start: 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); }
/* Yonetici > Ozellikler: "Gizli" rozeti uyari anlami -> kirmizi kalir */
.oz-rozet-gizli { border-color: rgba(255,107,107,.55); color: #ffd0d0; }

/* ——— v187 BASKIN MODU / kilitli gorev satiri: ALARM anlami -> --hata kirmizisi (altina 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-inline-start-color: var(--hata); background: rgba(255,107,107,.10); color: #ffd0d0; }

/* WhatsApp toplu: karisik durumdaki ana anahtar (ortak.css'te yari kirmizi) -> yari altin */
.anahtar[aria-checked="mixed"] { background: rgba(242,176,30,.5); }
.anahtar[aria-checked="mixed"]::after { background: var(--koyu-yazi); }

/* 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) */