/* ==========================================================================
   Özel görünüm katmanı — hazır tema görüntüsünden ayrışmak için.
   style.css ve dark-chatgpt.css'ten SONRA yüklenir, ikisini de ezer.
   Hem açık hem koyu modda çalışır.
   ========================================================================== */

:root {
  --skin-font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --skin-radius: 14px;
  --skin-gap: 22px;
  /* kart aksan renkleri — gradient-N sınıflarının yerine geçer */
  /* Conca paleti (bootstrap.css :root) + %16 opak zemin karsiliklari */
  --c1: #5F4AFE;  --c1z: rgba(95, 74, 254, .16);
  --c2: #d50100;  --c2z: rgba(213, 1, 0, .16);
  --c3: #FB6514;  --c3z: rgba(251, 101, 20, .16);
  --c4: #219653;  --c4z: rgba(33, 150, 83, .16);
  --c5: #EE46BC;  --c5z: rgba(238, 70, 188, .16);
  --c6: #7A5AF8;  --c6z: rgba(122, 90, 248, .16);
  --c7: #0BA5EC;  --c7z: rgba(11, 165, 236, .16);
  --c8: #2E90FA;  --c8z: rgba(46, 144, 250, .16);
  --c9: #F79009;  --c9z: rgba(247, 144, 9, .16);
  --c10: #219653; --c10z: rgba(33, 150, 83, .16);
}

/* ---------------------------------------------------------------- tipografi */
body,
.card,
.nk-sidebar,
.header,
h1, h2, h3, h4, h5, h6,
.btn,
.form-control,
table, .table,
.page-titles {
  font-family: var(--skin-font) !important;
}

h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; font-weight: 700; }
body { letter-spacing: -0.005em; }

/* sidebar başlıkları — büyük harf, geniş harf aralığı */
.nk-sidebar .metismenu li.nav-label {
  font-size: 1.05rem !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase;
  opacity: .55;
  font-weight: 700;
  padding-top: 2.2rem !important;
}
.nk-sidebar .metismenu > li > a {
  font-weight: 600;
  letter-spacing: -0.01em;
  border-radius: 0 999px 999px 0;
  margin-right: 12px;
}
.nk-sidebar .metismenu > li.mm-active > a,
.nk-sidebar .metismenu > li.active > a {
  box-shadow: inset 3px 0 0 var(--c1);
}

/* ---------------------------------------------------------------- kartlar */
.card {
  border-radius: var(--skin-radius) !important;
  border: 1px solid rgba(128, 128, 128, .18) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06) !important;
  overflow: hidden;
}
/* Aynı satırdaki kartlar eşit yükseklikte dursun.
   DİKKAT: yalnızca sütunda TEK kart varsa flex yapılır — aksi halde aynı
   sütundaki kartlar yan yana dizilip üst üste biniyordu (EP sayfası). */
.row > [class*="col-"]:has(> .card:only-child) { display: flex; }
.row > [class*="col-"] > .card:only-child { width: 100%; }
.row > [class*="col-"]:has(.stat-widget-seven) > .card { height: 100%; }
[data-theme-version="dark"] .card {
  border-color: #3f3f3f !important;
  box-shadow: none !important;
}

/* kartların içindeki dekoratif ikon görselleri yer kaplıyordu */
.stat-widget-seven .media > img { display: none !important; }

/* ------------------------------------------------- grid: 3 sütun -> 4 sütun */
/* :has() ile yalnızca istatistik kartlarını taşıyan sütunlar hedeflenir,
   panelin geri kalanındaki col-* yapısına dokunulmaz. */
@media (min-width: 1200px) {
  .row > [class*="col-"]:has(.stat-widget-seven) {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media (min-width: 768px) and (max-width: 1199.98px) {
  .row > [class*="col-"]:has(.stat-widget-seven) {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* ---------------------------------------------------------------- başlık alanı */
/* Kutu/kart yerine sade bir başlık satırı: zemin ve çerçeve yok, altında
   ince bir ayraç. Böylece .row kaynaklı taşma sorunu da tamamen ortadan kalkar. */
.page-titles {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(128, 128, 128, .22) !important;
  border-radius: 0 !important;
  padding: 2px 0 16px !important;
  margin: 0 0 24px !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  box-shadow: none !important;
}
.page-titles > [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-bottom: 0 !important;
  min-width: 0;
  max-width: 100%;
  flex: 1 1 auto;
}
/* başlık solda, breadcrumb sağda — float yerine flex */
.page-titles .page-title-box {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
}
.page-titles .page-title-box .btn-group.float-right {
  float: none !important;
  order: 2;
  flex: 0 1 auto;
  min-width: 0;
}
.page-titles .page-title-box .page-title,
.page-titles h4 {
  order: 1;
  margin: 0 !important;
  min-width: 0;
  font-size: 2rem !important;
  font-weight: 800 !important;
  letter-spacing: -.025em;
  position: relative;
  padding-left: 14px;
}
/* başlığın solunda ince aksan çizgisi — kartlardaki şeritle aynı imza */
.page-titles .page-title-box .page-title::before,
.page-titles h4::before {
  content: "";
  position: absolute;
  left: 0; top: .12em; bottom: .12em;
  width: 3px;
  border-radius: 2px;
  background: var(--c1);
}
.page-titles .breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  opacity: .65;
}

/* ---------------------------------------------------------------- düğme & form */
.btn {
  border-radius: 10px !important;
  font-weight: 600;
  letter-spacing: -0.01em;
  padding: .85rem 1.6rem;
}
/* Bootstrap buton varyantları hâlâ temanın eski parlak renklerindeydi;
   hepsi aksan paletine çekildi. */
.btn-primary   { background-color: var(--c1) !important; border-color: var(--c1) !important; color:#fff !important; }
.btn-info      { background-color: var(--c7) !important; border-color: var(--c7) !important; color:#fff !important; }
.btn-success   { background-color: var(--c4) !important; border-color: var(--c4) !important; color:#fff !important; }
.btn-danger    { background-color: var(--c2) !important; border-color: var(--c2) !important; color:#fff !important; }
.btn-warning   { background-color: var(--c9) !important; border-color: var(--c9) !important; color:#fff !important; }
.btn-secondary { background-color: #6b7280 !important; border-color: #6b7280 !important; color:#fff !important; }
.btn-primary:hover, .btn-info:hover, .btn-success:hover,
.btn-danger:hover, .btn-warning:hover, .btn-secondary:hover { filter: brightness(1.1); }

.btn-outline-primary { color: var(--c1) !important; border-color: var(--c1) !important; }
.btn-outline-danger  { color: var(--c2) !important; border-color: var(--c2) !important; }

/* rozet ve arka plan yardımcıları da aynı paleti kullansın */
.badge-primary, .bg-primary { background-color: var(--c1) !important; }
.badge-info,    .bg-info    { background-color: var(--c7) !important; }
.badge-success, .bg-success { background-color: var(--c4) !important; }
.badge-danger,  .bg-danger  { background-color: var(--c2) !important; }
.badge-warning, .bg-warning { background-color: var(--c9) !important; color:#fff !important; }

/* koyu modda doygunluğu biraz düşür, ekranı yormasın */
[data-theme-version="dark"] .btn-primary,
[data-theme-version="dark"] .btn-info,
[data-theme-version="dark"] .btn-success,
[data-theme-version="dark"] .btn-danger,
[data-theme-version="dark"] .btn-warning { filter: saturate(.88); }

/* üst çubuktaki ikonlar tek tonda olsun */
[data-theme-version="dark"] .header-right .icons > a > i { color: #b4b4b4 !important; }
[data-theme-version="dark"] .header-right .icons > a:hover > i { color: #ececec !important; }

.form-control,
.custom-select,
.select2-container--default .select2-selection--single {
  border-radius: 10px !important;
  min-height: 42px;
}
.form-control:focus {
  border-color: var(--c1) !important;
  box-shadow: 0 0 0 3px rgba(91, 110, 245, .18) !important;
}

/* ---------------------------------------------------------------- tablolar */
.table thead th {
  text-transform: uppercase;
  font-size: 1.05rem;
  letter-spacing: .09em;
  font-weight: 700;
  border-top: 0 !important;
}
.table td, .table th { vertical-align: middle; }

/* ------------------------------------------- grafik (donut) kartları */
/* Karakterler / Bayraklara Göre Dağılım / Destek Talepleri bölümleri
   istatistik kartlarıyla aynı dile gelsin. */
.card-body.card-body-2 {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 14px 16px 16px 18px !important;
  border-left: 3px solid var(--c5);
  background-color: #f7f8fa !important;
  min-height: 92px;
}
[data-theme-version="dark"] .card-body.card-body-2 { background-color: #2a2a2a !important; }
/* sağ üstte aynı soluk aksan dairesi — istatistik kartlarıyla aynı imza */
.card-body.card-body-2::after {
  content: "";
  position: absolute;
  top: -28px; right: -28px;
  width: 92px; height: 92px;
  border-radius: 50%;
  background: var(--c5);
  opacity: .10;
  pointer-events: none;
}
.row > [class*="col-"]:nth-child(2) .card-body.card-body-2::after { background: var(--c7); }
.row > [class*="col-"]:nth-child(3) .card-body.card-body-2::after { background: var(--c4); }
/* grafik kart içinde kendi yüzeyinde dursun, kart sınırı belirsiz kalmasın.
   Morris.Donut yüksekliğini kapsayıcıdan aldığı için burada sınırlıyoruz —
   yoksa bu kartlar istatistik kartlarının üç katı yükseklikte oluyor. */
.card-body-2 .chart { position: relative; z-index: 1; }
.card-body-2 .chart > div[id] {
  height: 158px !important;
  border-radius: 10px;
  background: rgba(128,128,128,.06);
  padding: 4px;
}
.card-body-2 .chart > div[id] svg { width: 100% !important; height: 100% !important; }
.card-body-2 .chart > div[id] text { font-family: var(--skin-font) !important; }
/* grafik lejantı dağınık durmasın */
.card-body-2 .apexcharts-legend {
  justify-content: center !important;
  gap: 4px 12px;
}
.card-body-2 .apexcharts-legend-text {
  font-family: var(--skin-font) !important;
  font-size: 1.05rem !important;
  letter-spacing: -.01em;
}
.row > [class*="col-"]:nth-child(2) .card-body.card-body-2 { border-left-color: var(--c7); }
.row > [class*="col-"]:nth-child(3) .card-body.card-body-2 { border-left-color: var(--c4); }
.card-body-2 .card-title {
  font-size: 1.05rem !important;
  font-weight: 600 !important;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-align: left !important;
  color: #6b7280 !important;
  margin-bottom: 4px !important;
}
[data-theme-version="dark"] .card-body-2 .card-title { color: #9a9a9a !important; }
/* ortadaki toplam rozeti -> kart sayısı diliyle aynı */
.card-body-2 .badge.badge-dark {
  background: transparent !important;
  color: #1c1c1c !important;
  font-size: 2.1rem !important;
  font-weight: 800 !important;
  padding: 0 !important;
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
}
[data-theme-version="dark"] .card-body-2 .badge.badge-dark { color: #ececec !important; }
.card-body-2 .chart .d-flex { margin-top: 8px !important; }

/* --------------------------------------- üst çubuktaki arama kutuları */
/* kare kutular yerine hap biçimi.
   .header-search'ün kendi dikdörtgen box-shadow'u hap biçimin dışında
   ikinci bir çerçeve gibi görünüyordu — kaldırıldı. */
.header-search {
  box-shadow: none !important;
  border-radius: 999px;
  min-width: 0 !important;
}
/* Zemin TEK yerden, input-group'tan gelir; input ve buton şeffaftır.
   Böylece hapın iki yarısı hiçbir koşulda farklı tonda kalamaz. */
.header-search .input-group,
.mobile-search .input-group {
  border-radius: 999px;
  overflow: hidden;
  background: #f1f2f4;
  border: 1px solid rgba(128,128,128,.28);
}
[data-theme-version="dark"] .header-search .input-group,
[data-theme-version="dark"] .mobile-search .input-group { background: #2f2f2f; border-color: #3f3f3f; }
.mobile-search-div { gap: 14px; }
/* input ve buton: kenarlıksız, zeminsiz — hepsi grubun içinde erir */
.header-search .form-control,
.mobile-search .form-control,
.header-search .input-group-append,
.header-search .input-group-text,
.mobile-search .input-group-append,
.mobile-search .input-group-text,
button.input-group-append.input-group-text.bordered {
  background: none !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  color: inherit !important;
}
.header-search .form-control,
.mobile-search .form-control { padding-left: 20px; height: 44px; }
.header-search .input-group-text,
.mobile-search .input-group-text,
button.input-group-append.input-group-text.bordered {
  padding: 0 18px 0 8px;
  cursor: pointer;
  opacity: .7;
}
button.input-group-append.input-group-text.bordered:hover { opacity: 1; color: var(--c1) !important; }

/* ---------------------------------------------------------------- aralıklar */

/* kartlar dip dibe durmasın */
.row { row-gap: 0; }
.row > [class*="col-"] { padding-left: 12px; padding-right: 12px; margin-bottom: 24px; }
/* Kartlar arası boşluk. Ardışık iki kart (aynı sütunda alt alta duranlar)
   için margin yığılmasına güvenmiyoruz; doğrudan komşu seçiciyle veriyoruz. */
.card { margin-bottom: 32px !important; }
.card + .card { margin-top: 32px !important; }
.row > [class*="col-"] > .card:last-child { margin-bottom: 0 !important; }
/* kart içine gömülü kartlar bu boşluğu almasın */
.card .card { margin-bottom: 16px !important; margin-top: 0 !important; }
.card-body > .card:last-child { margin-bottom: 0 !important; }

/* ------------------------------------------------- karakter envanteri */
/* style.css'te yalnizca .inventory_1 tanimli; GetItems ise 2/3/4 ve
   special_1..4 kaplarini da uretiyor. Tanimsiz kaldiklari icin o sayfalar
   arka plansiz ve genisliksiz akiyordu — burada tamamlaniyor. */
.inventory_2, .inventory_3, .inventory_4,
.inventory_special_1, .inventory_special_2,
.inventory_special_3, .inventory_special_4 {
  width: 168px;
  height: 349px;
  position: relative;
  padding-top: 32px;
  padding-left: 3px;
  margin-right: 5px;
  background-repeat: no-repeat;
}
.inventory_2 { background-image: url('../images/inv_alt2.png'); }
.inventory_3 { background-image: url('../images/inv_alt3.png'); }
.inventory_4 { background-image: url('../images/inv_alt4.png'); }
.inventory_special_1 { background-image: url('../images/inv_alt1.png'); }
.inventory_special_2 { background-image: url('../images/inv_alt2.png'); }
.inventory_special_3 { background-image: url('../images/inv_alt3.png'); }
.inventory_special_4 { background-image: url('../images/inv_alt4.png'); }

/* envanter genis oldugu icin dar ekranda yatay kaydirilabilsin */
#envanter .mx-auto,
#depo, #taslar, #yukseltme, #beceriKitabi, #simyalar, #efsun_botu {
  overflow-x: auto;
  overflow-y: visible;
}
.user_inventory > .d-flex { flex-wrap: nowrap; }

/* eşya balonu (item_view) kart sinirlarini asabilmeli */
.card:has(.user_inventory),
.tab-content:has(.user_inventory),
.tab-pane:has(.user_inventory) { overflow: visible !important; }
.item_box { overflow: visible !important; }
/* İkonlar gerçek boyutunda: 2-3 slotluk eşyalar (32x64 / 32x96) alttaki
   hücrelere taşar. Hücre aralığı 32px (30px kutu + 1px kenar), bu yüzden
   ikon -1px'ten başlayınca ızgaraya tam oturur. */
.item_box img { position: absolute; left: -1px; top: -1px; width: 32px; height: auto; max-width: none; z-index: 2; }
.item_box .item_count { z-index: 3; }
.item_view { z-index: 999; }

/* ------------------------------------------------- karakter stat tablosu */
.table_stat td { padding: .55rem .7rem !important; vertical-align: middle; }
.table_stat .stat-etiket {
  font-size: .95rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: #8a8a8a;
  white-space: nowrap;
}
.table_stat .stat-deger { font-weight: 700; font-variant-numeric: tabular-nums; }
[data-theme-version="dark"] .table_stat tr { background-color: #2a2a2a !important; }
.table_stat .stat-baslik {
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .95rem;
  color: var(--c1);
}

/* ------------------------------------------------- envanter liste görünümü */
.envanter-baslik {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #6b7280;
  padding-left: 12px;
  border-left: 3px solid var(--c1);
  margin-bottom: 12px;
}
[data-theme-version="dark"] .envanter-baslik { color: #9a9a9a; }
.envanter-ikon {
  width: 32px; height: 32px;
  object-fit: contain;
  background: rgba(128,128,128,.10);
  border-radius: 6px;
}
.envanter-liste td { vertical-align: middle; font-size: 1.15rem; }
.envanter-liste .esya-adi { font-weight: 600; }
.envanter-liste thead th {
  font-size: .95rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* ------------------------- eşya bonusları: üzerine gelince (JavaScript yok) */
.item_box, .user_inv_1 .item { position: relative; }
.item_box .item_view,
.user_inv_1 .item .item_view,
.item_href + .item_view {
  display: none;
  position: absolute;
  left: 34px;
  top: 0;
  z-index: 9999;
  min-width: 190px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #1b1b1b;
  border: 1px solid #3f3f3f;
  box-shadow: 0 8px 26px rgba(0,0,0,.55);
  color: #ececec;
  font-size: 1.1rem;
  line-height: 1.5;
  pointer-events: none;
  white-space: nowrap;
}
.item_box:hover .item_view,
.user_inv_1 .item:hover .item_view { display: block !important; }
/* sağ kenardaki kutularda balon sola açılsın */
.inventory_4 .item_box:hover .item_view,
.inventory_special_4 .item_box:hover .item_view { left: auto; right: 34px; }

/* ------------------------------------ ekipman pencereleri (client birebir) */
.eq-pencereler { display: flex; flex-wrap: wrap; gap: 10px; max-width: 720px; margin-bottom: 14px; }
.eq-pencere-kap { flex: 0 0 auto; }
.eq-baslik {
  font-size: .9rem; font-weight: 700; letter-spacing: .06em;
  text-transform: uppercase; color: #9a9a9a; margin-bottom: 4px;
}
.eq-pencere { position: relative; background-repeat: no-repeat; }
.eq-slot { position: absolute; }
.eq-slot > img { display: block; max-width: 100%; max-height: 100%; }
.eq-slot .item_view {
  display: none;
  position: absolute;
  left: 34px;
  top: 0;
  z-index: 9999;
  min-width: 190px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #1b1b1b;
  border: 1px solid #3f3f3f;
  box-shadow: 0 8px 26px rgba(0,0,0,.55);
  color: #ececec;
  font-size: 1.1rem;
  line-height: 1.5;
  pointer-events: none;
  white-space: nowrap;
}
.eq-slot:hover .item_view { display: block; }
.eq-slot.sag .item_view { left: auto; right: 34px; }

/* Eşya balonu oyundaki gibi fare imlecinin yanında açılır (konumu
   CharacterDetail'deki küçük JS verir). fixed = sayfa akışını etkilemez,
   aşağı kaydırma olmaz. JS konumlamadan önce ekran dışında bekler. */
.item_box .item_view,
.user_inv_1 .item .item_view,
.item_href + .item_view,
.eq-slot .item_view,
.eq-slot.sag .item_view,
.inventory_4 .item_box:hover .item_view,
.inventory_special_4 .item_box:hover .item_view {
  position: fixed !important;
  right: auto !important;
  left: -9999px;
  top: 0;
  max-height: calc(100vh - 16px);
  overflow: hidden;
}

/* ------------------------------------------------- kart dolgusu (Conca p-6) */
.card-body { padding: 24px !important; }
.card { margin-bottom: 20px !important; }
.card + .card { margin-top: 20px !important; }
.card-body.card-body-2 { min-height: 0; padding: 24px !important; }
/* donut kartlari: grafik ortalansin (genisligi Footer'daki resize ile duzelir) */
.card-body-2 .chart { text-align: center; }
.table_stat td { padding: .4rem .6rem !important; }
.envanter-liste td { padding: .4rem .5rem !important; }

/* Guvenlik agi: bir view'da kap bozulsa bile satirlar sol menunun altina
   kacmasin — .content-body kendi yatay dolgusunu tasisin. */
.content-body > .row,
.content-body > .card { margin-left: 0 !important; margin-right: 0 !important; }

/* ------------------------------------------------- sunucu dosya düzenleyici */
.sunucu-editor {
  font-family: Consolas, "Cascadia Mono", monospace !important;
  font-size: 1.15rem !important;
  line-height: 1.5;
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: auto;
  tab-size: 4;
  min-height: 420px;
}

/* ------------------------------------------- sunucu dosya düzenleyici (arama) */
.so-satir .card-body { padding: 14px 16px !important; }
.so-ad { font-weight: 700; font-size: 1.35rem; letter-spacing: -.01em; }
.so-etiket {
  display: block;
  font-size: .82rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #8a8a8a;
  margin-bottom: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.so-deger {
  font-family: Consolas, monospace;
  font-size: 1.1rem !important;
  min-height: 32px !important;
  padding: 4px 8px !important;
}
.so-deger.so-degisti { border-color: var(--c9) !important; box-shadow: 0 0 0 2px rgba(207,159,29,.25); }
.so-satir.so-kaydedildi { border-color: var(--c4) !important; }
.so-satir-durum { font-size: 1.1rem; }
#so_sonuc .card { margin-bottom: 14px !important; }
.so-ad-orijinal { color: #8a8a8a; font-size: 1.1rem; }

/* reload komutu vurgusu */
.so-reload-komut {
  display: inline-block;
  font-family: Consolas, monospace;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 6px;
  background: rgba(37,150,190,.18);
  border: 1px solid rgba(37,150,190,.45);
  color: inherit;
  user-select: all;
}
.so-reload-hatirlat {
  padding: 8px 10px;
  border-radius: 8px;
  border-left: 3px solid var(--c7);
  background: rgba(128,128,128,.08);
}
.so-ikon {
  width: 34px; height: 34px;
  object-fit: contain;
  background: rgba(128,128,128,.12);
  border-radius: 7px;
  flex: 0 0 auto;
}

/* ------------------------------------------------- sandık düzenleme */
.sn-ikon { width: 30px; height: 30px; object-fit: contain; background: rgba(128,128,128,.12); border-radius: 6px; }
.sn-ikon-buyuk { width: 38px; height: 38px; }

/* Eşyalar ızgarada akar: satır satır liste yerine yan yana kutular. */
.sn-izgara {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(108px, 1fr));
  gap: 10px;
}
.sn-kutu {
  position: relative;
  padding: 8px 8px 9px;
  border: 1px solid rgba(128,128,128,.22);
  border-radius: 10px;
  background: rgba(128,128,128,.06);
  text-align: center;
}
[data-theme-version="dark"] .sn-kutu { border-color: #3f3f3f; background: #262626; }
.sn-kutu-ikon {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 5px;
}
.sn-kutu-ikon img { width: 36px; height: 36px; object-fit: contain; }
/* ad normalde gizli; kutunun üstüne gelince balon olarak çıkar */
.sn-kutu-ad {
  position: absolute;
  left: 50%;
  bottom: calc(100% - 4px);
  transform: translateX(-50%);
  display: none;
  white-space: nowrap;
  z-index: 50;
  padding: 5px 10px;
  border-radius: 8px;
  background: #1b1b1b;
  border: 1px solid #3f3f3f;
  color: #ececec;
  font-size: 1.05rem;
  pointer-events: none;
  box-shadow: 0 6px 18px rgba(0,0,0,.45);
}
.sn-kutu:hover .sn-kutu-ad { display: block; }
.sn-kutu:hover { border-color: var(--c1); }

.sn-kutu input {
  font-family: Consolas, monospace;
  font-size: 1.05rem !important;
  text-align: center;
  min-height: 26px !important;
  height: 26px;
  padding: 2px 4px !important;
  border-radius: 6px !important;
  margin-top: 4px;
}
.sn-kutu-ikili { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; }
.sn-sil {
  position: absolute;
  top: 3px; right: 4px;
  width: 18px; height: 18px;
  line-height: 15px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(224,72,61,.18);
  color: #e0483d;
  font-size: 14px;
  cursor: pointer;
  opacity: 0;
  transition: opacity .12s;
}
.sn-kutu:hover .sn-sil { opacity: 1; }
.sn-sil:hover { background: #e0483d; color: #fff; }
#sn_sonuc .card { margin-bottom: 14px !important; }

/* ------------------------------------------------- eşya seçici penceresi */
.es-ortu {
  position: fixed; inset: 0; z-index: 9999;
  background: rgba(0,0,0,.55);
  display: flex; align-items: flex-start; justify-content: center;
  padding: 60px 16px 16px;
}
.es-pencere {
  width: 100%; max-width: 760px;
  max-height: calc(100vh - 100px);
  display: flex; flex-direction: column;
  background: #fff; border-radius: 14px;
  border: 1px solid rgba(128,128,128,.25);
  box-shadow: 0 20px 60px rgba(0,0,0,.45);
  overflow: hidden;
}
[data-theme-version="dark"] .es-pencere { background: #2a2a2a; border-color: #3f3f3f; }
.es-baslik {
  display: flex; align-items: center; justify-content: space-between;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(128,128,128,.2);
  font-weight: 700; letter-spacing: -.01em; font-size: 1.35rem;
}
.es-kapat {
  border: 0; background: transparent; font-size: 22px; line-height: 1;
  color: inherit; opacity: .6; cursor: pointer;
}
.es-kapat:hover { opacity: 1; }
.es-arama { padding: 14px 18px 8px; }
.es-durum { padding: 0 18px 8px; font-size: 1.1rem; color: #8a8a8a; }
.es-sonuc {
  overflow-y: auto; padding: 4px 18px 18px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px;
}
.es-oge {
  padding: 8px 6px; text-align: center; cursor: pointer;
  border: 1px solid rgba(128,128,128,.22); border-radius: 10px;
  background: rgba(128,128,128,.06);
}
[data-theme-version="dark"] .es-oge { border-color: #3f3f3f; background: #262626; }
.es-oge:hover { border-color: var(--c1); background: rgba(91,110,245,.12); }
.es-oge img { width: 34px; height: 34px; object-fit: contain; display: block; margin: 0 auto 5px; }
.es-oge-ad {
  font-size: 1.02rem; line-height: 1.25; font-weight: 600;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden;
}
.es-oge-vnum { font-size: .92rem; color: #8a8a8a; font-family: Consolas, monospace; margin-top: 2px; }
.es-bos { grid-column: 1 / -1; color: #8a8a8a; padding: 10px 0; }
.md-aciklama {
  font-size: 1.12rem; color: #8a8a8a;
  padding: 8px 12px; border-radius: 8px;
  border-left: 3px solid var(--c7); background: rgba(128,128,128,.08);
}

/* ------------------------------------------------- dashboard tabloları */
.dash-baslik {
  font-size: 1.05rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #6b7280;
  padding-left: 12px;
  border-left: 3px solid var(--c1);
  margin-bottom: 14px;
}
[data-theme-version="dark"] .dash-baslik { color: #9a9a9a; }
.dash-tablo thead th {
  font-size: .9rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700;
  color: #8a8a8a;
  border-top: 0 !important;
  padding-bottom: 8px !important;
}
.dash-tablo td { vertical-align: middle; padding: .5rem .6rem !important; }
.dash-ad { font-weight: 600; font-size: 1.2rem; }
.dash-deger {
  font-variant-numeric: tabular-nums;
  font-size: 1.25rem;
  font-weight: 600;
  white-space: nowrap;
}
.dash-bugun { color: var(--c4); }
[data-theme-version="dark"] .dash-bugun { color: #3ddc9a; }
.dash-tablo tfoot .dash-toplam td {
  border-top: 2px solid rgba(128,128,128,.28) !important;
  font-weight: 800;
  font-size: 1.3rem;
  font-variant-numeric: tabular-nums;
  padding-top: .7rem !important;
}
.dash-link {
  font-size: 1.02rem;
  color: var(--c1) !important;
  opacity: .8;
  font-family: Consolas, monospace;
}
.dash-link:hover { opacity: 1; }

/* ============================ yerleşim ve dashboard görünümü ============================ */

/* Koyu modda zemin/kart kontrastı düşürüldü: kartlar zeminden hafifçe
   ayrılıyor, sert çerçeve yerine yumuşak gölge taşıyor. */
[data-theme-version="dark"] body,
[data-theme-version="dark"] #main-wrapper,
[data-theme-version="dark"] .content-body { background-color: #161618 !important; }
[data-theme-version="dark"] .card {
  background-color: #1f1f21 !important;
  border: 1px solid #232326 !important;
  box-shadow: 0 2px 2px -1px rgba(25,24,34,.10), 0 4px 10px -3px rgba(25,24,34,.18) !important;
}
/* Sol menü ve üst çubuk kartlarla aynı tonda; sayfa zemini onlardan koyu. */
[data-theme-version="dark"] .nk-sidebar,
[data-theme-version="dark"] .nk-sidebar ul,
[data-theme-version="dark"] .nk-sidebar .metismenu,
[data-theme-version="dark"] .nk-sidebar .metismenu ul,
[data-theme-version="dark"] .nav-header,
[data-theme-version="dark"] .brand-logo { background-color: #1f1f21 !important; }
[data-theme-version="dark"][data-headerbg] .header,
[data-theme-version="dark"] .header,
[data-theme-version="dark"] .header-content { background-color: #1f1f21 !important; border-bottom: 0 !important; }

/* ---------------------------------------------------- sol menü */
.nk-sidebar .metismenu > li > a {
  font-size: 1.4rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  border-radius: 6px !important;
  margin: 2px 12px !important;
  padding: 1.1rem 1.6rem !important;
  color: #bdbdc1 !important;
}
[data-theme-version="dark"] .nk-sidebar .metismenu a { color: #bdbdc1 !important; }
.nk-sidebar .metismenu > li > a:hover {
  background-color: #26262a !important;
  color: #fff !important;
}
/* aktif öğe: dolgulu kutu, sol şerit değil */
.nk-sidebar .metismenu > li.mm-active > a,
.nk-sidebar .metismenu > li.active > a,
[data-theme-version="dark"] .nk-sidebar .metismenu > li.mm-active > a,
[data-theme-version="dark"] .nk-sidebar .metismenu > li.active > a {
  background-color: #29292b !important;
  color: #fff !important;
  box-shadow: none !important;
}
.nk-sidebar .metismenu li.nav-label {
  font-size: 1.05rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase;
  color: #6f6f78 !important;
  opacity: 1;
  font-weight: 600;
  padding: 2.4rem 2.2rem .8rem !important;
}
/* alt menü öğeleri */
.nk-sidebar .metismenu ul a {
  font-size: 1.32rem !important;
  color: #9d9da6 !important;
  border-radius: 6px !important;
  margin: 1px 12px 1px 24px !important;
}
.nk-sidebar .metismenu ul a:hover { background-color: #26262a !important; color: #fff !important; }

/* ---------------------------------------------------- üst çubuk */
.header { height: 6rem !important; box-shadow: none !important; }
[data-theme-version="dark"] .header { border-bottom: 1px solid #26262a !important; }
.header-search .input-group,
.mobile-search .input-group {
  background: #161618 !important;
  border: 1px solid #2a2a2e !important;
  border-radius: 8px !important;
}
[data-theme-version="dark"] .header-search .input-group,
[data-theme-version="dark"] .mobile-search .input-group {
  background: #161618 !important;
  border-color: #2a2a2e !important;
}
.header-search .form-control,
.mobile-search .form-control {
  font-size: 1.4rem !important;
  height: 40px !important;
  min-height: 40px !important;
  color: #e6e6ea !important;
}

/* Conca: --bs-border-radius 0.375rem = 6px, cerceve rengi kart zemininin ayni */
.card { border-radius: 6px !important; }
[data-theme-version="dark"] .card { border-color: #1f1f21 !important; }

/* İçerik alanı nefesi */
.content-body .container-fluid { padding: 30px 34px 48px !important; }
@media (max-width: 767.98px) {
  .content-body .container-fluid { padding: 20px 16px 32px !important; }
}
.page-titles { margin-bottom: 24px !important; }

/* ---------------------------------------------------- istatistik kartları
   Conca'nin kart govdesi: .card-body.p-6.position-relative
   ikon kutusu: .btn-icon.btn-lg (47px) + .rounded-pill (daire)
                + .bg-label-*  (zemin renk %16, ikon tam renk)          */
.card-body.stat-widget-seven {
  min-height: 0 !important;
  padding: 14px 16px !important;
  display: flex !important;
  align-items: center;
  gap: 13px;
  position: relative;
  border-left: 0 !important;
  background: transparent !important;
}

/* ikon kutusu — solda daire, rengin %16 opak zemini */
.card-body.stat-widget-seven::before {
  content: "";
  display: block;
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--kart-zemin, var(--c1z));
  margin-bottom: 0;
  box-shadow: none;
}
/* ikonun kendisi — maske ile cizilir, rengi kutunun tam rengi */
.card-body.stat-widget-seven::after {
  content: "";
  display: block !important;
  position: absolute;
  left: 27px;
  top: 50%;
  transform: translateY(-50%);
  width: 19px;
  height: 19px;
  background: var(--kart-renk, var(--c1)) !important;
  -webkit-mask-image: var(--kart-ikon);
  mask-image: var(--kart-ikon);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 19px 19px;
  mask-size: 19px 19px;
  opacity: 1;
}

.stat-widget-seven .media { display: block !important; flex: 1 1 auto; min-width: 0; }
.stat-widget-seven .media-body {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 8px;
  min-width: 0;
}
/* DOM'da sayı önce geliyor; sıra: etiket (tam satır), sayı, hap */
.stat-widget-seven .media-body > h5 { order: 1; flex: 0 0 100%; }
.stat-widget-seven .media-body > h2 { order: 2; flex: 0 0 auto; }
/* alt bilgi: sayının ALTINA, aralarında tam genişlik düz çizgi (Conca ayracı). */
.stat-widget-seven .media-body > .kart-pill {
  order: 3;
  flex: 0 0 100%;
  min-width: 0;
  margin-top: 10px;
  padding: 9px 0 0 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(128, 128, 128, .22) !important;
  border-radius: 0 !important;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}
[data-theme-version="dark"] .stat-widget-seven .media-body > .kart-pill {
  border-top-color: rgba(255, 255, 255, .12) !important;
}

/* alt hap — Conca: 1px çerçeve, tam yuvarlak, içinde renkli rozet */
.kart-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 0;
  padding: 1px 7px 1px 1px;
  border: 1px solid rgba(25, 24, 34, .12);
  border-radius: 50rem;
}
[data-theme-version="dark"] .kart-pill { border-color: rgba(255, 255, 255, .1); }
.kart-pill-rozet {
  padding: 0 6px;
  border-radius: 50rem;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.6;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.kart-pill-metin {
  font-size: 1.05rem;
  font-weight: 500;
  color: #57575a;
  white-space: nowrap;
}
[data-theme-version="dark"] .kart-pill-metin { color: #bdbdc1; }
.kart-pill-ok    { background: var(--c4z); color: #219653; }
.kart-pill-uyari { background: var(--c2z); color: #e06a6a; }
.kart-pill-bilgi { background: var(--c7z); color: #0BA5EC; }
.kart-pill-ana   { background: var(--c1z); color: #8b7bff; }
/* etiket: .fz-12px.fw-medium */
.stat-widget-seven h5 {
  font-size: 1.15rem !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #57575a !important;
  margin: 0 0 1px !important;
  line-height: 1.35;
  /* uzun etiketler kartı büyütmesin: en fazla iki satır */
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
[data-theme-version="dark"] .stat-widget-seven h5 { color: #bdbdc1 !important; }
/* sayı */
.stat-widget-seven h2 {
  font-size: 2.3rem !important;
  font-weight: 600 !important;
  line-height: 1.25 !important;
  letter-spacing: -.01em;
  margin: 0 !important;
  color: #191822 !important;
  font-variant-numeric: tabular-nums;
}
[data-theme-version="dark"] .stat-widget-seven h2 { color: #fff !important; }

/* her renk sınıfı ikon kutusunun rengini belirler */
.stat-widget-seven.gradient-1  { --kart-renk: var(--c1);  --kart-zemin: var(--c1z); }
.stat-widget-seven.gradient-2  { --kart-renk: var(--c2);  --kart-zemin: var(--c2z); }
.stat-widget-seven.gradient-3  { --kart-renk: var(--c3);  --kart-zemin: var(--c3z); }
.stat-widget-seven.gradient-4  { --kart-renk: var(--c4);  --kart-zemin: var(--c4z); }
.stat-widget-seven.gradient-5  { --kart-renk: var(--c5);  --kart-zemin: var(--c5z); }
.stat-widget-seven.gradient-6  { --kart-renk: var(--c6);  --kart-zemin: var(--c6z); }
.stat-widget-seven.gradient-7  { --kart-renk: var(--c7);  --kart-zemin: var(--c7z); }
.stat-widget-seven.gradient-8  { --kart-renk: var(--c8);  --kart-zemin: var(--c8z); }
.stat-widget-seven.gradient-9  { --kart-renk: var(--c9);  --kart-zemin: var(--c9z); }
.stat-widget-seven.gradient-10 { --kart-renk: var(--c10); --kart-zemin: var(--c10z); }

/* ızgara: kartlar geniş olsun (uzun sayılar tam sığsın) — masaüstünde 3'lü. */
@media (min-width: 992px) {
  .row > [class*="col-"]:has(.stat-widget-seven) { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .row > [class*="col-"]:has(.stat-widget-seven) { flex: 0 0 50% !important; max-width: 50% !important; }
}
.row > [class*="col-"]:has(.stat-widget-seven) {
  margin-bottom: 14px;
  padding-left: 7px;
  padding-right: 7px;
}
.row:has(.stat-widget-seven) { margin-left: -7px; margin-right: -7px; }
[data-theme-version="dark"] .row > [class*="col-"]:has(.stat-widget-seven) > .card:hover {
  border-color: #313136 !important;
}

/* ---------------------------------------------------- dashboard tabloları */
.dash-baslik {
  font-size: 1.45rem;
  font-weight: 600;
  letter-spacing: -.01em;
  text-transform: none;
  color: #1c1c1e;
  padding-left: 0;
  border-left: 0;
  margin-bottom: 16px;
}
[data-theme-version="dark"] .dash-baslik { color: rgba(255,255,255,.85); }
.card-body:has(.dash-tablo) { padding: 20px 22px 16px !important; }
.dash-tablo thead th {
  font-size: 1.05rem;
  letter-spacing: 0;
  text-transform: none;
  font-weight: 500;
  color: #8a8a90;
  border-top: 0 !important;
  border-bottom: 1px solid rgba(128,128,128,.14) !important;
  padding: 0 .7rem .7rem !important;
}
.dash-tablo td {
  vertical-align: middle;
  padding: .62rem .7rem !important;
  border-top-color: rgba(128,128,128,.1) !important;
}
.dash-tablo tbody tr:hover { background: rgba(128,128,128,.05); }
.dash-ad { font-weight: 500; font-size: 1.25rem; }
.dash-deger {
  font-variant-numeric: tabular-nums;
  font-size: 1.28rem;
  font-weight: 600;
  white-space: nowrap;
}
[data-theme-version="dark"] .dash-deger { color: rgba(255,255,255,.82); }
.dash-bugun { color: var(--c4) !important; font-weight: 600; }
[data-theme-version="dark"] .dash-bugun { color: #34d399 !important; }
.dash-tablo tfoot .dash-toplam td {
  border-top: 1px solid rgba(128,128,128,.22) !important;
  font-weight: 700;
  font-size: 1.32rem;
  font-variant-numeric: tabular-nums;
  padding-top: .75rem !important;
}
.dash-link {
  font-size: 1.05rem;
  color: var(--c1) !important;
  opacity: .8;
}
.dash-link:hover { opacity: 1; text-decoration: underline; }

#main-wrapper .content-body .card { margin-bottom: 20px !important; }

/* kart türüne göre ikon (SVG data URI, dış dosya yok) */
.stat-widget-seven.so-ikon-hesap { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208z'%2F%3E%3Cpath%20d%3D'M4%2021v-1a6%206%200%200%201%206-6h4a6%206%200%200%201%206%206v1'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-ban { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M5.7%205.7l12.6%2012.6'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-online { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2018h.01'%2F%3E%3Cpath%20d%3D'M9.2%2014.8a4%204%200%200%201%205.6%200'%2F%3E%3Cpath%20d%3D'M6.4%2012a8%208%200%200%201%2011.2%200'%2F%3E%3Cpath%20d%3D'M3.6%209.2a12%2012%200%200%201%2016.8%200'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-kayit { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208z'%2F%3E%3Cpath%20d%3D'M4%2021v-1a6%206%200%200%201%206-6h3'%2F%3E%3Cpath%20d%3D'M17%2017h5'%2F%3E%3Cpath%20d%3D'M19.5%2014.5v5'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-giris { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14%208V6a2%202%200%200%200-2-2H6a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-2'%2F%3E%3Cpath%20d%3D'M9%2012h11'%2F%3E%3Cpath%20d%3D'M17%209l3%203-3%203'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-pazar { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M4%209h16l-1%2011H5L4%209z'%2F%3E%3Cpath%20d%3D'M9%209V6a3%203%200%200%201%206%200v3'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-ip { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'9'%2F%3E%3Cpath%20d%3D'M3%2012h18'%2F%3E%3Cpath%20d%3D'M12%203a15%2015%200%200%201%200%2018a15%2015%200%200%201%200-18z'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-yang { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'8'%2F%3E%3Cpath%20d%3D'M12%208v8'%2F%3E%3Cpath%20d%3D'M9.5%2010h5'%2F%3E%3Cpath%20d%3D'M9.5%2014h5'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-lonca { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l7%203v6c0%204-3%207-7%209-4-2-7-5-7-9V6l7-3z'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-kupon { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%209.5a2%202%200%200%200%200%205V17a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2v-2.5a2%202%200%200%201%200-5V7a2%202%200%200%200-2-2H5a2%202%200%200%200-2%202v2.5z'%2F%3E%3Cpath%20d%3D'M15%205.5v13'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-odeme { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2.5'%20y%3D'5'%20width%3D'19'%20height%3D'14'%20rx%3D'2.5'%2F%3E%3Cpath%20d%3D'M2.5%2010h19'%2F%3E%3Cpath%20d%3D'M6%2015h3'%2F%3E%3C%2Fsvg%3E"); }
.stat-widget-seven.so-ikon-toplam { --kart-ikon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'white'%20stroke-width%3D'1.7'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%207.5A2.5%202.5%200%200%201%205.5%205H18'%2F%3E%3Crect%20x%3D'3'%20y%3D'7.5'%20width%3D'18'%20height%3D'11.5'%20rx%3D'2.5'%2F%3E%3Cpath%20d%3D'M16.5%2013.2h1.8'%2F%3E%3C%2Fsvg%3E"); }

/* ---------------------------------------------------- marka (logo yerine yazı) */
/* .brand-logo kendi içeriği kadar (33px) kalıp üste yapışıyordu; nav-header'ı
   (97px) doldurup içeriğini dikeyde ortalasın. */
.nav-header .brand-logo {
  display: flex !important;
  align-items: center;
  height: 100% !important;
  min-height: 60px;
}
.brand-logo .marka-bag {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  width: 100%;
  /* sol menü ikonları 31px'ten başlıyor; marka onlarla aynı hizada dursun.
     style.css'in kendi dolgusu (18.5px 17px) ve span margin'leri eziliyor. */
  padding: 0 16px 0 31px !important;
  text-decoration: none !important;
}
.brand-logo .marka,
.brand-logo .marka-yazi,
.brand-logo .marka-alt { margin: 0 !important; }
.marka {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.marka-yazi {
  display: flex;
  flex-direction: column;
  min-width: 0;
  text-align: left;
}
.marka-alt {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
  color: #8c8b93 !important;
  white-space: nowrap;
}
[data-theme-version="dark"] .marka-alt { color: #8c8b93 !important; }
.brand-logo .marka-bag:hover .marka-alt { color: var(--c1) !important; }
[data-theme-version="dark"] .brand-logo .marka-bag:hover .marka-alt { color: #b3a8ff !important; }
/* menü ikon moduna düşünce ad küçülüp ortalansın, alt yazı gizlensin */
[data-sidebar-style="mini"] .brand-logo .marka-bag,
[data-sidebar-style="compact"] .brand-logo .marka-bag {
  justify-content: center;
  padding: 0 6px !important;
}
/* tek satir kaldi; ikon modunda da gorunsun, sadece kuculsun */
[data-sidebar-style="mini"] .marka-alt,
[data-sidebar-style="compact"] .marka-alt { font-size: .85rem !important; letter-spacing: .08em !important; }


/* ---------------------------------------------------- EP Siparişleri (EpTalep/Index)
   Defter ile aynı kart dili: .defter-* sınıflarını kullanır, burada sadece ekler var. */
.ep-bolum-baslik {
  display: flex; align-items: center; gap: 8px;
  font-size: 1.5rem; font-weight: 700; margin: 6px 0 12px;
}
.ep-bekleyen { margin-bottom: 26px; }
.card.ep-siparis { box-shadow: inset 3px 0 0 var(--c9) !important; }
.ep-durum { padding: 3px 10px !important; flex: 0 0 auto; }
.ep-miktar {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 12px;
  margin: 14px 0 10px;
}
.ep-miktar-deger {
  display: block; font-size: 2.4rem; font-weight: 800; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; line-height: 1.1; color: var(--c4);
}
[data-theme-version="dark"] .ep-miktar-deger { color: #34d399; }
.ep-miktar-deger.mp { color: var(--c7); }
[data-theme-version="dark"] .ep-miktar-deger.mp { color: #5cc8f5; }
.ep-hedef { font-size: 1.3rem; opacity: .75; }
.ep-hedef b { opacity: 1; }
.ep-para { text-align: right; flex: 0 0 auto; }
.ep-para b { display: block; font-size: 1.7rem; font-weight: 700; font-variant-numeric: tabular-nums; }
.ep-para span { font-size: 1.15rem; opacity: .55; }
.ep-mesaj {
  font-size: 1.2rem; font-style: italic; opacity: .7; line-height: 1.45;
  padding: 8px 12px; border-radius: 10px; background: rgba(128, 128, 128, .08);
  border-left: 3px solid rgba(128, 128, 128, .3);
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  word-break: break-word;
}
.ep-dugmeler {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(128, 128, 128, .16);
}
.ep-dugmeler .btn { flex: 1 1 auto; }
.card.ep-bos {
  margin: 0 0 26px !important; padding: 28px 20px; text-align: center;
  display: flex; flex-direction: column; gap: 4px;
}
.ep-bos b { font-size: 1.6rem; }
.ep-bos span { font-size: 1.25rem; opacity: .6; }

.card.ep-islenen { margin: 0 0 24px !important; padding: 6px 18px; }
.ep-islenen-bas, .ep-islenen-satir {
  display: grid; grid-template-columns: 110px minmax(0, 1.2fr) 110px 90px minmax(0, 1fr) 96px;
  align-items: center; gap: 12px; font-variant-numeric: tabular-nums;
}
.ep-islenen-bas {
  font-size: 1.1rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; opacity: .5;
  padding: 10px 0 8px; border-bottom: 1px solid rgba(128, 128, 128, .18);
}
.ep-islenen-satir { font-size: 1.25rem; padding: 9px 0; border-bottom: 1px solid rgba(128, 128, 128, .1); }
.ep-islenen-satir:last-child { border-bottom: 0; }
.ep-islenen-satir:hover { background: rgba(128, 128, 128, .05); }
.ep-islenen-bas .sag, .ep-islenen-satir .sag { text-align: right; white-space: nowrap; }
.ep-islenen-lonca { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .75; }
.ep-bos-satir { padding: 18px 0; text-align: center; opacity: .6; }
.e-red { background: var(--c2z); color: var(--c2); }
.e-bekle { background: var(--c9z); color: var(--c9); }
[data-theme-version="dark"] .e-red { color: #ff6b6b; }
@media (max-width: 767px) {
  .ep-islenen-bas { display: none; }
  .ep-islenen-satir { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 2px; }
  .ep-islenen-satir .defter-satir-zaman { grid-column: 1 / -1; font-size: 1.1rem; }
  .ep-islenen-lonca, .ep-islenen-satir > .sag:not(.defter-satir-tl) { display: none; }
}

/* ---------------------------------------------------------------- lonca defteri (EpTalep/Defter) */
.defter-ust {
  display: flex; align-items: flex-end; justify-content: space-between;
  flex-wrap: wrap; gap: 12px; margin-bottom: 18px;
}
.defter-baslik { margin: 0 0 4px; font-size: 2.2rem; font-weight: 800; }
.defter-alt { font-size: 1.3rem; opacity: .65; max-width: 720px; }

.defter-ozet {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 14px; margin-bottom: 22px;
}
.card.defter-ozet-kutu {
  margin: 0 !important; padding: 16px 18px;
  display: flex; flex-direction: column; gap: 4px;
}
.defter-ozet-kutu span { font-size: 1.15rem; text-transform: uppercase; letter-spacing: .08em; opacity: .6; font-weight: 600; }
.defter-ozet-kutu b { font-size: 2.4rem; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; line-height: 1.15; }
.defter-ozet-kutu b small { font-size: 1.3rem; font-weight: 600; opacity: .6; }
.card.defter-ozet-kutu.vurgu { box-shadow: inset 3px 0 0 var(--c1) !important; }
.defter-ozet-kutu.vurgu b { color: var(--c1); }
[data-theme-version="dark"] .defter-ozet-kutu.vurgu b { color: #b3a8ff; }

.defter-izgara {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 16px; align-items: start;
}
.card.defter-kart { margin: 0 !important; padding: 16px 18px 12px; }
.card.defter-kart.kapali { opacity: .72; }
.defter-kart-ust { display: flex; align-items: center; gap: 12px; }
.defter-avatar {
  flex: 0 0 42px; width: 42px; height: 42px; border-radius: 12px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.8rem; font-weight: 800; color: var(--c1); background: var(--c1z);
}
[data-theme-version="dark"] .defter-avatar { color: #b3a8ff; }
.defter-kimlik { min-width: 0; flex: 1 1 auto; }
.defter-ad { font-size: 1.6rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.defter-kaynak { font-size: 1.15rem; opacity: .5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.defter-bakiye { text-align: right; flex: 0 0 auto; }
.defter-bakiye b { display: block; font-size: 2rem; font-weight: 800; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--c1); }
[data-theme-version="dark"] .defter-bakiye b { color: #b3a8ff; }
.defter-kart.kapali .defter-bakiye b { color: inherit; opacity: .6; }
.defter-bakiye span { font-size: 1.15rem; opacity: .6; }

.defter-cipler { display: flex; flex-wrap: wrap; gap: 6px; margin: 12px 0 0; }
.defter-cip {
  font-size: 1.2rem; font-weight: 600; padding: 3px 10px; border-radius: 999px;
  background: var(--c1z); color: var(--c1); font-variant-numeric: tabular-nums;
}
[data-theme-version="dark"] .defter-cip { color: #c9c0ff; }
.defter-cip.soluk { background: rgba(128, 128, 128, .12); color: inherit; opacity: .8; font-weight: 500; }

.defter-kart-alt {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 12px; padding-top: 12px; border-top: 1px solid rgba(128, 128, 128, .16);
}
.defter-son-odeme { font-size: 1.2rem; opacity: .7; }
.defter-kart-alt .btn { white-space: nowrap; }

.defter-detay { margin-top: 8px; }
.defter-detay summary {
  cursor: pointer; font-size: 1.25rem; font-weight: 600; opacity: .75;
  padding: 6px 0; list-style: none; user-select: none;
}
.defter-detay summary::-webkit-details-marker { display: none; }
.defter-detay summary::before { content: "›"; display: inline-block; width: 14px; transition: transform .15s; }
.defter-detay[open] summary::before { transform: rotate(90deg); }
.defter-detay summary:hover { opacity: 1; }
.defter-liste { max-height: 320px; overflow-y: auto; margin: 2px -4px 4px; padding: 0 4px; }
.defter-satir {
  display: grid; grid-template-columns: 96px minmax(0, 1fr) auto auto 74px;
  align-items: center; gap: 10px; padding: 7px 0; font-size: 1.2rem;
  border-bottom: 1px solid rgba(128, 128, 128, .1); font-variant-numeric: tabular-nums;
}
.defter-satir:last-child { border-bottom: 0; }
.defter-satir.odendi { opacity: .5; }
.defter-satir-zaman { opacity: .6; white-space: nowrap; }
.defter-satir-kim { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.defter-satir-miktar, .defter-satir-tl { text-align: right; white-space: nowrap; }
.defter-satir-tl { font-weight: 700; }
.defter-etiket { text-align: center; font-size: 1.05rem; font-weight: 700; padding: 2px 0; border-radius: 999px; }
.e-onay { background: var(--c4z); color: var(--c4); }
.e-manuel { background: var(--c7z); color: var(--c7); }
.e-odendi { background: rgba(128, 128, 128, .15); }
.defter-geri { padding: 2px 8px !important; font-size: 1.1rem !important; }
@media (max-width: 480px) {
  .defter-izgara { grid-template-columns: 1fr; }
  .defter-satir { grid-template-columns: 80px minmax(0, 1fr) auto 64px; }
  .defter-satir-miktar { display: none; }
}

/* ---------------------------------------------------- kazanç/toplam kartları yan yana
   :has() desteklemeyen tarayıcılarda da kartlar yan yana aksın ve satır kaysın. */
/* Her sağlayıcı tam 3 kart (Tüm Zamanlar / Hafta / Bugün) üretir; ızgara satır
   başına 3 olunca her sağlayıcı KENDİ satırına oturur: IBAN yan yana, Kabasakal
   yan yana... Alt alta değil. */
.stat-izgara { display: flex; flex-wrap: wrap; margin-left: -7px; margin-right: -7px; }
/* !important: üstteki :has() ızgara kuralı daha yüksek özgüllükte olduğu için ezmek gerek. */
.stat-izgara > [class*="col-"] {
  margin-bottom: 14px;
  padding-left: 7px;
  padding-right: 7px;
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
}
@media (max-width: 767.98px) {
  .stat-izgara > [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
}

/* Toplam Yang gibi çok uzun sayılar kartta tam görünsün (kısaltmasız) */
.stat-widget-seven h2.stat-tam {
  font-size: 1.95rem !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em;
  white-space: nowrap;
}

/* ---------------------------------------------------------------- hesap detay: üst aksiyon butonları (sadece aralık) */
.card-body > .hesap-aksiyon { float: right; margin: 0 0 10px 10px !important; }
.card-body > .hesap-aksiyon-grup {
  float: right;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 0 10px 10px;
}
.card-body > .header-title { clear: both; }

/* "maili random değiştir" — sitenin input kutusu (.form-control) + sitenin kendi
   onay kutusu (style.css: beyaz kare + mor FontAwesome tik), sadece hizası düzeltildi */
.form-control.mail-tik {
  display: flex !important;
  align-items: center;
  gap: 10px;
  height: auto;
  min-height: 42px;
  margin: 0;
  cursor: pointer;
  user-select: none;
}
.form-control.mail-tik input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
.form-control.mail-tik input[type="checkbox"]:after {
  box-sizing: border-box;
  width: 2rem;
  height: 2rem;
  margin: 0;
  line-height: calc(2rem - 2px);
}

/* karakter detay: efektler sekmesi */
.efekt-tablo td { vertical-align: middle; }
.efekt-ikon { width: 32px; height: 32px; object-fit: contain; display: inline-block; }
.efekt-ikon-bos {
  line-height: 32px; text-align: center; border-radius: 6px;
  border: 1px dashed rgba(128, 128, 128, .5); opacity: .6; font-weight: 700;
}

/* ---------------------------------------------------------------- WhatsApp bildirimleri (WaBildirim) */
.wa-arac { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-bottom: 14px; }
.wa-filtre { display: flex; flex-wrap: wrap; gap: 6px; flex: 1 1 auto; }
.wa-cip {
  border: 1px solid rgba(128, 128, 128, .25); background: transparent; color: inherit;
  border-radius: 999px; padding: 5px 12px; font-size: 1.25rem; font-weight: 600; cursor: pointer;
  transition: background-color .15s, border-color .15s;
}
.wa-cip span { opacity: .55; font-weight: 500; margin-left: 2px; }
.wa-cip:hover { border-color: var(--c1); }
.wa-cip.aktif { background: var(--c1); border-color: var(--c1); color: #fff; }
.wa-cip.aktif span { opacity: .8; }
.wa-ara { max-width: 280px; flex: 0 1 280px; }
.card.wa-liste { margin: 0 0 24px !important; padding: 4px 18px; }
.wa-mesaj {
  display: flex; gap: 12px; align-items: flex-start;
  padding: 12px 0; border-bottom: 1px solid rgba(128, 128, 128, .1);
}
.wa-mesaj:last-of-type { border-bottom: 0; }
.wa-mesaj .defter-avatar { flex: 0 0 36px; width: 36px; height: 36px; font-size: 1.5rem; border-radius: 10px; }
.wa-govde { min-width: 0; flex: 1 1 auto; }
.wa-ust { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.wa-grup { font-size: 1.35rem; }
.wa-kisi { font-size: 1.2rem; opacity: .6; }
.wa-tip { padding: 1px 8px !important; font-size: 1rem !important; }
.wa-zaman { margin-left: auto; font-size: 1.15rem; opacity: .5; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wa-metin {
  margin-top: 5px; font-size: 1.35rem; line-height: 1.5; word-break: break-word;
  padding: 7px 12px; border-radius: 4px 12px 12px 12px; background: rgba(128, 128, 128, .08);
  display: inline-block; max-width: 100%;
}
@media (max-width: 575px) {
  .wa-ara { max-width: none; flex: 1 1 100%; }
  .wa-zaman { margin-left: 0; width: 100%; }
}
.wa-ad { display: inline-flex; align-items: baseline; gap: 2px; }
.wa-duzenle {
  border: 0; background: transparent; color: inherit; cursor: pointer;
  font-size: 1.2rem; line-height: 1; padding: 2px 4px; border-radius: 6px; opacity: .35;
  transition: opacity .15s, background-color .15s;
}
.wa-mesaj:hover .wa-duzenle { opacity: .7; }
.wa-duzenle:hover, .wa-duzenle:focus-visible { opacity: 1 !important; background: var(--c1z); color: var(--c1); }

/* ---------------------------------------------------------------- İtemci Takip (ItemciTakip/Index) */
.it-sekmeler { margin-bottom: 12px; }
.it-sekmeler .wa-cip { text-decoration: none; }
.it-suzgec { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; align-items: center; }
.it-suzgec .form-control { width: auto; flex: 1 1 170px; max-width: 240px; }
.it-secili { margin: -4px 0 12px; font-size: 1.3rem; }
.card.it-kart { margin: 0 0 16px !important; padding: 4px 16px; }
.it-tablo thead th {
  font-size: 1.1rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 600; opacity: .55;
  border-top: 0 !important; border-bottom: 1px solid rgba(128, 128, 128, .2) !important; white-space: nowrap;
}
.it-tablo td { vertical-align: middle; font-size: 1.25rem; border-top: 1px solid rgba(128, 128, 128, .1) !important; font-variant-numeric: tabular-nums; }
.it-tablo tbody tr:hover { background: rgba(128, 128, 128, .05); }
.it-zaman { white-space: nowrap; opacity: .65; }
.it-fiyat { font-weight: 700; white-space: nowrap; }
.it-eski { opacity: .5; font-weight: 400; }
.it-ilan { min-width: 180px; max-width: 360px; word-break: break-word; }
.it-foto { width: 30px; height: 30px; object-fit: cover; border-radius: 6px; margin-right: 8px; vertical-align: middle; }
.it-aciklama { font-size: 1.15rem; opacity: .75; max-width: 340px; }
.it-etiket { display: inline-block; padding: 2px 9px !important; margin: 1px 2px 1px 0; white-space: nowrap; }
.it-satici { font-weight: 700; }
.it-dis { opacity: .45; text-decoration: none; }
.it-dis:hover { opacity: 1; }
.it-eslesme { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.it-eslesme-cip {
  font-size: 1.1rem; padding: 1px 8px; border-radius: 999px; background: var(--c1z); white-space: nowrap;
}
.it-eslesme-cip a { color: var(--c1); }
[data-theme-version="dark"] .it-eslesme-cip a { color: #c9c0ff; }
.it-eslesme-cip.soluk { background: rgba(128, 128, 128, .12); }
.it-hesap { opacity: .75; }
.it-olay-satis { box-shadow: inset 3px 0 0 var(--c4); }
.it-olay-supheli { box-shadow: inset 3px 0 0 var(--c9); }
.it-olay-iptal { box-shadow: inset 3px 0 0 var(--c2); }
.it-iptal { opacity: .55; }
.it-iptal .it-ilan { text-decoration: line-through; }
.it-soluk { opacity: .55; }
.it-sayfalama { display: flex; align-items: center; justify-content: center; gap: 12px; margin-bottom: 24px; }
.it-tablo th, .it-tablo td { padding: 8px 10px !important; background: transparent !important; }
.it-tablo td { line-height: 1.4; }
.it-aciklama { line-height: 1.35; }
.it-grup td { background: var(--c1z) !important; font-size: 1.3rem; }
.it-grup-ozet { margin-left: 10px; font-size: 1.15rem; opacity: .7; }
.it-kod { font-family: Consolas, "Courier New", monospace; font-size: 1.15rem !important; white-space: nowrap; }
.it-kod.uzun { white-space: normal; word-break: break-all; min-width: 140px; max-width: 240px; }
.it-yok { font-size: 1.05rem; opacity: .5; margin-left: 4px; }

/* İtemci Takip: kartlar ve satıcı sayfası */
.it-kart-izgara {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 14px; margin-bottom: 24px; align-items: start;
}
.card.it-satici-kart {
  margin: 0 !important; padding: 14px 16px; color: inherit !important; text-decoration: none !important;
  transition: transform .12s, box-shadow .12s, border-color .12s; cursor: pointer;
}
.card.it-satici-kart:hover { transform: translateY(-2px); border-color: var(--c1) !important; box-shadow: 0 6px 18px rgba(0, 0, 0, .18) !important; }
.it-satici-kart .defter-cipler { margin-top: 10px; }
.it-ara { flex: 2 1 320px !important; max-width: 460px !important; }
.it-tikla { cursor: pointer; }
.it-alici { font-weight: 600; }
.it-baslik-sol { display: flex; align-items: center; gap: 14px; }
.defter-avatar.it-avatar-buyuk { flex: 0 0 52px; width: 52px; height: 52px; font-size: 2.2rem; border-radius: 14px; }
.card.it-hesap-kart { margin: 0 !important; padding: 14px 16px; }
.it-hesap-ust { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 10px; }
.it-hesap-ad { font-size: 1.6rem; font-weight: 700; }
.it-bilgi {
  display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: 5px 10px; margin: 0 0 10px;
  font-size: 1.2rem; padding: 10px 0; border-top: 1px solid rgba(128, 128, 128, .14); border-bottom: 1px solid rgba(128, 128, 128, .14);
}
.it-bilgi dt { font-weight: 600; opacity: .55; }
.it-bilgi dd { margin: 0; min-width: 0; }
.it-bilgi .it-kod { white-space: normal; word-break: break-all; }
.it-karakterler { display: flex; flex-wrap: wrap; gap: 6px; }
.it-karakter-cip {
  font-size: 1.2rem; font-weight: 600; padding: 3px 10px; border-radius: 999px;
  background: var(--c1z); color: var(--c1) !important; text-decoration: none !important; white-space: nowrap;
}
[data-theme-version="dark"] .it-karakter-cip { color: #c9c0ff !important; }
a.it-karakter-cip:hover { background: var(--c1); color: #fff !important; }
.it-karakter-cip small { opacity: .7; font-weight: 500; }
.it-karakter-cip.soluk { background: rgba(128, 128, 128, .12); color: inherit !important; opacity: .7; }

/* Depo: efsun düzenleme */
.item_href.efsun-duzenle { cursor: pointer; }
.item_box:has(.efsun-duzenle):hover { outline: 2px solid var(--c1); outline-offset: -2px; border-radius: 3px; }
.efsun-satir { display: grid; grid-template-columns: 54px minmax(0, 1fr) 130px; gap: 10px; align-items: center; margin-bottom: 8px; }
.efsun-no { font-weight: 700; opacity: .7; }
.efsun-no small { font-weight: 500; opacity: .8; }

/* ---------------------------------------------------------------- Nesne Market (ServerOps/NesneMarket) */
.card.nm-reload {
  margin: 0 !important; padding: 12px 16px; display: flex; flex-direction: row; align-items: center; gap: 14px; flex-wrap: wrap;
  box-shadow: inset 3px 0 0 var(--c7) !important; transition: box-shadow .2s;
}
.card.nm-reload.nm-reload-bekliyor { box-shadow: inset 3px 0 0 var(--c9) !important; }
.nm-reload-etiket { font-size: 1.1rem; text-transform: uppercase; letter-spacing: .07em; font-weight: 600; opacity: .6; margin-bottom: 4px; }
.nm-bekleyen {
  font-size: 1.15rem; font-weight: 700; padding: 3px 10px; border-radius: 999px;
  background: var(--c9z); color: var(--c9);
}
.nm-uyari { margin-bottom: 14px; }
.card.nm-kart { margin: 0 0 22px !important; padding: 14px 16px; }
.nm-kart-baslik {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  font-size: 1.1rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700;
  margin-bottom: 10px;
}
.nm-kart-baslik span { opacity: .6; }

/* kategori ağacı */
.nm-agac { display: flex; flex-direction: column; gap: 2px; max-height: calc(100vh - 260px); overflow-y: auto; margin: 0 -6px; padding: 0 6px; }
.nm-dal {
  display: flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 8px;
  cursor: pointer; font-size: 1.3rem; transition: background-color .12s;
}
.nm-dal:hover { background: rgba(128, 128, 128, .08); }
.nm-dal.aktif { background: var(--c1z); color: var(--c1); font-weight: 700; }
[data-theme-version="dark"] .nm-dal.aktif { color: #c9c0ff; }
.nm-dal-ana { font-weight: 600; margin-top: 6px; }
.nm-dal-alt { padding-left: 26px; font-size: 1.25rem; }
.nm-dal-alt::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: rgba(128, 128, 128, .4); margin-left: -12px; margin-right: 2px; flex: 0 0 auto; }
.nm-dal-yetim { color: var(--c2); margin-top: 6px; }
.nm-dal-ad { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nm-dal-sayi { font-size: 1.1rem; font-weight: 600; opacity: .55; font-variant-numeric: tabular-nums; }
.nm-dal-arac { display: none; gap: 2px; }
.nm-dal:hover .nm-dal-arac { display: inline-flex; }

/* küçük simge düğmeleri */
.nm-mini {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; padding: 0; border-radius: 7px;
  border: 1px solid transparent; background: transparent; color: inherit; opacity: .6;
  cursor: pointer; transition: opacity .12s, background-color .12s, border-color .12s;
}
.nm-mini:hover { opacity: 1; background: rgba(128, 128, 128, .12); border-color: rgba(128, 128, 128, .2); }
.nm-mini-sil:hover { color: var(--c2); background: var(--c2z); border-color: transparent; }
.nm-mini:disabled { opacity: .15; cursor: default; background: transparent; border-color: transparent; }
.nm-dal .nm-mini { width: 24px; height: 24px; }

/* araç çubuğu + seçim */
.nm-arac { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; align-items: center; }
.nm-arac .nm-ara { flex: 2 1 240px; }
.nm-arac .nm-suz { flex: 0 1 190px; width: auto; }
.nm-arac .btn { margin-left: auto; }
.nm-secim {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  padding: 8px 12px; margin-bottom: 12px; border-radius: 10px; background: var(--c1z); font-size: 1.25rem;
}
.nm-secim b { margin-right: 6px; }
.nm-liste-baslik { font-size: 1.5rem; font-weight: 700; margin: 4px 0 8px; }
.nm-liste-baslik span { font-size: 1.15rem; font-weight: 500; opacity: .55; margin-left: 8px; }

/* ürün tablosu */
.nm-tablo .nm-tik { width: 34px; }
.nm-tablo input[type=checkbox] { width: 16px; height: 16px; cursor: pointer; vertical-align: middle; }
.nm-urun { display: flex; align-items: center; gap: 10px; min-width: 220px; }
.nm-ikon {
  width: 36px; height: 36px; object-fit: contain; flex: 0 0 36px;
  background: rgba(128, 128, 128, .12); border-radius: 8px; padding: 2px;
}
.nm-urun-yazi { min-width: 0; }
.nm-urun-ad { font-weight: 700; color: inherit !important; text-decoration: none !important; }
.nm-urun-ad:hover { color: var(--c1) !important; }
.nm-urun-alt { font-size: 1.1rem; opacity: .6; margin-top: 1px; }
.nm-ek { color: var(--c6); font-weight: 600; }
.nm-fiyat-hucre { white-space: nowrap; }
.nm-tur { font-size: 1.1rem; font-weight: 700; padding: 2px 8px; border-radius: 6px; background: rgba(128, 128, 128, .14); letter-spacing: .03em; }
.nm-tur-coin { background: var(--c9z); color: var(--c9); }
.nm-tur-cash { background: var(--c4z); color: var(--c4); }
.nm-durum {
  border: 0; border-radius: 999px; padding: 3px 11px; font-size: 1.1rem; font-weight: 700; cursor: pointer;
  transition: filter .12s;
}
.nm-durum.acik { background: var(--c4z); color: var(--c4); }
.nm-durum.kapali { background: rgba(128, 128, 128, .18); color: inherit; opacity: .8; }
.nm-durum:hover { filter: brightness(1.15); }
.nm-islemler { display: inline-flex; gap: 2px; white-space: nowrap; }
.nm-tablo tr.nm-secili td { background: var(--c1z) !important; }

/* pasif ürünler gri */
.nm-tablo tr.nm-pasif td { color: #8a8a8a; }
.nm-tablo tr.nm-pasif .nm-ikon { filter: grayscale(1); opacity: .45; }
.nm-tablo tr.nm-pasif .nm-urun-ad,
.nm-tablo tr.nm-pasif .it-fiyat { opacity: .6; }
.nm-tablo tr.nm-pasif .nm-tur { filter: grayscale(1); opacity: .6; }

/* ürün penceresi */
.nm-esya-alan { margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid rgba(128, 128, 128, .15); }
.nm-sepet { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
.nm-sepet-oge {
  display: flex; align-items: center; gap: 8px; padding: 6px 8px 6px 6px;
  border: 1px solid rgba(128, 128, 128, .25); border-radius: 10px; max-width: 260px;
}
.nm-sepet-oge img { width: 32px; height: 32px; object-fit: contain; background: rgba(128, 128, 128, .12); border-radius: 6px; flex: 0 0 32px; }
.nm-sepet-ad { font-weight: 700; font-size: 1.2rem; line-height: 1.2; }
.nm-sepet-vnum { font-size: 1.05rem; opacity: .55; font-family: Consolas, monospace; }
.nm-sepet-sil { border: 0; background: transparent; color: inherit; opacity: .5; font-size: 1.8rem; line-height: 1; padding: 0 2px; cursor: pointer; }
.nm-sepet-sil:hover { opacity: 1; color: var(--c2); }
.nm-sepet-bos { opacity: .55; font-size: 1.2rem; padding: 4px 0; }
.nm-esya-arac { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.nm-indirimli { font-size: 1.2rem; margin: -6px 0 10px; min-height: 0; }
.nm-gelismis-ac { font-weight: 600; font-size: 1.25rem; }
.nm-radyo { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; cursor: pointer; }

/* toplu düzenle */
.nm-toplu-satir { display: grid; grid-template-columns: 20px 110px minmax(0, 1fr); gap: 10px; align-items: center; margin-bottom: 10px; }
.nm-toplu-satir label { margin: 0; font-weight: 600; cursor: pointer; }
.nm-toplu-satir input[type=checkbox] { width: 16px; height: 16px; }
.nm-toplu-ikili { display: grid; grid-template-columns: minmax(0, 1fr) 110px; gap: 8px; }
.nm-kat-sec option.nm-sec-ana { font-weight: 700; color: inherit; }

/* ---------------------------------------------------------------- Yayıncı Takip (YayinciTakip) */
.yt-avatar { border-radius: 50%; object-fit: cover; flex: 0 0 auto; background: rgba(128, 128, 128, .15); }
.yt-uye { display: flex; align-items: center; gap: 8px; min-width: 0; }
.yt-uye-ad { font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yt-uye-id { font-size: 1.05rem; opacity: .5; font-family: Consolas, monospace; }
.yt-platform {
  display: inline-block; font-size: 1.05rem; font-weight: 700; padding: 2px 8px; border-radius: 6px;
  letter-spacing: .02em; vertical-align: middle; background: rgba(128, 128, 128, .15);
}
.yt-p-tiktok { background: rgba(34, 184, 207, .16); color: #22b8cf; }
.yt-p-youtube { background: var(--c2z); color: var(--c2); }
[data-theme-version="dark"] .yt-p-youtube { color: #ff6b6b; }
.yt-p-kick { background: rgba(83, 252, 24, .14); color: #22a34a; }
.yt-canli {
  display: inline-flex; align-items: center; gap: 6px; font-size: 1.05rem; font-weight: 800; letter-spacing: .06em;
  padding: 2px 9px; border-radius: 999px; background: var(--c2z); color: var(--c2);
}
.yt-canli::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; animation: yt-nabiz 1.4s infinite; }
@keyframes yt-nabiz { 0%, 100% { opacity: 1; } 50% { opacity: .25; } }
[data-theme-version="dark"] .yt-canli { color: #ff6b6b; }

/* bot durum kutusu */
.card.yt-bot { margin: 0 !important; padding: 12px 16px; display: flex; flex-direction: row; align-items: center; gap: 12px; max-width: 460px; }
.yt-bot-nokta { width: 12px; height: 12px; border-radius: 50%; flex: 0 0 12px; background: #8a8a8a; }
.yt-bot-acik .yt-bot-nokta { background: var(--c4); box-shadow: 0 0 0 4px var(--c4z); }
.yt-bot-uyari .yt-bot-nokta { background: var(--c9); box-shadow: 0 0 0 4px var(--c9z); }
.yt-bot-kapali .yt-bot-nokta { background: var(--c2); box-shadow: 0 0 0 4px var(--c2z); }
.yt-bot-yazi { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.yt-bot-yazi b { font-size: 1.35rem; }
.yt-bot-yazi span { font-size: 1.15rem; opacity: .7; }
.yt-bot-yazi .yt-bot-hata { color: var(--c9); opacity: 1; }

/* canlı yayın kartları */
.yt-kart-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; margin-bottom: 22px; }
.card.yt-kart {
  margin: 0 !important; padding: 14px 16px; display: flex; flex-direction: column; gap: 10px;
  color: inherit !important; text-decoration: none !important; transition: transform .12s, border-color .12s;
}
.card.yt-kart:hover { transform: translateY(-2px); border-color: var(--c1) !important; }
.yt-kart-ust { display: flex; justify-content: space-between; align-items: center; }
.yt-kart-baslik { font-weight: 700; font-size: 1.3rem; line-height: 1.35; }
.yt-kart-sayilar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; border-top: 1px solid rgba(128, 128, 128, .14); padding-top: 10px; }
.yt-kart-sayilar div { display: flex; flex-direction: column; }
.yt-kart-sayilar b { font-size: 1.5rem; font-variant-numeric: tabular-nums; }
.yt-kart-sayilar span { font-size: 1.05rem; opacity: .55; text-transform: uppercase; letter-spacing: .06em; }

.yt-olay { padding: 10px 0; border-bottom: 1px solid rgba(128, 128, 128, .1); }
.yt-olay:last-child { border-bottom: 0; }
.yt-olay-ust { display: flex; justify-content: space-between; align-items: center; margin-bottom: 4px; }
.yt-olay-metin { font-size: 1.25rem; line-height: 1.4; white-space: normal; }
.yt-tumu { font-size: 1.15rem; font-weight: 600; margin-left: 8px; }
.yt-alt-filtre { margin-bottom: 12px; }
.yt-baslik-alt { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; max-width: none; opacity: 1; }
.yt-baslik-alt > span { opacity: .65; }

/* detay: analiz + ekran görüntüleri */
.card.yt-ayar-kart { margin: 0 0 18px !important; padding: 16px 18px; }
.yt-ayar-baslik { font-size: 1.1rem; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.yt-puan { height: 8px; border-radius: 999px; background: rgba(128, 128, 128, .15); overflow: hidden; margin-bottom: 6px; }
.yt-puan div { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--c4), var(--c9), var(--c2)); background-size: 300px 100%; }
.yt-isaretler { margin: 0; padding-left: 18px; }
.yt-isaretler li { margin-bottom: 4px; }
.yt-ekranlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 12px; margin-bottom: 20px; }
.card.yt-ekran { margin: 0 !important; overflow: hidden; color: inherit !important; text-decoration: none !important; }
.yt-ekran img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; background: #000; }
.yt-ekran span { padding: 6px 10px; font-size: 1.15rem; opacity: .7; }

/* ayarlar */
.yt-anahtar { display: flex; align-items: center; gap: 8px; cursor: pointer; margin-bottom: 14px; font-weight: 600; }
.yt-anahtar input { width: 16px; height: 16px; }
.yt-anahtar small { font-weight: 400; opacity: .6; }
.yt-anahtar-kucuk { margin: 6px 0 0; font-weight: 500; font-size: 1.2rem; }
.yt-ayar-izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0 14px; }
.yt-oda-kategori { font-size: 1.05rem; text-transform: uppercase; letter-spacing: .07em; font-weight: 700; opacity: .5; margin: 12px 0 6px; }
.yt-oda-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 6px; }
.yt-oda {
  display: flex; align-items: center; gap: 8px; margin: 0; padding: 7px 10px; border-radius: 8px; cursor: pointer;
  border: 1px solid rgba(128, 128, 128, .22); font-size: 1.25rem; transition: border-color .12s, background-color .12s;
}
.yt-oda span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yt-oda:hover { border-color: var(--c1); }
.yt-oda.secili { border-color: var(--c1); background: var(--c1z); font-weight: 700; }
.yt-oda.goremiyor { opacity: .45; }
.defter-detay-link { display: inline-block; font-size: 1.15rem; font-weight: 600; margin: 4px 0 6px; }

/* Lonca defteri: kart içi kaydırmalı sipariş listesi */
.dsip-baslik { display: flex; justify-content: space-between; align-items: center; margin: 12px 0 6px; font-size: 1.2rem; }
.dsip-baslik span { opacity: .7; }
.dsip-baslik a { font-weight: 600; font-size: 1.15rem; }
.dsip-kaydir {
  max-height: 340px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px;
  padding: 2px 6px 2px 0; margin-right: -6px; scrollbar-width: thin;
}
.dsip {
  border: 1px solid rgba(128, 128, 128, .2); border-radius: 10px; padding: 9px 11px;
  display: flex; flex-direction: column; gap: 4px; background: rgba(128, 128, 128, .04);
}
.dsip.odendi { opacity: .5; }
.dsip-ust { display: flex; align-items: center; gap: 8px; }
.dsip-id { font-family: Consolas, monospace; font-size: 1.1rem; opacity: .55; }
.dsip-ad { font-weight: 700; font-size: 1.3rem; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dsip-orta { display: flex; justify-content: space-between; align-items: baseline; font-variant-numeric: tabular-nums; }
.dsip-miktar { font-size: 1.35rem; }
.dsip-tl { font-size: 1.45rem; color: var(--c1); }
[data-theme-version="dark"] .dsip-tl { color: #b3a8ff; }
.dsip-alt { display: flex; justify-content: space-between; gap: 8px; font-size: 1.1rem; opacity: .75; }
.dsip-alt.soluk { opacity: .5; }

/* ---------------------------------------------------------------- Lonca Savaşları (LoncaSavas) */
.ls-izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-bottom: 20px; }
.card.ls-kart {
  margin: 0 !important; padding: 14px 16px; color: inherit !important; text-decoration: none !important;
  display: flex; flex-direction: column; gap: 10px; transition: transform .12s, border-color .12s, box-shadow .12s;
}
.card.ls-kart:hover { transform: translateY(-2px); border-color: var(--c1) !important; box-shadow: 0 6px 18px rgba(0,0,0,.18) !important; }
.ls-takimlar { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.ls-takim { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ls-takim.sag { text-align: right; }
.ls-ad { font-weight: 700; font-size: 1.35rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ls-skor { font-size: 2.6rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; opacity: .72; }
.ls-takim.kazandi .ls-skor { color: var(--c4); opacity: 1; }
[data-theme-version="dark"] .ls-takim.kazandi .ls-skor { color: #4ade80; }
.ls-takim.kazandi .ls-ad { color: var(--c4); }
[data-theme-version="dark"] .ls-takim.kazandi .ls-ad { color: #4ade80; }
.ls-vs { font-size: 1.1rem; font-weight: 800; opacity: .4; letter-spacing: .05em; }
.ls-kart-alt { display: flex; justify-content: space-between; align-items: center; font-size: 1.15rem; opacity: .6; border-top: 1px solid rgba(128,128,128,.14); padding-top: 8px; }
.ls-detay { font-weight: 700; color: var(--c1); opacity: 1; }
[data-theme-version="dark"] .ls-detay { color: #b3a8ff; }

/* detay hero */
.card.ls-hero { margin: 0 0 18px !important; padding: 22px 20px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 18px; }
.ls-hero-takim { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.ls-hero-ad { font-size: 1.8rem; font-weight: 800; text-align: center; letter-spacing: -.01em; }
.ls-hero-skor { font-size: 4.4rem; font-weight: 800; line-height: 1; font-variant-numeric: tabular-nums; opacity: .68; }
.ls-hero-takim.kazandi .ls-hero-skor, .ls-hero-takim.kazandi .ls-hero-ad { color: var(--c4); opacity: 1; }
[data-theme-version="dark"] .ls-hero-takim.kazandi .ls-hero-skor, [data-theme-version="dark"] .ls-hero-takim.kazandi .ls-hero-ad { color: #4ade80; }
.ls-hero-vs { font-size: 1.6rem; font-weight: 800; opacity: .35; }
.ls-arac { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.ls-sira { display: flex; align-items: center; gap: 6px; font-size: 1.2rem; }
.ls-sira > span { opacity: .6; margin-right: 2px; }
.ls-panel-ust { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 2px 2px 10px; }
.ls-panel-ust h5 { margin: 0; font-weight: 800; }
.card.ls-takim-panel { margin-bottom: 16px !important; }
@media (max-width: 480px) {
  .ls-hero-skor { font-size: 3.2rem; } .ls-hero-ad { font-size: 1.4rem; }
}

/* ---------------------------------------------------------------- Karakter detay: Güncel Pazar kartı */
.pazar-kart { border: 1px solid rgba(128,128,128,.2); border-radius: 12px; padding: 14px 16px; margin-top: 6px; }
.pazar-baslik { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 12px; }
.pazar-rozet { font-size: 1.15rem; font-weight: 700; padding: 2px 10px; border-radius: 999px; }
.pazar-rozet.acik { background: var(--c4z); color: var(--c4); }
[data-theme-version="dark"] .pazar-rozet.acik { color: #4ade80; }
.pazar-rozet.kapali { background: rgba(128,128,128,.18); opacity: .8; }
.pazar-dukkan { font-weight: 700; font-size: 1.3rem; }
.pazar-konum { font-size: 1.15rem; opacity: .6; }
.pazar-alt-baslik { font-size: 1.1rem; text-transform: uppercase; letter-spacing: .07em; font-weight: 700; opacity: .55; margin: 6px 0 8px; }
.pazar-alt-baslik span { background: var(--c1z); color: var(--c1); border-radius: 999px; padding: 0 7px; font-size: 1rem; margin-left: 4px; }
[data-theme-version="dark"] .pazar-alt-baslik span { color: #b3a8ff; }
.pazar-bos { opacity: .55; font-size: 1.2rem; padding: 10px 0; }
.pazar-liste { max-height: 360px; overflow-y: auto; }
.pazar-urun { display: flex; align-items: center; gap: 10px; padding: 7px 4px; border-bottom: 1px solid rgba(128,128,128,.1); }
.pazar-urun:last-child { border-bottom: 0; }
.pazar-urun img { width: 34px; height: 34px; object-fit: contain; background: rgba(128,128,128,.12); border-radius: 7px; flex: 0 0 34px; }
.pazar-urun-ad { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.pazar-urun-ad span { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pazar-urun-ad small { opacity: .55; font-size: 1.05rem; }
.pazar-fiyat { font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--c1); }
[data-theme-version="dark"] .pazar-fiyat { color: #b3a8ff; }
.pazar-fiyat small { opacity: .6; font-weight: 500; }
.pazar-mini-ikon { width: 22px; height: 22px; object-fit: contain; vertical-align: middle; background: rgba(128,128,128,.12); border-radius: 5px; }
.pazar-liste .it-tablo td, .pazar-liste .it-tablo th { padding: 6px 8px !important; }