/* ===========================
   TEMA DEĞİŞKENLERİ (Işık/Karanlık)
   =========================== */
:root{
  --bg:#f8fafc;            /* sayfa zemini */
  --surface:#ffffff;       /* kart/panel zemini */
  --text:#0f172a;          /* temel metin */
  --muted:#64748b;         /* ikincil metin */
  --border:#e2e8f0;        /* kenarlık */
  --surface-muted:#f1f5f9; /* tablo başlıkları vb. */
  --topbar: rgba(255,255,255,.85); /* topbar yarı saydam zemin */
  --hover: rgba(148,163,184,.12);
}

[data-theme="dark"]{
  --bg:#0b1220;
  --surface:#101a2d;
  --text:#e5e7eb;
  --muted:#9aa3b2;
  --border:#1f2a44;
  --surface-muted:#0e1a30;
  --topbar: rgba(16,26,45,.9);
  --hover: rgba(148,163,184,.15);
}

/* ===========================
   Global Uygulama ve Tailwind eşleşmeleri
   =========================== */
html,body{ background:var(--bg); color:var(--text); }
a{ color:inherit; }

.bg-white{ background-color: var(--surface) !important; }
.bg-slate-50{ background-color: var(--bg) !important; }
.bg-slate-100{ background-color: var(--surface-muted) !important; }
.hover\:bg-surface-hover:hover,
.hover\:bg-slate-50:hover{ background-color: var(--hover) !important; }

.text-slate-800{ color: var(--text) !important; }
.text-slate-700{ color: var(--text) !important; opacity:.92; }
.text-slate-600{ color: var(--text) !important; opacity:.85; }
.text-slate-500{ color: var(--muted) !important; }
.text-slate-400{ color: var(--muted) !important; opacity:.8; }

.border, .border-t, .border-b, .border-l, .border-r { border-color: var(--border) !important; }
.divide-y > :not([hidden]) ~ :not([hidden]){ border-color: var(--border) !important; }

table thead tr { background: var(--surface-muted) !important; }
table td, table th { border-color: var(--border) !important; }

/* Kart/panel gölgeleri */
.shadow, .shadow-lg, .shadow-xl { box-shadow: 0 10px 20px rgba(0,0,0,.18) !important; }
[data-theme="dark"] .shadow, [data-theme="dark"] .shadow-lg, [data-theme="dark"] .shadow-xl {
  box-shadow: 0 10px 20px rgba(0,0,0,.45) !important;
}

/* Topbar zeminini değişkene bağlayan yardımcı sınıf */
.topbar-surface{ background: var(--topbar) !important; }

/* Komut paleti / menü yüzeyleri (bildirim menüsü vb.) */
#notifMenu, #cmdk .rounded-2xl, .menu-surface{ background: var(--surface) !important; }

/* Kısayol görünümü */
.kbd{padding:2px 6px;border:1px solid var(--border);border-bottom-width:2px;border-radius:6px;font-size:11px;color:var(--muted);background:var(--bg)}

/* Form durumu */
input[disabled], select[disabled], textarea[disabled]{ background: var(--surface-muted) !important; color: var(--muted) !important; }

/* ===========================
   Mevcut stil dosyanızdan (korundu + uyumlu hale getirildi)
   =========================== */

/* Panel navigasyon stilleri */
.nav-item{
  @apply block px-3 py-2 rounded-lg hover:bg-slate-100 transition;
}
.nav-active{
  @apply bg-slate-100 font-semibold border border-slate-200;
}
.sub-item{
  @apply block px-3 py-1.5 rounded hover:bg-slate-100 text-slate-700;
}
.sub-active{
  @apply bg-slate-100 font-medium;
}

/* İçerik alanı kaydırma ve disabled görünüm */
input[disabled], select[disabled] { @apply bg-slate-50 text-slate-600; }

/* Tailwind uygulanmayan ortamlarda degrade olmaması için min fallback */
.rotate-180 { transform: rotate(180deg); }

/* İnce scrollbar (destekleyen tarayıcılar) */
*::-webkit-scrollbar{ height:10px; width:10px }
*::-webkit-scrollbar-thumb{ background:#cbd5e1; border-radius:6px }
*::-webkit-scrollbar-track{ background:#f1f5f9 }

/* === Sidebar === */
.sidebar{
  width:260px;
  height:100vh;
  position:sticky;
  top:0;
  overflow-y:auto;
  /* BUG FIX: daraltıldığında buton/menü sağa taşmasın */
  overflow-x:hidden;
}
.sidebar.collapsed{ width:84px; }

/* Label & alt menü durumları */
.sidebar .label{ transition:opacity .15s ease; }
.sidebar.collapsed .label{ opacity:0; pointer-events:none; display:none !important; }

.sub-link{ display:block; padding:.5rem .75rem; border-radius:.5rem; color:#334155; }
.sub-link:hover{ background:#f1f5f9; }
.sub-active{ background:#e2e8f0; font-weight:600; }

.rotate-180{ transform:rotate(180deg); }

/* Dar görünümde alt menüler kapalı kalsın */
.sidebar.collapsed #costMenu{ display:none !important; }
.sidebar.collapsed .sub-link{ display:none !important; }

/* Dar görünümde satır paddingle ikonları ortala */
.sidebar.collapsed .group,
.sidebar.collapsed [data-toggle="costMenu"]{
  justify-content:center;
  padding-left:.5rem; padding-right:.5rem;
  gap:0;
}
.sidebar.collapsed [data-chevron]{ display:none !important; }

/* Diğer ufak dokunuşlar */
input[disabled]{ background-color:#f8fafc; color:#334155; }

/* Topbar dropdown katmanları */
#tb-search-results{ z-index: 60; }
#tb-bell-menu{ z-index: 60; }

/* Dark mod küçük düzeltmeler (ekstra güvenlik katmanı) */
.dark .border { border-color: #475569; }