/* ==========================================================================
   Haberpanelim AI - Admin Panel Custom Styles
   ==========================================================================
   TailwindCSS (CDN) ana stil sistemidir - bu dosya SADECE Tailwind
   utility class'larıyla rahat ifade edilemeyen küçük ek dokunuşlar içindir
   (özel scrollbar, keyframe animasyonlar, sidebar aktif durum çizgisi vb.)
   ========================================================================== */

* {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

*::-webkit-scrollbar-thumb {
  background-color: #cbd5e1;
  border-radius: 9999px;
}

*::-webkit-scrollbar-thumb:hover {
  background-color: #94a3b8;
}

/* Sayfa geçişlerinde hafif fade-in */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.view-enter {
  animation: fadeIn 0.18s ease-out;
}

/* Toast bildirimleri için kayma animasyonu */
@keyframes toastSlideIn {
  from { opacity: 0; transform: translateX(16px); }
  to { opacity: 1; transform: translateX(0); }
}

.toast-enter {
  animation: toastSlideIn 0.2s ease-out;
}

/* Skeleton loading efekti */
@keyframes skeletonPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.skeleton {
  animation: skeletonPulse 1.4s ease-in-out infinite;
}

/* Sidebar aktif link işaretçisi (sol renkli çizgi) */
.nav-link.active {
  background-color: rgb(238 242 255);
  color: rgb(67 56 202);
  font-weight: 600;
  box-shadow: inset 3px 0 0 0 rgb(79 70 229);
}

/* Tablo satır hover geçişi */
tbody tr {
  transition: background-color 0.12s ease-in-out;
}

/* Modal backdrop blur */
.modal-backdrop {
  backdrop-filter: blur(2px);
}