/* =========================================================
   MedLine AI — Özel stiller
   Tailwind (CDN/JIT) yerleşimin ve renklerin çoğunu karşılıyor;
   bu dosya sadece Tailwind ile temiz biçimde ifade edilemeyen
   birkaç davranışı içerir.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap');

*{ box-sizing: border-box; }

html{ scroll-behavior: smooth; }

body{
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Mobil kenar menüsü: kapalıyken ekran dışında, .open sınıfı eklenince içeri kayar */
#sidebar{
  transform: translateX(-100%);
  transition: transform .25s ease;
  min-height: 100vh;
  min-height: 100dvh;
}
#sidebar.open{
  transform: translateX(0);
}
@media (min-width: 1024px){
  #sidebar{
    transform: translateX(0) !important;
    min-height: 100%;
    height: 100%;
  }
  #dashboard{
    height: 100vh;
    height: 100dvh;
    min-height: 100vh;
    min-height: 100dvh;
  }
}

/* İnce, sessiz scrollbar (çağrı akışı ve kenar menü için) */
.scroll-thin::-webkit-scrollbar{ width: 6px; }
.scroll-thin::-webkit-scrollbar-track{ background: transparent; }
.scroll-thin::-webkit-scrollbar-thumb{ background: #D7E6F2; border-radius: 999px; }
.scroll-thin.on-dark::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.2); }

/* Sayfa geçişinde yumuşak giriş */
@keyframes fadeInUp{
  from{ opacity: 0; transform: translateY(6px); }
  to{ opacity: 1; transform: translateY(0); }
}
.page-active{ animation: fadeInUp .28s ease; }

/* Klavye erişilebilirliği: görünür odak halkası */
button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible{
  outline: 2px solid #35A7E0;
  outline-offset: 2px;
}