/* Anahtar Teşkilat — özel stiller (Tailwind CDN üzerine) */

:root {
  --navy-900: #0a1628;
  --navy-800: #0e1e3a;
  --navy-700: #122749;
  --navy-600: #16305c;
  --navy-500: #1d3f76;
  --navy-100: #d6e0ef;
}

html { -webkit-text-size-adjust: 100%; }
body { font-feature-settings: "cv11", "ss01"; overflow-x: hidden; }
* { min-width: 0; }

/* Mobilde alt menü için içerik boşluğu */
@media (max-width: 1023px) {
  #contentWrap { padding-bottom: 4.5rem; }
}

/* İnce kaydırma çubuğu */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; border: 2px solid transparent; background-clip: content-box; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; background-clip: content-box; }

/* Yumuşak geçişler */
.transition-base { transition: all .2s cubic-bezier(.4,0,.2,1); }

/* Sidebar aktif bağlantı */
.nav-link { position: relative; }
.nav-link.active::before {
  content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
  width: 3px; height: 60%; border-radius: 0 3px 3px 0; background: #5b7fb5;
}

/* Sidebar açılır-kapanır (masaüstü) */
#sidebar { transition: width .22s cubic-bezier(.4,0,.2,1); }
@media (min-width: 1024px) {
  html.sidebar-collapsed #sidebar { width: 5rem; }
  html.sidebar-collapsed #sidebar .nav-label,
  html.sidebar-collapsed #sidebar .brand-text,
  html.sidebar-collapsed #sidebar .user-text,
  html.sidebar-collapsed #sidebar .collapse-hide { display: none; }
  html.sidebar-collapsed #sidebar .nav-link { justify-content: center; padding-left: 0; padding-right: 0; }
  html.sidebar-collapsed #sidebar .brand-row { justify-content: center; }
  html.sidebar-collapsed #sidebar .user-row { justify-content: center; }
  html.sidebar-collapsed #contentWrap { padding-left: 5rem; }
  html.sidebar-collapsed #sidebar .expand-only { display: grid; }
  html.sidebar-collapsed #sidebar .collapse-emblem { display: block !important; }
}
.expand-only { display: none; }
/* Menü linki konumlandırma (tooltip + aktif aksan için) */
#sidebar .nav-link { position: relative; }
/* Aktif menü aksan çubuğu (genişletilmiş) */
html:not(.sidebar-collapsed) #sidebar .nav-link.active::before{
  content:''; position:absolute; left:-12px; top:50%; transform:translateY(-50%);
  height:1.4rem; width:3px; border-radius:0 4px 4px 0; background:#7c9bc5;
}
/* Daraltılmış menü ipucu artık gövde seviyesinde JS ile konumlanır (yatay taşma olmaz) */
#navTip{ position:fixed; z-index:80; background:#0a1628; color:#fff; font-size:12px; font-weight:600; padding:6px 11px; border-radius:9px; white-space:nowrap; box-shadow:0 10px 28px -8px rgba(0,0,0,.45); pointer-events:none; opacity:0; transform:translateY(-50%); transition:opacity .12s ease; display:none; }
#navTip::before{ content:''; position:absolute; left:-4px; top:50%; transform:translateY(-50%) rotate(45deg); width:8px; height:8px; background:#0a1628; border-radius:1px; }

/* Türkiye haritası */
.tr-map path { transition: fill .15s ease, stroke .15s ease; cursor: pointer; stroke: #fff; stroke-width: .6; }
.tr-map path:hover { stroke: var(--navy-800); stroke-width: 1; }

/* Kart girişi animasyonu */
@keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
.animate-fade-up { animation: fadeUp .35s cubic-bezier(.4,0,.2,1) both; }

@media (prefers-reduced-motion: reduce) {
  .animate-fade-up { animation: none; }
  .transition-base { transition: none; }
}

/* Yazdırma */
@media print {
  .no-print { display: none !important; }
  body { background: #fff; }
}

/* Tablo satır vurgusu */
.data-row:hover { background-color: #f8fafc; }

/* KPI kart hover */
.kpi-card { transition: transform .2s ease, box-shadow .2s ease; }
.kpi-card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px -12px rgba(27,42,74,.25); }