/* =====================================================================
   Türev İK — App Shell Re-skin (chrome only)
   Demo görünümünü (sidebar-demo.html) mevcut WowDash chrome'una giydirir.
   - Yalnız sidebar + üst bar hedeflenir; sayfa gövdesine/Bootstrap içeriğe dokunulmaz.
   - Tüm işlevsellik (collapse .sidebar.active, mobil .sidebar-open, dropdown,
     tema değiştir, yetki render, .active-page) KORUNUR.
   - Düz CSS; tema !important gradientlerini yenmek için yer yer !important.
   - head.php'de EN SON yüklenir → tema CSS'ini ezer.
   Marka: #487FFF / #486CEA / #E4F1FF · navy #0c2a52
   ===================================================================== */

/* ---------- İçerik alanı: ferah açık zemin ---------- */
.dashboard-main {
  background-color: #eef4fb;
}

/* Daraltma durumunu sayfa yüklenmeden (JS .active eklemeden) uygula → içerik kaymaz */
@media (min-width: 1200px) {
  html.tk-sb-collapsed .dashboard-main { margin-inline-start: 5.375rem; }
}

/* =====================================================================
   SIDEBAR
   ===================================================================== */
.sidebar {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  border-inline-end: 1px solid #e8eef6;
}
.sidebar-menu-area {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  border-inline-end: none;
  overflow-x: hidden;
}
.sidebar-logo {
  border-inline-end-color: transparent;
  border-block-end-color: #eef2f7;
}

/* Menü satırı — demo .nav-link */
.sidebar-menu li a {
  color: #475569;
  font-weight: 500;
  border-radius: 12px;
  transition: background-color .18s ease, color .18s ease;
}
/* İkon + yazı her zaman yatay hizada (asla alt alta kaymasın) */
.sidebar .sidebar-menu li > a,
.sidebar .sidebar-menu li.dropdown > a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}
.sidebar .sidebar-menu li a > span {
  flex: 1 1 auto;
  min-width: 0;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-menu li a:hover {
  color: #0f172a;
  background-color: #f1f5f9;
}

/* ---------- Renkli ikon kutucukları (nav-chip) ----------
   .menu-icon (iconify-icon) bir kutucuğa dönüştürülür.
   Renk per-item: icon adı attribute selector'ı ile (markup'a dokunmadan).
   Yüksek specificity (0,4,2) + !important → tema'nın aktif/collapsed
   "color:#fff !important" kurallarını yener; renk var() ile gelir. */
.sidebar .sidebar-menu-area .sidebar-menu li a .menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  min-width: 32px;
  border-radius: 8px;
  font-size: 17px;
  background: var(--chip-bg, #eef2f7);
  color: var(--chip-fg, #64748b) !important;
  margin-inline-end: 12px;
  transition: transform .18s ease, box-shadow .18s ease;
}
@media (min-width: 1650px) {
  .sidebar .sidebar-menu-area .sidebar-menu li a .menu-icon {
    font-size: 19px;
  }
}
.sidebar-menu li a:hover .menu-icon {
  transform: scale(1.06);
}

/* Per-item kutucuk renkleri (ikon adına göre) */
.sidebar-menu .menu-icon[icon="solar:home-smile-angle-outline"]   { --chip-bg:#E4F1FF; --chip-fg:#487FFF; } /* Genel Bakış */
.sidebar-menu .menu-icon[icon="solar:widget-4-bold-duotone"]      { --chip-bg:#cffafe; --chip-fg:#0891b2; } /* Departman Paneli */
.sidebar-menu .menu-icon[icon="solar:users-group-rounded-linear"] { --chip-bg:#e0f2fe; --chip-fg:#0284c7; } /* Personel */
.sidebar-menu .menu-icon[icon="solar:calendar-minimalistic-linear"]{ --chip-bg:#fef3c7; --chip-fg:#d97706; } /* İzin */
.sidebar-menu .menu-icon[icon="solar:wallet-money-bold-duotone"]  { --chip-bg:#d1fae5; --chip-fg:#059669; } /* Avans / Bordro */
.sidebar-menu .menu-icon[icon="solar:clock-circle-outline"]       { --chip-bg:#cffafe; --chip-fg:#0891b2; } /* Mesai */
.sidebar-menu .menu-icon[icon="solar:bill-list-linear"]           { --chip-bg:#ede9fe; --chip-fg:#7c3aed; } /* Harcama */
.sidebar-menu .menu-icon[icon="solar:box-bold-duotone"]           { --chip-bg:#ffe4e6; --chip-fg:#e11d48; } /* Zimmet */
.sidebar-menu .menu-icon[icon="solar:bus-bold"]                   { --chip-bg:#ffe4e6; --chip-fg:#e11d48; } /* Filo */
.sidebar-menu .menu-icon[icon="solar:database-linear"]            { --chip-bg:#ede9fe; --chip-fg:#7c3aed; } /* Organizasyon */
.sidebar-menu .menu-icon[icon="solar:widget-5-bold-duotone"]      { --chip-bg:#eef2f7; --chip-fg:#64748b; } /* Diğer */
.sidebar-menu .menu-icon[icon="solar:shop-bold-duotone"]          { --chip-bg:#d1fae5; --chip-fg:#059669; } /* Anlaşmalı Yerler */
.sidebar-menu .menu-icon[icon="solar:chat-round-like-bold-duotone"]{ --chip-bg:#fef3c7; --chip-fg:#d97706; } /* Görüş & Öneri */
.sidebar-menu .menu-icon[icon="solar:pie-chart-2-linear"]         { --chip-bg:#e0f2fe; --chip-fg:#0284c7; } /* Raporlama */
.sidebar-menu .menu-icon[icon="solar:shield-user-linear"]         { --chip-bg:#ffe4e6; --chip-fg:#e11d48; } /* Kullanıcı Yönetimi */
.sidebar-menu .menu-icon[icon="solar:settings-linear"]            { --chip-bg:#eef2f7; --chip-fg:#64748b; } /* Entegrasyon / Ayarlar */

/* ---------- Aktif / açık durum: eski mavi gradienti EZ ---------- */
.sidebar-menu li.dropdown.open > a,
.sidebar-menu li.dropdown.dropdown-open > a,
.sidebar-menu li > a.active-page {
  background: #E4F1FF !important;
  color: #486CEA !important;
  font-weight: 600;
  border-radius: 14px 0 0 14px;   /* demo: sola yuvarlak, sağ kenara akan pill */
  margin-inline-end: -16px;        /* menü alanı sağ padding'ini iptal et → kenara yapışsın */
  box-shadow: none !important;
  transform: none !important;
}
.sidebar-menu li.dropdown.open > a:hover,
.sidebar-menu li.dropdown.dropdown-open > a:hover,
.sidebar-menu li > a.active-page:hover {
  background: #d7e9ff !important;
  color: #486CEA !important;
  box-shadow: none !important;
  transform: none !important;
}
/* Açık dropdown caret rengi (tema beyaz yapıyordu) */
.sidebar-menu li.dropdown.open > a::after,
.sidebar-menu li.dropdown.dropdown-open > a::after {
  color: #486CEA !important;
}
/* Aktif satırda kutucuk marka gölgesi */
.sidebar-menu li.dropdown.open > a .menu-icon,
.sidebar-menu li.dropdown.dropdown-open > a .menu-icon,
.sidebar-menu li > a.active-page .menu-icon {
  box-shadow: 0 4px 12px -3px rgba(72, 127, 255, .45);
}

/* ---------- Collapsed (.sidebar.active) modda kutucukları ortala ---------- */
.sidebar.active .sidebar-menu li a {
  justify-content: center;
}
.sidebar.active:hover .sidebar-menu li a {
  justify-content: flex-start;
}

/* =====================================================================
   ÜST BAR (navbar-header) — demo "yüzen panel"
   ===================================================================== */
.dashboard-main > .navbar-header {
  height: auto;
  min-height: 4.25rem;
  margin: 12px 16px 4px;
  padding: 10px 18px;
  background-color: #ffffff;
  border: 1px solid #eef2f7;
  border-radius: 18px;
  box-shadow: 0 8px 28px -10px rgba(16, 52, 97, .18);
  top: 10px; /* sticky: tepeden 10px boşlukla yapışsın */
  z-index: 1030;
}

/* Arama — yuvarlak pill */
.navbar-search input {
  width: 100%;
  height: 2.625rem;
  background-color: #eef4fb;
  border: 2px solid transparent;
  border-radius: 12px;
  transition: background-color .18s ease, border-color .18s ease;
}
.navbar-search input:focus {
  background-color: #ffffff;
  border-color: #6aa3ff;
}

/* Aksiyon ikon butonları — yuvarlak kare + hover marka tint
   (Sadece gri ikon butonları; avatar/dil bayrağı etkilenmez) */
.navbar-header-actions .w-40-px.bg-neutral-200 {
  border-radius: 12px !important;
  background-color: #eef4fb !important;
  transition: background-color .18s ease, transform .18s ease;
}
.navbar-header-actions .w-40-px.bg-neutral-200:hover {
  background-color: #E4F1FF !important;
}

/* ---------- MOBİL: hamburger (menü) ikonu her zaman görünsün, sıkışmasın ---------- */
@media (max-width: 1199.98px) {
  .dashboard-main > .navbar-header {
    margin: 8px 8px 4px;          /* yüzen panel boşluklarını küçült → içerik genişliği geri gelsin */
    padding: 8px 10px;
    border-radius: 14px;
    top: 0;
  }
  /* Hamburger kendi yerini ayırsın; aksiyon butonları onu itip üstüne binmesin */
  .navbar-header .navbar-header-left { flex: 0 0 auto !important; }
  .navbar-header .sidebar-mobile-toggle {
    display: flex !important;
    flex-shrink: 0 !important;
  }
  /* Aksiyonlar sığmazsa alta sarsın (hamburger'ı asla itmesin) */
  .navbar-header .navbar-header-actions {
    flex-wrap: wrap;
    justify-content: flex-end;
    row-gap: 6px;
    column-gap: 8px;
  }
  /* Drawer üst bardan ÜSTTE olsun → kapat (X) butonu ve drawer üstü erişilebilir
     (mobile-sidebar-fix: navbar z-index:1001, sidebar:1000 idi → X kapalı kalıyordu) */
  .sidebar { z-index: 1002 !important; }
  /* Masaüstü daraltma (.active) mobil drawer'da etiketleri gizlemesin / ortalamasın */
  .sidebar .sidebar-menu li a {
    justify-content: flex-start !important;
  }
  .sidebar .sidebar-menu li a span {
    display: inline !important;
  }
  .sidebar.active .sidebar-menu li a span {
    display: inline !important;
  }
}

/* =====================================================================
   KARANLIK MOD ( [data-theme=dark] ) — yüzeyler koyu, tema değiştir çalışır
   ===================================================================== */
[data-theme=dark] .dashboard-main {
  background-color: #0a1120;
}
[data-theme=dark] .sidebar {
  background-color: #0b1322;
}
[data-theme=dark] .sidebar-menu-area {
  border-inline-end-color: #1c2840;
}
[data-theme=dark] .sidebar-logo {
  border-inline-end-color: #1c2840;
  border-block-end-color: #1c2840;
}
[data-theme=dark] .sidebar-menu li a {
  color: #94a3b8;
}
[data-theme=dark] .sidebar-menu li a:hover {
  color: #e2e8f0;
  background-color: #16223a;
}
[data-theme=dark] .sidebar-menu li.dropdown.open > a,
[data-theme=dark] .sidebar-menu li.dropdown.dropdown-open > a,
[data-theme=dark] .sidebar-menu li > a.active-page {
  background: #16305c !important;
  color: #bcd4ff !important;
}
[data-theme=dark] .sidebar-menu li.dropdown.open > a::after,
[data-theme=dark] .sidebar-menu li.dropdown.dropdown-open > a::after {
  color: #bcd4ff !important;
}
/* Koyu zeminde kutucukları biraz yumuşat */
[data-theme=dark] .sidebar .sidebar-menu-area .sidebar-menu li a .menu-icon {
  filter: saturate(.92) brightness(.96);
}
[data-theme=dark] .dashboard-main > .navbar-header {
  background-color: #0f1a30;
  border-color: #1c2840;
}
[data-theme=dark] .navbar-search input {
  background-color: #16223a;
  color: #e2e8f0;
}
[data-theme=dark] .navbar-header-actions .w-40-px.bg-neutral-200 {
  background-color: #16223a !important;
}
[data-theme=dark] .navbar-header-actions .w-40-px.bg-neutral-200:hover {
  background-color: #1d2b48 !important;
}

/* =====================================================================
   DEMO PARITY — bölüm başlıkları, sade alt menü noktaları, alt kullanıcı kartı
   ===================================================================== */

/* Bölüm başlıkları (Genel / İşlemler / Finans / Sistem) */
.sidebar-menu li.sidebar-menu-group-title {
  margin: 16px 4px 6px;
  padding: 0 10px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #94a3b8;
  list-style: none;
}
.sidebar-menu li.sidebar-menu-group-title:first-child {
  margin-top: 4px;
}

/* Alt menü: renkli daireleri sadeleştir → küçük nötr nokta; aktif = parlayan marka */
.sidebar-menu .sidebar-submenu li a .circle-icon {
  font-size: 8px !important;
  color: #cbd5e1 !important;
  transition: color .18s ease, filter .18s ease, transform .18s ease;
}
.sidebar-menu .sidebar-submenu li a:hover .circle-icon {
  color: #94a3b8 !important;
}
.sidebar-menu .sidebar-submenu li.active-page a,
.sidebar-menu .sidebar-submenu li > a.active-page {
  background-color: #f1f6ff !important;
  color: #486CEA !important;
  border-radius: 8px;
  font-weight: 600;
}
.sidebar-menu .sidebar-submenu li.active-page a .circle-icon,
.sidebar-menu .sidebar-submenu li > a.active-page .circle-icon {
  color: #487FFF !important;
  transform: scale(1.25);
  filter: drop-shadow(0 0 5px rgba(72, 127, 255, .75));
}

/* Alt kullanıcı kartı (sidebar en altı) */
.sidebar-user-card {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 8px;
  padding: 10px;
  border-radius: 16px;
  background: #f1f5f9;
}
.sidebar-user-avatar {
  flex-shrink: 0;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #458EFF, #486CEA);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
}
.sidebar-user-meta {
  min-width: 0;
}
.sidebar-user-name {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #0c2a52;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-user-role {
  margin: 0;
  font-size: 11px;
  color: #94a3b8;
  white-space: nowrap;
}
/* Collapsed: sadece avatar, ortalı; hover'da tekrar aç */
.sidebar.active .sidebar-user-meta { display: none; }
.sidebar.active .sidebar-user-card { justify-content: center; margin-inline: 6px; }
.sidebar.active:hover .sidebar-user-meta { display: block; }
.sidebar.active:hover .sidebar-user-card { justify-content: flex-start; }

/* Demo parity — dark */
[data-theme=dark] .sidebar-menu li.sidebar-menu-group-title { color: #64748b; }
[data-theme=dark] .sidebar-menu .sidebar-submenu li a .circle-icon { color: #475569 !important; }
[data-theme=dark] .sidebar-menu .sidebar-submenu li.active-page a,
[data-theme=dark] .sidebar-menu .sidebar-submenu li > a.active-page {
  background-color: #16305c !important;
  color: #bcd4ff !important;
}
[data-theme=dark] .sidebar-user-card { background: #16223a; }
[data-theme=dark] .sidebar-user-name { color: #e2e8f0; }
[data-theme=dark] .sidebar-user-role { color: #64748b; }

/* =====================================================================
   COLLAPSED HOVER — demo davranışı: sidebar AÇILMASIN, flyout çıksın
   ===================================================================== */
/* Hover'da genişlemeyi iptal et (tema .sidebar.active:hover{width:auto}) */
.sidebar.active:hover { width: 86px !important; }
@media (min-width: 1400px) { .sidebar.active:hover { width: 86px !important; } }
@media (min-width: 1650px) { .sidebar.active:hover { width: 86px !important; } }
/* Hover'da da dar görünümü koru (etiket/başlık/caret/logo açılmasın) */
.sidebar.active:hover .sidebar-menu li a span,
.sidebar.active:hover .sidebar-menu li.sidebar-menu-group-title,
.sidebar.active:hover .sidebar-user-meta { display: none !important; }
.sidebar.active:hover .sidebar-menu li a,
.sidebar.active:hover .sidebar-user-card { justify-content: center !important; }
.sidebar.active:hover .sidebar-menu li a .menu-icon { margin-inline-end: 0 !important; }
.sidebar.active:hover .sidebar-menu li.dropdown > a::after { display: none !important; }
.sidebar.active:hover .sidebar-logo img.light-logo,
.sidebar.active:hover .sidebar-logo img.dark-logo { display: none !important; }
.sidebar.active:hover .sidebar-logo img.logo-icon { display: inline-block !important; }
.sidebar.active:hover .sidebar-menu li.dropdown.dropdown-open .sidebar-submenu,
.sidebar.active:hover .sidebar-menu li.dropdown.open .sidebar-submenu { display: none !important; }

/* Flyout popover (JS ile body'ye eklenir, fixed konumlu) */
.sb-flyout {
  position: fixed;
  z-index: 9999;
  min-width: 200px;
  max-width: 270px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 20px 44px -12px rgba(15, 23, 42, .22);
  padding: 7px;
  opacity: 0;
  transform: translateX(-6px);
  pointer-events: none;
  transition: opacity .16s ease, transform .16s ease;
}
.sb-flyout.show { opacity: 1; transform: none; pointer-events: auto; }
.sb-flyout .sb-fly-title {
  font-size: 13px;
  font-weight: 700;
  color: #0c2a52;
  padding: 6px 10px 8px;
  border-bottom: 1px solid #f1f5f9;
  margin-bottom: 4px;
}
.sb-flyout a.sb-fly-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 10px;
  border-radius: 9px;
  font-size: 13px;
  color: #475569;
  text-decoration: none;
}
.sb-flyout a.sb-fly-item:hover { background: #f1f5f9; color: #0f172a; }
.sb-flyout a.sb-fly-item::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cbd5e1;
  flex-shrink: 0;
}
.sb-flyout a.sb-fly-item.is-title::before { display: none; }
[data-theme=dark] .sb-flyout { background: #0f1a30; border-color: #1c2840; }
[data-theme=dark] .sb-flyout .sb-fly-title { color: #e2e8f0; border-bottom-color: #1c2840; }
[data-theme=dark] .sb-flyout a.sb-fly-item { color: #94a3b8; }
[data-theme=dark] .sb-flyout a.sb-fly-item:hover { background: #16223a; color: #e2e8f0; }

/* =====================================================================
   .dash-modern — sayfa içeriği için yeni tasarım skin'i (kart / tablo / form)
   WowDash Bootstrap bileşenlerini yeni dile giydirir. İlgili sayfanın
   içerik sarmalına `dash-modern` sınıfı eklenince devreye girer.
   Sadece ana panel kartları (.card.radius-12) hedeflenir → iç içe renkli
   kartlar (bg-success-100 vb.) bozulmaz.
   ===================================================================== */
.dash-modern .card.radius-12 {
  border: 1px solid #e8eef6 !important;
  border-radius: 20px !important;
  box-shadow: 0 16px 36px -16px rgba(15, 23, 42, .16) !important;
  transition: transform .2s ease, box-shadow .2s ease;
}
.dash-modern .card.radius-12:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 44px -18px rgba(15, 23, 42, .22) !important;
}
.dash-modern .card.radius-12 > .card-header {
  background: #fff !important;
  border-bottom: 1px solid #f1f5f9 !important;
  padding: 1rem 1.25rem !important;
}
.dash-modern .card.radius-12 > .card-header h6 {
  font-weight: 700 !important;
  color: #0f172a !important;
}
/* Tablolar */
.dash-modern .table thead th {
  border-bottom: 1px solid #eef2f7 !important;
  color: #64748b !important;
  font-size: .72rem !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700 !important;
  background: transparent !important;
}
.dash-modern .table tbody tr { transition: background-color .15s ease; }
.dash-modern .table tbody tr:hover { background: #f8fafc; }
/* Form kontrolleri */
.dash-modern .form-control,
.dash-modern .form-select,
.dash-modern textarea.form-control {
  border-radius: 10px !important;
  border: 1px solid #e2e8f0 !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.dash-modern .form-control:focus,
.dash-modern .form-select:focus {
  border-color: #6aa3ff !important;
  box-shadow: 0 0 0 3px rgba(72, 127, 255, .15) !important;
}
.dash-modern .form-label { font-weight: 600; }
/* Butonlar */
.dash-modern .btn { border-radius: 10px; }
.dash-modern .btn-primary,
.dash-modern .btn-primary-600 { background: #487FFF; border-color: #487FFF; }
.dash-modern .btn-primary:hover,
.dash-modern .btn-primary-600:hover { background: #486CEA; border-color: #486CEA; }
.dash-modern .btn-outline-primary { color: #486CEA; border-color: #c7dbff; }
.dash-modern .btn-outline-primary:hover { background: #E4F1FF; color: #486CEA; border-color: #9cc0ff; }
/* Dark */
[data-theme=dark] .dash-modern .card.radius-12 { background: var(--white) !important; border-color: #1c2840 !important; }
[data-theme=dark] .dash-modern .card.radius-12 > .card-header { background: var(--white) !important; border-bottom-color: #1c2840 !important; }
[data-theme=dark] .dash-modern .card.radius-12 > .card-header h6 { color: #e2e8f0 !important; }
[data-theme=dark] .dash-modern .table tbody tr:hover { background: #16223a; }
[data-theme=dark] .dash-modern .form-control,
[data-theme=dark] .dash-modern .form-select { border-color: #1c2840 !important; }

/* =====================================================================
   LİSTE AKSİYON BUTONLARI (Detay / Düzenle / Sil ...) — yeni tasarım
   Tek global kural; tüm listelere uygulanır:
   - Helper çıktısı  .list-action-btn
   - Sayfalardaki    a/button + .rounded-circle + tonlu açık zemin
   Avatarlar (solid bg-*-600) ve dekoratif ikon daireleri (div/span)
   ETKİLENMEZ. Tonu ikon yazı rengine göre belirlenir; hover'da o renge dolar.
   ===================================================================== */
.list-action-btn,
:is(a, button).rounded-circle:is(.bg-primary-50, .bg-primary-light, .bg-primary-100, .bg-success-focus, .bg-success-100, .bg-warning-focus, .bg-warning-100, .bg-danger-focus, .bg-danger-100, .bg-info-focus, .bg-info-100, .bg-neutral-100) {
  border-radius: 12px !important;
  transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease !important;
}
.list-action-btn:hover,
:is(a, button).rounded-circle:is(.bg-primary-50, .bg-primary-light, .bg-primary-100, .bg-success-focus, .bg-success-100, .bg-warning-focus, .bg-warning-100, .bg-danger-focus, .bg-danger-100, .bg-info-focus, .bg-info-100, .bg-neutral-100):hover {
  transform: translateY(-2px) !important;
}
/* Hover: solid renge dol + beyaz ikon + renkli gölge (ton, ikonun yazı rengine göre) */
:is(a, button).rounded-circle:is(.text-primary-600, .text-primary-main):hover,
.list-action-btn:is(.text-primary-600, .text-primary-main):hover { background: #487FFF !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(72,127,255,.50) !important; }
:is(a, button).rounded-circle:is(.text-success-600, .text-success-main):hover,
.list-action-btn:is(.text-success-600, .text-success-main):hover { background: #10b981 !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(16,185,129,.45) !important; }
:is(a, button).rounded-circle:is(.text-warning-600, .text-warning-main):hover,
.list-action-btn:is(.text-warning-600, .text-warning-main):hover { background: #f59e0b !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(245,158,11,.45) !important; }
:is(a, button).rounded-circle:is(.text-danger-600, .text-danger-main):hover,
.list-action-btn:is(.text-danger-600, .text-danger-main):hover { background: #f43f5e !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(244,63,94,.45) !important; }
:is(a, button).rounded-circle:is(.text-info-600, .text-info-main):hover,
.list-action-btn:is(.text-info-600, .text-info-main):hover { background: #06b6d4 !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(6,182,212,.45) !important; }
:is(a, button).rounded-circle.text-secondary-light:hover,
.list-action-btn.text-secondary-light:hover { background: #64748b !important; color: #fff !important; box-shadow: 0 8px 18px -6px rgba(100,116,139,.45) !important; }
/* ikon hover'da beyaz (kendi rengi olsa bile) */
.list-action-btn:hover iconify-icon { color: #fff !important; }
:is(a, button).rounded-circle:is(.bg-primary-50, .bg-primary-light, .bg-primary-100, .bg-success-focus, .bg-success-100, .bg-warning-focus, .bg-warning-100, .bg-danger-focus, .bg-danger-100, .bg-info-focus, .bg-info-100, .bg-neutral-100):hover iconify-icon { color: #fff !important; }

/* =====================================================================
   KARANLIK MOD — .tw-scope beyaz kartları/ink yazıları koyulaştır
   (uygulama data-theme="dark" kullanıyor; Tailwind dark: tetiklenmez,
   bu yüzden tw-bg-white kartlar koyu modda beyaz kalıyordu)
   ===================================================================== */
[data-theme=dark] .tw-scope .tw-bg-white { background-color: #0f1a30 !important; }
[data-theme=dark] .tw-scope .tw-bg-slate-50 { background-color: #16223a !important; }
[data-theme=dark] .tw-scope .tw-bg-slate-100 { background-color: #1c2840 !important; }
[data-theme=dark] .tw-scope .tw-text-ink-900 { color: #e2e8f0 !important; }
[data-theme=dark] .tw-scope .tw-text-ink-700 { color: #cbd5e1 !important; }
[data-theme=dark] .tw-scope .tw-text-ink-500 { color: #94a3b8 !important; }
[data-theme=dark] .tw-scope .tw-text-slate-100 { color: #1c2840 !important; }  /* halka/track koyulaşsın */
[data-theme=dark] .tw-scope .tw-border-slate-100 { border-color: #1c2840 !important; }
[data-theme=dark] .tw-scope .tw-border-slate-200 { border-color: #1c2840 !important; }
[data-theme=dark] .tw-scope .tw-border-slate-200\/70 { border-color: #1c2840 !important; }
[data-theme=dark] .tw-scope .tw-bg-slate-100\/60 { background-color: #1c2840 !important; }

/* Dashboard Hızlı İşlemler — pastel kart arka planları koyu modda açık kalıyordu */
[data-theme=dark] .pnl-head h6 { color: #e2e8f0 !important; }
[data-theme=dark] .pnl-quick .qt { color: #f1f5f9; }
[data-theme=dark] .pnl-q-slate { background: #16223a; border-color: #334155; }
[data-theme=dark] .pnl-q-blue { background: #132a4a; border-color: #2563eb; }
[data-theme=dark] .pnl-q-emerald { background: #0f2e24; border-color: #059669; }
[data-theme=dark] .pnl-q-amber { background: #2e2410; border-color: #d97706; }
[data-theme=dark] .pnl-q-violet { background: #251a3d; border-color: #7c3aed; }
[data-theme=dark] .pnl-q-cyan { background: #0f2a30; border-color: #0891b2; }
[data-theme=dark] .pnl-q-rose { background: #2e1218; border-color: #e11d48; }
[data-theme=dark] .pnl-quick:hover { box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.35); }

/* ============================================================
   KPI METRİK KARTI — kpiCard() helper'ı için tek noktadan modern görünüm
   (gradient üst şerit + hover yükselme + yumuşak gölge). 40+ sayfada
   ortak kullanıldığı için burada tanımlı; tüm sayfalarda otomatik geçerli.
   ============================================================ */
.kpi-card-helper{
    position: relative;
    overflow: hidden;
    border-radius: 24px !important;            /* demo: rounded-3xl */
    border: 1px solid #e9eef5 !important;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease;
    will-change: transform;
}
.kpi-card-helper:hover{
    transform: translateY(-6px);               /* demo: -6px */
    box-shadow: 0 22px 44px -16px rgba(15,23,42,.22) !important;
}
/* üst gradient şerit — ::after kullanılıyor çünkü custom-ui.css zaten
   .card.bg-gradient-start-N::before ile overlay tanımlıyor (çakışmayı önle).
   .card öneki ile specificity custom-ui.css'i geçecek şekilde yükseltildi. */
.card.kpi-card-helper::after{
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    z-index: 3;
    background: linear-gradient(90deg, #487FFF, #9fc3ff);
    pointer-events: none;
}
.card.kpi-card-helper--success::after{ background: linear-gradient(90deg, #10b981, #6ee7b7); }
.card.kpi-card-helper--warning::after{ background: linear-gradient(90deg, #f59e0b, #fcd34d); }
.card.kpi-card-helper--danger::after { background: linear-gradient(90deg, #ef4444, #fca5a5); }
.card.kpi-card-helper--info::after   { background: linear-gradient(90deg, #06b6d4, #67e8f9); }
.card.kpi-card-helper--primary::after{ background: linear-gradient(90deg, #487FFF, #9fc3ff); }
/* iç padding'i demo ile aynı hisse getir */
.kpi-card-helper .card-body{ padding: 1.5rem !important; }
/* ikon rozeti: demo hissi (yuvarlak köşe, gölge, hover büyüme) */
.kpi-card-helper__icon{
    border-radius: 16px !important;
    box-shadow: 0 10px 20px -8px rgba(15,23,42,.30);
    transition: transform .28s cubic-bezier(.22,1,.36,1);
}
.kpi-card-helper:hover .kpi-card-helper__icon{ transform: scale(1.08); }

/* değer (h6): demo gibi büyük ve çok kalın */
.kpi-card-helper h6{
    font-size: 2rem !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: -.02em;
}
/* etiket biraz yukarı, alt metin yumuşak */
.kpi-card-helper .fw-medium.text-primary-light{ font-size: .9rem; }

/* dark mode */
[data-theme=dark] .kpi-card-helper{
    border-color: #1c2840 !important;
    box-shadow: 0 12px 30px -18px rgba(0,0,0,.5) !important;
}
[data-theme=dark] .kpi-card-helper:hover{
    box-shadow: 0 22px 44px -18px rgba(0,0,0,.6) !important;
}

/* ============================================================
   ÜST HEADER İKONLARI — renklendirme (her butona kendi rengi)
   ============================================================ */
.nav-ic{ transition: background-color .16s ease, transform .16s ease, box-shadow .16s ease; }
.nav-ic:hover{ transform: translateY(-2px); }
.nav-ic iconify-icon{ transition: color .16s ease; }

/* her buton: yumuşak renkli daire + canlı ikon */
.nav-ic--eye        { background: #E4F1FF !important; }
.nav-ic--eye iconify-icon        { color: #487FFF !important; }
.nav-ic--theme      { background: #fff7e6 !important; }
.nav-ic--theme iconify-icon      { color: #f59e0b !important; }
/* tema butonu ikonu remixicon ::after ile basılıyor (iconify değil) — onu da renklendir */
.nav-ic--theme[data-theme-toggle]::after{ color: #f59e0b !important; }
.nav-ic--clock      { background: #ecfeff !important; }
.nav-ic--clock iconify-icon      { color: #0891b2 !important; }
.nav-ic--mail       { background: #eef2ff !important; }
.nav-ic--mail iconify-icon       { color: #6366f1 !important; }
.nav-ic--megaphone  { background: #fef2f2 !important; }
.nav-ic--megaphone iconify-icon  { color: #e11d48 !important; }
.nav-ic--bell       { background: #ecfdf5 !important; }
.nav-ic--bell iconify-icon       { color: #059669 !important; }

/* hover'da rengi biraz koyulaştır (renkli his) */
.nav-ic--eye:hover      { background: #cfe3ff !important; box-shadow:0 8px 16px -8px rgba(72,127,255,.5); }
.nav-ic--theme:hover    { background: #fdecc8 !important; box-shadow:0 8px 16px -8px rgba(245,158,11,.5); }
.nav-ic--clock:hover    { background: #cffafe !important; box-shadow:0 8px 16px -8px rgba(8,145,178,.5); }
.nav-ic--mail:hover     { background: #e0e7ff !important; box-shadow:0 8px 16px -8px rgba(99,102,241,.5); }
.nav-ic--megaphone:hover{ background: #fee2e2 !important; box-shadow:0 8px 16px -8px rgba(225,29,72,.5); }
.nav-ic--bell:hover     { background: #d1fae5 !important; box-shadow:0 8px 16px -8px rgba(5,150,105,.5); }

/* dark mode: arkaplanları koyu transparan, ikon canlı kalsın */
[data-theme=dark] .nav-ic--eye      { background: rgba(72,127,255,.16) !important; }
[data-theme=dark] .nav-ic--theme    { background: rgba(245,158,11,.16) !important; }
[data-theme=dark] .nav-ic--clock    { background: rgba(8,145,178,.16) !important; }
[data-theme=dark] .nav-ic--mail     { background: rgba(99,102,241,.16) !important; }
[data-theme=dark] .nav-ic--megaphone{ background: rgba(225,29,72,.16) !important; }
[data-theme=dark] .nav-ic--bell     { background: rgba(5,150,105,.16) !important; }

/* ============================================================
   AÇILAN KUTULAR (dropdown) — TEK TİP tasarım (tüm header dropdown'ları)
   Duyurular dropdown'u inline style ile farklı yapılmıştı; burada
   hepsini aynı kalıba sokuyoruz.
   ============================================================ */
.navbar-header .dropdown-menu,
header .dropdown-menu{
    border: 1px solid #eef2f7 !important;
    border-radius: 16px !important;
    box-shadow: 0 16px 44px -18px rgba(15,23,42,.28) !important;
    padding: .5rem !important;
    margin-top: .5rem !important;
    overflow: hidden;
    animation: navDropIn .18s cubic-bezier(.22,1,.36,1);
}
@keyframes navDropIn{ from{ opacity:0; transform: translateY(-6px); } to{ opacity:1; transform:none; } }

/* p-0 ile gelen menülerde iç padding'i biz verelim ki başlık şeritleri taşmasın */
.navbar-header .dropdown-menu.p-0,
header .dropdown-menu.p-0{ padding: 0 !important; }

/* dropdown öğeleri tek tip: yuvarlak, yumuşak hover */
.navbar-header .dropdown-menu .dropdown-item,
header .dropdown-menu .dropdown-item{
    border-radius: 10px !important;
    padding: .55rem .75rem !important;
    transition: background-color .14s ease, color .14s ease;
}
.navbar-header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item:hover{
    background: #f1f6ff !important;
    color: #487FFF !important;
}

/* Duyurular dropdown'unun inline width/radius'unu normalize et */
.navbar-header .dropdown-menu[style],
header .dropdown-menu[style]{
    border-radius: 16px !important;
}

/* dark mode dropdown */
[data-theme=dark] .navbar-header .dropdown-menu,
[data-theme=dark] header .dropdown-menu{
    border-color: #1c2840 !important;
    box-shadow: 0 18px 48px -18px rgba(0,0,0,.6) !important;
}
[data-theme=dark] .navbar-header .dropdown-menu .dropdown-item:hover,
[data-theme=dark] header .dropdown-menu .dropdown-item:hover{
    background: #16223a !important;
}