/* MTEX Admin Teması v2 — gerçek class'lara göre (Claude 20.07.2026) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&family=Lora:wght@500;600;700&display=swap');
:root{
  --mtx-bg:#f3f4f6;--mtx-surface:#fff;--mtx-header:#2b3947;--mtx-line:#e3e6ea;
  --mtx-text:#16202b;--mtx-muted:#6b7684;--mtx-gold:#b8860b;--mtx-gold-soft:#f7efd8;
  --mtx-green:#1e8e5a;--mtx-red:#d64545;--mtx-blue:#3866d6;--mtx-radius:12px;
}
html body{background:#f3f4f6!important;color:#16202b!important;font-family:'Inter',-apple-system,'Segoe UI',sans-serif!important;}
body h1,body h2,body h3{font-family:'Lora',Georgia,serif!important;color:#16202b!important;}
/* topbar: gerçek class .topnav */
body .topnav,body nav.topnav,body .topbar,body .navbar{background:#2b3947!important;border-bottom:1px solid rgba(0,0,0,.15)!important;}
body .topnav a,body .navbar a{color:#dfe5ec!important;}
body .topnav a:hover{color:#fff!important;}
body .topnav a.active,body .topnav .active,body .topnav a[class*=active]{background:#b8860b!important;color:#16202b!important;border-radius:8px;}
/* markalar */
body .brand,body .logo,body [class*=brand]{font-family:'Space Grotesk',Inter,sans-serif!important;font-weight:700!important;color:#16202b!important;}
/* kartlar: gerçek class .card + paneller */
body .card,body .panel,body .box,body .widget,body .admin-card,body section.card{
  background:#fff!important;border:1px solid #e3e6ea!important;border-radius:12px!important;
  box-shadow:0 1px 3px rgba(22,32,43,.06)!important;color:#16202b!important;}
/* inline koyu arka planları beyaza çek (fabrikalar/medya inline style'ları) */
body [style*="background:#141b2d"],body [style*="background:#0f1420"],body [style*="background:#1b2436"],
body [style*="background:#0f1420"],body [style*="background:#141b2d"]{
  background:#fff!important;color:#16202b!important;border-color:#e3e6ea!important;}
/* tablolar */
body table{background:#fff!important;border:1px solid #e3e6ea!important;border-radius:12px!important;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:0 1px 3px rgba(22,32,43,.06)!important;}
body th{background:#fafbfc!important;color:#6b7684!important;font-weight:600!important;border-bottom:1px solid #e3e6ea!important;}
body td{border-bottom:1px solid #e3e6ea!important;color:#16202b!important;}
body tr:hover td{background:#fafbfc!important;}
/* formlar */
body input,body select,body textarea{background:#fff!important;color:#16202b!important;border:1px solid #e3e6ea!important;border-radius:8px!important;}
body input:focus,body select:focus,body textarea:focus{outline:none!important;border-color:#b8860b!important;box-shadow:0 0 0 3px rgba(184,134,11,.15)!important;}
body label{color:#6b7684!important;}
/* butonlar */
body button,body .btn,body input[type=submit]{border-radius:8px!important;font-family:'Inter',sans-serif!important;font-weight:600!important;cursor:pointer;}
body button[type=submit],body .btn-primary,body .btn.save{background:#b8860b!important;color:#fff!important;border:0!important;}
body .btn-danger,body [class*=delete],body [class*=sil]{background:#d64545!important;color:#fff!important;border:0!important;}
/* rozetler */
body .badge,body .tag,body .chip,body [class*=badge]{border-radius:99px!important;font-weight:600;font-size:.72rem;}
body .aktif,body .badge-active,body .status-active{background:#e4f5ec!important;color:#1e8e5a!important;}
/* sarı/altın vurgu rozetleri korunur (site zaten gold kullanıyor) */
body a{color:#3866d6;}
body .hc-logo,body .mono,body .logo-box{border-radius:10px!important;}

/* ============ v3 EKLER: okunabilirlik + rozetler + mobil ============ */

/* Rozetler: yarı-saydam koyu-tema rozetlerini okunur açık-tema rozetlerine çevir */
body [style*="rgba(240, 180, 41"],body [style*="rgba(240,180,41"],
body .badge,body .chip,body [class*="badge"],body [class*="chip"]{
  background:#f7efd8!important;color:#8a6508!important;border:1px solid #ecdcae!important;
}
/* durum rozetleri */
body [style*="rgba(13, 163, 90"],body [style*="rgba(13,163,90"],body .aktif,body .active-badge{
  background:#e4f5ec!important;color:#127a48!important;border:1px solid #bfe6d0!important;
}
body [style*="rgba(59, 125, 221"],body [style*="rgba(59,125,221"],body .manuel,body .tag-manuel{
  background:#e8eefc!important;color:#2748a8!important;border:1px solid #c9d8f5!important;
}
/* pasif / kırmızı rozet */
body [style*="rgba(214, 69, 69"],body [style*="rgba(255"]{ }

/* Benim eklediğim durum etiketleri (Akıllı işleme / AI upscale) — koyu inline bg'yi ez */
body span[style*="background:#26314b"],body span[style*="background:#1e4620"],body span[style*="background:#3a2530"]{
  background:#eef0f3!important;color:#16202b!important;
}
/* "açık" içeren yeşilimsi durumu net yeşil yap */
body span[style*="#1e4620"]{ background:#e4f5ec!important;color:#127a48!important; }

/* İkincil başlık şeridi (🏭 Fabrika Yönetimi) — açık tema kontrastı */
body .subhead,body .page-sub,body [class*="subhead"]{ color:#16202b!important; }

/* Genel: koyu inline arka plan + açık metin kalıntılarını düzelt.
   Koyu arka planı beyaza çeviren kural zaten metin rengini de koyuya çekmeli */
body [style*="background:#141b2d"] *,body [style*="background:#0f1420"] *{ color:#16202b!important; }

/* Buton tutarlılığı: tüm ana eylemler altın, iptal gri, sil kırmızı, düzenle nötr çerçeveli */
body .btn-edit,body [class*="duzenle"],body [class*="edit"]{ background:#eef0f3!important;color:#16202b!important;border:1px solid #e3e6ea!important; }
body [class*="kalite"],body .btn-quality{ background:#f7efd8!important;color:#8a6508!important;border:1px solid #ecdcae!important; }

/* ============ MOBİL HAMBURGER MENÜ ============ */
.mtx-burger{ display:none; background:none;border:0;cursor:pointer;padding:8px;font-size:1.4rem;color:#fff!important; }
@media(max-width:820px){
  body .topnav{ position:relative;flex-wrap:wrap; }
  .mtx-burger{ display:inline-flex!important; align-items:center; }
  body .topnav .mtx-navlinks{
    display:none; position:absolute; top:100%; left:0; right:0; z-index:999;
    flex-direction:column; background:#2b3947; padding:8px; gap:2px;
    box-shadow:0 8px 24px rgba(0,0,0,.3); border-top:1px solid rgba(255,255,255,.1);
  }
  body .topnav.mtx-open .mtx-navlinks{ display:flex!important; }
  body .topnav .mtx-navlinks a{ padding:12px 14px!important; border-radius:8px; width:100%; }
  /* mobilde tablo yatay kaydırılabilir */
  body table{ display:block; overflow-x:auto; white-space:nowrap; }
  /* mobilde iki sütunlu layout tek sütuna insin */
  body .grid,body .cols,body .g2,body .fr2,body [class*="col-2"],body [style*="grid-template-columns"]{ grid-template-columns:1fr!important; display:block!important; }
  /* mobilde tablo saran kartlar da kaydıı kartlar da kaydırilabilir; uzun slug/metinler sarsin */
  body .card,body .panel,body .box{ overflow-x:auto!important; }
  body .art-slug,body [class*="slug"],body td,body th{ white-space:normal!important; word-break:break-word; }
  /* mobilde hicbir eleman sayfayi yatay tasirmasin (basit garanti) */
  html,body{ overflow-x:hidden!important; max-width:100vw!important; }
  /* tablolari saran her kap kaydirilabilir olsun */
  body table{ max-width:100%; }
  body .card{ margin-bottom:14px; }
}

/* ============ v4 SON DÜZELTME: gerçek pill/badge class'ları ============ */
/* .pill = rozet tabanı; renk varyantları .pm(mavi/manuel) .pon(yeşil/aktif) .poff(kırmızı/pasif) */
body .pill{ border:1px solid transparent!important; font-weight:600!important; }
body .pill.pm,body .pm{ background:#e8eefc!important;color:#2748a8!important;border-color:#c9d8f5!important; }
body .pill.pon,body .pon,body .pill.paktif{ background:#e4f5ec!important;color:#127a48!important;border-color:#bfe6d0!important; }
body .pill.poff,body .poff,body .pill.ppasif{ background:#fdecec!important;color:#b23b3b!important;border-color:#f3cccc!important; }
/* .cnt = sayaç rozeti (16 fabrika) → altın okunur */
body .cnt{ background:#f7efd8!important;color:#8a6508!important;border:1px solid #ecdcae!important; }
/* aktif menü linki .on → altın zemin, koyu metin */
body .topnav a.on,body .topnav .on,body a.on{ background:#b8860b!important;color:#16202b!important;border-radius:8px; }
/* Düzenle butonu .btn.be → nötr gri, okunur koyu metin */
body .btn.be,body .be{ background:#eef0f3!important;color:#16202b!important;border:1px solid #e3e6ea!important; }
/* Sil/kalite/diğer buton varyantları */
body .btn.bd,body .bd,body .btn.del{ background:#d64545!important;color:#fff!important;border:0!important; }
body .btn.bk,body .bk,body .btn.bq{ background:#f7efd8!important;color:#8a6508!important;border:1px solid #ecdcae!important; }
/* genel .btn taban okunurluk garantisi: açık zeminli butonlarda koyu metin */
body .btn{ font-weight:600!important; }
/* .pa = otomatik (auto) fabrika tipi rozeti → mor okunur */
body .pill.pa,body .pa{ background:#efe8fb!important;color:#6b3fa8!important;border-color:#dccdf3!important; }


/* ============= BUTON STANDARDI (Claude 21.07.2026) — tum sayfalar tek duzen ============ */
/* Her buton ayni yukseklik, font, hizalama; boyut kaosunu bitirir */
body button,
body .btn,
body input[type=submit],
body input[type=button]{
  height:36px!important;
  min-height:36px!important;
  padding:0 14px!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1!important;
  border-radius:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  box-sizing:border-box!important;
  vertical-align:middle!important;
  white-space:nowrap!important;
  font-family:'Inter',sans-serif!important;
  cursor:pointer!important;
  transition:filter .12s!important;
}
body button:hover,body .btn:hover,body input[type=submit]:hover{ filter:brightness(1.06)!important; }
/* Sadece-ikon butonlar (sil, yildiz) kare olsun ve ortalansin */
body .btn.bd,body .btn.bstar,body button.icononly{
  width:36px!important; padding:0!important; font-size:15px!important;
}
/* Islem sutunu: butonlar yan yana, esit araliklarla, ortali */
body td .btn,body td button{ margin:2px!important; }
body td:has(.be),body td:has(.bd),body td:has(.bq){ white-space:nowrap!important; }
/* Buyuk birincil form butonlari (Kaydet, AI Uret vb.) biraz daha genis ama ayni yukseklik */
body .btn.bsave,body .btn-primary,body button[type=submit]{ padding:0 18px!important; }
/* Tablo satirlarindaki islem butonlari dikey ortali */
body td{ vertical-align:middle!important; }


/* ============= ANA MENÜ DÜZELTMESİ (#adm-nav) — Claude 21.07.2026 ============ */
/* Ana ust menu #adm-nav id'li cikplak div; .topnav ile ayni stili al */
body #adm-nav{
  background:#2b3947!important;
  display:flex!important;
  align-items:center!important;
  gap:4px!important;
  padding:10px 18px!important;
  flex-wrap:wrap!important;
  border-bottom:1px solid rgba(0,0,0,.15)!important;
}
body #adm-nav .brand,body #adm-nav b:first-child{
  color:#fff!important; font-family:'Space Grotesk',Inter,sans-serif!important;
  font-weight:700!important; font-size:1.05rem!important; margin-right:16px!important;
}
body #adm-nav a{
  color:#dfe5ec!important; text-decoration:none!important;
  padding:7px 12px!important; border-radius:8px!important;
  display:inline-flex!important; align-items:center!important; gap:5px!important;
  font-size:.9rem!important; font-weight:500!important;
}
body #adm-nav a:hover{ background:rgba(255,255,255,.1)!important; color:#fff!important; }
body #adm-nav a.on,body #adm-nav a.active{ background:#b8860b!important; color:#16202b!important; }

/* mobilde #adm-nav de hamburger'a uysun */
@media(max-width:820px){
  body #adm-nav{ position:relative; }
  body #adm-nav .mtx-navlinks{
    display:none; position:absolute; top:100%; left:0; right:0; z-index:999;
    flex-direction:column; background:#2b3947; padding:8px; gap:2px;
    box-shadow:0 8px 24px rgba(0,0,0,.3);
  }
  body #adm-nav.mtx-open .mtx-navlinks{ display:flex!important; }
  body #adm-nav .mtx-navlinks a{ width:100%; padding:12px 14px!important; }
}


/* ============= TABLO TASMA DÜZELTMESI (her ekran) — Claude 21.07.2026 ============ */
/* Tablo kabindan genisse kab kaydirilabilir olsun - butonlar kesilmesin */
body .card,body .panel,body .box{ overflow-x:auto!important; }
/* tablonun kendisi min genislik korusun ama kab icinde kaysin */
body .card table{ min-width:max-content; }
/* Islem sutunu butonlar alt alta degil yan yana, tasmasin */
body td:last-child{ white-space:nowrap!important; }

/* ============ KAPSAMLI DÜZELTME — Claude 21.07.2026 ============ */

/* 1) FİYAT GİRİŞİ fabrika sekmeleri (.fac-tab) — koyu temadan açık temaya */
body .fac-tab{
  background:#fff!important;
  color:#16202b!important;
  border:1px solid #e3e6ea!important;
  border-radius:8px!important;
  padding:8px 14px!important;
  font-weight:600!important;
  font-size:13px!important;
  cursor:pointer!important;
  transition:all .12s!important;
}
body .fac-tab:hover{ background:#f7efd8!important; border-color:#b8860b!important; }
/* seçili sekme belirgin: altın zemin, koyu metin */
body .fac-tab.active,body .fac-tab.on,body .fac-tab.selected{
  background:#b8860b!important;
  color:#fff!important;
  border-color:#b8860b!important;
  box-shadow:0 2px 6px rgba(184,134,11,.3)!important;
}
/* auto (otomatik) fabrikalar hafif mor tint */
body .fac-tab.auto{ border-left:3px solid #6b3fa8!important; }
body .fac-tab.auto.active{ background:#6b3fa8!important; border-color:#6b3fa8!important; }

/* 2) BEYAZ FONDA SİYAH YAZI GARANTİSİ — okunabilirlik */
/* Beyaz/açık zeminli kartlarda tüm metin koyu olsun */
body .card,body .panel,body .box,body section,body .content{ color:#16202b!important; }
body .card *,body .panel *,body .box *{ color:inherit; }
/* Ama özel renkli öğeler (rozetler, butonlar, linkler) korunsun */
body .pill,body .cnt,body .badge,body button,body .btn,body a,
body .fac-tab.active,body [class*=pill],
body #adm-nav *,body .topnav *{ color:revert; }
/* açık zeminli input/select/textarea metni koyu */
body input,body select,body textarea,body option{ color:#16202b!important; }
/* muted/ikincil metinler okunur gri (çok açık değil) */
body .muted,body small,body .hint,body .sub{ color:#5a6572!important; }

/* 3) MOBİLDE buton boyutu — dokunmatik için biraz daha büyük ama tutarlı */
@media(max-width:820px){
  body button,body .btn,body input[type=submit]{
    height:40px!important; min-height:40px!important;
    font-size:13px!important; padding:0 12px!important;
  }
  body .btn.bd,body .btn.bstar{ width:40px!important; font-size:16px!important; }
  /* fiyat giriş sekmeleri mobilde daha rahat dokunulur */
  body .fac-tab{ padding:10px 14px!important; font-size:13px!important; }
}