/* [IXFEAT-KARANLIK-MOD 2026-09-27] Agent board karanlik tema.
 *
 * Yontem: urunun KENDI Tailwind yardimci siniflarinin karanlik karsiligi.
 * html.ix-karanlik on eki sayesinde ozgulugumuz stok siniflardan yuksek;
 * satir-ici stille yazilmis kendi ortu satirlarim icin !important gerekir
 * (satir-ici stili baska hicbir sey ezemez).
 */

html.ix-karanlik {
  --ix-zemin:  #0f172a;   /* sayfa */
  --ix-kart:   #1b2638;   /* bg-white karsiligi */
  --ix-kart2:  #212e42;   /* bg-gray-50  */
  --ix-kart3:  #283850;   /* bg-gray-100 */
  --ix-kart4:  #334155;   /* bg-gray-200 */
  --ix-kenar:  #33415a;
  --ix-kenar2: #3d4d68;
  --ix-yazi:   #e8edf5;   /* text-gray-900 */
  --ix-yazi2:  #cdd7e5;   /* text-gray-700/800 */
  --ix-yazi3:  #a7b4c8;   /* text-gray-600 */
  --ix-yazi4:  #8b9ab2;   /* text-gray-400/500 */
  color-scheme: dark;     /* kaydirma cubugu ve form kontrolleri de kararir */
}

html.ix-karanlik,
html.ix-karanlik body            { background-color: var(--ix-zemin); color: var(--ix-yazi2); }

/* --- zeminler ---------------------------------------------------------- */
html.ix-karanlik .bg-white       { background-color: var(--ix-kart); }
html.ix-karanlik .bg-gray-50     { background-color: var(--ix-kart2); }
html.ix-karanlik .bg-gray-100    { background-color: var(--ix-kart3); }
html.ix-karanlik .bg-gray-200    { background-color: var(--ix-kart4); }
html.ix-karanlik .bg-gray-300    { background-color: #3f4f68; }
html.ix-karanlik .bg-gray-400    { background-color: #4d5e78; }
html.ix-karanlik .bg-gray-500    { background-color: #5b6c87; }
html.ix-karanlik .bg-gray-600    { background-color: #697b96; }

/* --- yazilar ----------------------------------------------------------- */
html.ix-karanlik .text-gray-900  { color: var(--ix-yazi); }
html.ix-karanlik .text-gray-800  { color: var(--ix-yazi2); }
html.ix-karanlik .text-gray-700  { color: var(--ix-yazi2); }
html.ix-karanlik .text-gray-600  { color: var(--ix-yazi3); }
html.ix-karanlik .text-gray-500  { color: var(--ix-yazi4); }
html.ix-karanlik .text-gray-400  { color: #7c8ca5; }

/* --- kenarliklar ------------------------------------------------------- */
html.ix-karanlik .border-gray-100 { border-color: var(--ix-kenar); }
html.ix-karanlik .border-gray-200 { border-color: var(--ix-kenar); }
html.ix-karanlik .border-gray-300 { border-color: var(--ix-kenar2); }
html.ix-karanlik .border-gray-400 { border-color: #4a5b76; }
html.ix-karanlik .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  border-color: var(--ix-kenar);
}

/* --- form kontrolleri --------------------------------------------------- */
html.ix-karanlik input,
html.ix-karanlik select,
html.ix-karanlik textarea {
  background-color: var(--ix-kart2);
  border-color: var(--ix-kenar2);
  color: var(--ix-yazi);
}
html.ix-karanlik .placeholder-gray-400::placeholder,
html.ix-karanlik input::placeholder,
html.ix-karanlik textarea::placeholder { color: #75849c; }

/* --- golgeler: aydinlik golge karanlik zeminde HALE gibi gorunur -------- */
html.ix-karanlik .shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,.45); }
html.ix-karanlik .shadow-md { box-shadow: 0 4px 10px rgba(0,0,0,.50); }
html.ix-karanlik .shadow-lg { box-shadow: 0 10px 22px rgba(0,0,0,.55); }
html.ix-karanlik .shadow-xl { box-shadow: 0 18px 38px rgba(0,0,0,.60); }

/* --- kendi ortu satirlarim: satir-ici stil YALNIZCA !important ile ezilir */
html.ix-karanlik #ix-hesap-resim,
html.ix-karanlik #ix-hesap-eposta {
  background: var(--ix-kart) !important;
  border-color: var(--ix-kenar) !important;
  color: var(--ix-yazi2) !important;
}
html.ix-karanlik #ix-hesap-resim span,
html.ix-karanlik #ix-hesap-eposta span    { color: var(--ix-yazi2) !important; }
html.ix-karanlik #ix-hesap-eposta div:last-child { color: var(--ix-yazi4) !important; }

html.ix-karanlik #ix-resim-pencere > div {
  background: var(--ix-kart) !important;
  color: var(--ix-yazi2) !important;
}
html.ix-karanlik #ix-resim-pencere input[type="file"] { color: var(--ix-yazi2) !important; }

/* [FIX-DARK-SATIR-YERI 2026-09-27] Kendi satirimiz satir-ici stille yazildi;
   satir-ici stili yalnizca !important ezer. */
html.ix-karanlik #ix-karanlik-satir {
  background: var(--ix-kart) !important;
  border-color: var(--ix-kenar) !important;
}
html.ix-karanlik #ix-karanlik-satir span { color: var(--ix-yazi2) !important; }
html.ix-karanlik .ix-karanlik-anahtar    { background: #46566f; }

/* Karanlik mod anahtarinin kendisi */
.ix-karanlik-anahtar {
  margin-left: auto; position: relative; width: 44px; height: 24px;
  border: none; border-radius: 999px; background: #cbd5e1; cursor: pointer;
  transition: background .18s ease; flex: 0 0 auto; padding: 0;
}
.ix-karanlik-anahtar::after {
  content: ''; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px;
  border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3);
  transition: transform .18s ease;
}
.ix-karanlik-anahtar[aria-checked="true"]        { background: #2563eb; }
.ix-karanlik-anahtar[aria-checked="true"]::after { transform: translateX(20px); }
/* ====================================================================== */
/* [IXFIX-KARANLIK-RENKLI-20261010]  RENKLI yardimci siniflarin karanlik  */
/* karsiligi.                                                             */
/*                                                                        */
/* KUSUR (Ibrahim 10.10): "dark modda supervisor mesajlari iyi okunmuyor,  */
/* tema renk uyum problemi var."                                          */
/*                                                                        */
/* OLCUM: ab_dark.css yalnizca GRI olcegini eziyordu (bg-white, bg-gray-*, */
/* text-gray-*, border-gray-*). Supervizor mesaj kartlari ve rozetleri     */
/* (Onemli / YENI / Sistem-Yonetici) ise RENKLI yardimcilar kullaniyor.    */
/* Bundle sayimi: bg-red-100 (10) · bg-blue-100 (9) · bg-green-100 (9) ·   */
/* bg-blue-50 (7) · bg-red-50 (6) · text-red-800 (5) · text-yellow-600 (4) */
/* ... bunlarin HICBIRI ortulmuyordu -> kart zemini ACIK tonda kalirken    */
/* cevre yazi rengi terse donuyor; sonuc okunmaz kontrast.                */
/*                                                                        */
/* YONTEM: TON korunur (Onemli hala amber, hata hala kirmizi), yalniz      */
/* PARLAKLIK ters cevrilir: acik tonlu zeminler (-50/-100) ayni tonun koyu */
/* karsiligina, koyu yazilar (-600..-900) ayni tonun acik karsiligina.     */
/* Doygun buton zeminleri (-500/-600) DOKUNULMAZ: karanlikta da calisiyor. */
/*                                                                        */
/* Ozgulluk: html.ix-karanlik on eki tek sinifli stok yardimcilardan       */
/* yuksek -> !important gerekmez (dosyanin kendi kalibi).                  */
/* ====================================================================== */

/* --- acik tonlu ZEMINLER: -50 / -100 ---------------------------------- */
html.ix-karanlik .bg-red-50,
html.ix-karanlik .bg-rose-50      { background-color: #3a1c21; }
html.ix-karanlik .bg-red-100,
html.ix-karanlik .bg-rose-100     { background-color: #48222a; }

html.ix-karanlik .bg-blue-50,
html.ix-karanlik .bg-sky-50       { background-color: #16293d; }
html.ix-karanlik .bg-blue-100,
html.ix-karanlik .bg-sky-100      { background-color: #1c3350; }

html.ix-karanlik .bg-green-50,
html.ix-karanlik .bg-emerald-50   { background-color: #142f20; }
html.ix-karanlik .bg-green-100,
html.ix-karanlik .bg-emerald-100  { background-color: #1a3b28; }

html.ix-karanlik .bg-amber-50,
html.ix-karanlik .bg-yellow-50    { background-color: #392b12; }
html.ix-karanlik .bg-amber-100,
html.ix-karanlik .bg-yellow-100   { background-color: #463518; }

html.ix-karanlik .bg-orange-50    { background-color: #3a2514; }
html.ix-karanlik .bg-orange-100   { background-color: #472d19; }

html.ix-karanlik .bg-indigo-50    { background-color: #21213e; }
html.ix-karanlik .bg-indigo-100   { background-color: #2a2a4d; }

html.ix-karanlik .bg-purple-50    { background-color: #2d1f3f; }
html.ix-karanlik .bg-purple-100   { background-color: #38274e; }

/* --- koyu YAZILAR: -600 .. -900 (ayni tonun acik karsiligi) ------------ */
html.ix-karanlik .text-red-600,
html.ix-karanlik .text-red-700,
html.ix-karanlik .text-red-800,
html.ix-karanlik .text-red-900,
html.ix-karanlik .text-rose-600,
html.ix-karanlik .text-rose-700,
html.ix-karanlik .text-rose-800   { color: #fca5a5; }

html.ix-karanlik .text-blue-600,
html.ix-karanlik .text-blue-700,
html.ix-karanlik .text-blue-800,
html.ix-karanlik .text-blue-900,
html.ix-karanlik .text-sky-600,
html.ix-karanlik .text-sky-700,
html.ix-karanlik .text-sky-800    { color: #93c5fd; }

html.ix-karanlik .text-green-600,
html.ix-karanlik .text-green-700,
html.ix-karanlik .text-green-800,
html.ix-karanlik .text-green-900,
html.ix-karanlik .text-emerald-600,
html.ix-karanlik .text-emerald-700,
html.ix-karanlik .text-emerald-800 { color: #86efac; }

html.ix-karanlik .text-amber-600,
html.ix-karanlik .text-amber-700,
html.ix-karanlik .text-amber-800,
html.ix-karanlik .text-yellow-600,
html.ix-karanlik .text-yellow-700,
html.ix-karanlik .text-yellow-800,
html.ix-karanlik .text-yellow-900 { color: #fcd34d; }

html.ix-karanlik .text-orange-600,
html.ix-karanlik .text-orange-700,
html.ix-karanlik .text-orange-800 { color: #fdba74; }

html.ix-karanlik .text-indigo-600,
html.ix-karanlik .text-indigo-700,
html.ix-karanlik .text-indigo-800 { color: #a5b4fc; }

html.ix-karanlik .text-purple-600,
html.ix-karanlik .text-purple-700,
html.ix-karanlik .text-purple-800 { color: #d8b4fe; }

/* --- KENARLAR: -200 / -300 -------------------------------------------- */
html.ix-karanlik .border-red-200,
html.ix-karanlik .border-red-300,
html.ix-karanlik .border-rose-200,
html.ix-karanlik .border-rose-300    { border-color: #6b3038; }
html.ix-karanlik .border-blue-200,
html.ix-karanlik .border-blue-300,
html.ix-karanlik .border-sky-200,
html.ix-karanlik .border-sky-300     { border-color: #2c4a70; }
html.ix-karanlik .border-green-200,
html.ix-karanlik .border-green-300,
html.ix-karanlik .border-emerald-200 { border-color: #2a5a3c; }
html.ix-karanlik .border-amber-200,
html.ix-karanlik .border-amber-300,
html.ix-karanlik .border-yellow-200,
html.ix-karanlik .border-yellow-300  { border-color: #6a5223; }
html.ix-karanlik .border-orange-200,
html.ix-karanlik .border-orange-300  { border-color: #6b4524; }
html.ix-karanlik .border-indigo-200,
html.ix-karanlik .border-indigo-300  { border-color: #3f3f6e; }
html.ix-karanlik .border-purple-200,
html.ix-karanlik .border-purple-300  { border-color: #543c70; }

/* --- "YENI" / "Onemli" gibi doygun rozetler ---------------------------- */
/* bg-*-500/600 zeminler korunur; uzerindeki text-white da oldugu gibi    */
/* kalir. Yalniz cok parlak sari zeminde siyah yazi kontrasti korunsun:   */
html.ix-karanlik .bg-yellow-400,
html.ix-karanlik .bg-amber-400     { color: #1f2937; }