/* ═══════════════════════════════════════════════════════════════
   OYS Sidebar + Navbar – DL Design System v8
   ═══════════════════════════════════════════════════════════════ */

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


/* ╔═══════════════════════════════════════════════════════════════╗
   ║  PART 1: NAVBAR                                              ║
   ╚═══════════════════════════════════════════════════════════════╝ */

/* Ana bar — üst/alt padding kaldır, beyaz boşluk olmasın */
.site-navbar.navbar {
  background: #FFFFFF !important;
  border: none !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.06) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top:-4px;
}

/* Navbar header — teal, boşluk yok */
.site-navbar .navbar-header {
  background: linear-gradient(135deg, #11232a 0%, #5BA3B5 100%) !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Pseudo element varsa kaldır */
.site-navbar .navbar-header::before,
.site-navbar .navbar-header::after {
  display: none !important;
}

/* Navbar container — üst/alt boşluk yok */
.site-navbar .navbar-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Brand logo */
.site-navbar .navbar-brand-logo {
  border-radius: 9px !important;
  background: rgba(255,255,255,.18) !important;
  border: none !important;
}

/* Brand text */
.site-navbar .navbar-brand > span {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: white !important;
  letter-spacing: .2px !important;
  text-transform: uppercase !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

/* Hamburger — teal alanda beyaz */
.site-navbar .navbar-header .hamburger-bar,
.site-navbar .navbar-header .hamburger-bar::before,
.site-navbar .navbar-header .hamburger-bar::after {
  background: rgba(255,255,255,.8) !important;
}

/* Mobile toggle */
.site-navbar .navbar-header > .navbar-toggler.collapsed {
  color: rgba(255,255,255,.8) !important;
  border-color: transparent !important;
}
.site-navbar .navbar-header > .navbar-toggler.collapsed i {
  color: rgba(255,255,255,.8) !important;
}

/* Sağ hamburger */
.site-navbar .navbar-container .hamburger-bar,
.site-navbar .navbar-container .hamburger-bar::before,
.site-navbar .navbar-container .hamburger-bar::after {
  background: #546778 !important;
}
.site-navbar .navbar-container .hamburger:hover .hamburger-bar,
.site-navbar .navbar-container .hamburger:hover .hamburger-bar::before,
.site-navbar .navbar-container .hamburger:hover .hamburger-bar::after {
  background: #3B7A8C !important;
}

/* Kullanıcı adı */
.site-navbar .navbar-toolbar-right > li[style*="padding:25px"],
.site-navbar .navbar-toolbar-right > .nav-item[style*="padding:25px"] {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #1A2B3C !important;
}

/* Geri Dön */
.site-navbar .navbar-toolbar-right .btn-danger {
  background: linear-gradient(135deg, #D9534F, #E06B60) !important;
  border: none !important;
  border-radius: 8px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  box-shadow: 0 2px 8px rgba(217,83,79,.2) !important;
}

/* Avatar */
.site-navbar .navbar-avatar .avatar {
  border-radius: 12px !important;
  border-color: #ECF0F3 !important;
  background: #E4F0F4 !important;
  transition: all .25s ease !important;
}
.site-navbar .navbar-avatar .avatar:hover {
  border-color: #5BA3B5 !important;
  box-shadow: 0 2px 10px rgba(59,122,140,.12) !important;
}
.site-navbar .navbar-avatar .avatar img { border-radius: 10px !important; }

.site-navbar .avatar i,
.site-navbar .avatar-online i {
  background: #3DA07A !important;
  border-color: white !important;
}

/* Dropdown */
.site-navbar .dropdown-menu {
  border: 1px solid #ECF0F3 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.1) !important;
  background: #FFFFFF !important;
  font-family: 'DM Sans', sans-serif !important;
}
.site-navbar .dropdown-menu .dropdown-item {
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #546778 !important;
  font-family: 'DM Sans', sans-serif !important;
  transition: all .25s ease !important;
}
.site-navbar .dropdown-menu .dropdown-item:hover {
  background: #FDF0F0 !important;
  color: #D9534F !important;
}


/* ╔═══════════════════════════════════════════════════════════════╗
   ║  PART 2: SIDEBAR                                             ║
   ╚═══════════════════════════════════════════════════════════════╝ */

.site-menubar {
  background: #0F2027 !important;
  background: linear-gradient(180deg, #0F2027 0%, #142830 40%, #162C35 100%) !important;
  box-shadow: 4px 0 24px rgba(0,0,0,.2) !important;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  border-right: none !important;
}

.site-menubar-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
.site-menubar-body::-webkit-scrollbar { width: 3px; }
.site-menubar-body::-webkit-scrollbar-track { background: transparent; }
.site-menubar-body::-webkit-scrollbar-thumb { background: rgba(255,255,255,.1); border-radius: 3px; }

.site-menu {
  padding: 4px 12px !important;
  list-style: none !important;
}

.site-menu-category { display: none !important; }

.site-menu-item {
  margin: 2px 0 !important;
  border-radius: 10px !important;
  border: none !important;
  background: none !important;
  list-style: none !important;
}

.site-menu-item > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 14px !important;
  border-radius: 10px !important;
  text-decoration: none !important;
  color: #C5D5DC !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: 'DM Sans', -apple-system, sans-serif !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  position: relative !important;
  overflow: hidden !important;
  line-height: 1.3 !important;
}

.site-menu-item > a::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, rgba(59,122,140,.15), rgba(91,163,181,.06)) !important;
  opacity: 0 !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  pointer-events: none !important;
}
.site-menu-item > a:hover {
  color: #FFFFFF !important;
  transform: translateX(2px) !important;
}
.site-menu-item > a:hover::before { opacity: 1 !important; }

.site-menu-icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  color: #5BA3B5 !important;
  background: rgba(59,122,140,.1) !important;
  transition: all .25s cubic-bezier(.4,0,.2,1) !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.site-menu-item > a:hover .site-menu-icon {
  background: rgba(59,122,140,.2) !important;
  color: #7BC4D6 !important;
  transform: scale(1.05) !important;
}

.site-menu-title {
  position: relative !important;
  z-index: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Active */
.site-menu-item.active > a,
.site-menu-item.is-active > a {
  color: white !important;
  font-weight: 600 !important;
  background: linear-gradient(135deg, #3B7A8C 0%, #5BA3B5 100%) !important;
  box-shadow: 0 4px 16px rgba(59,122,140,.3) !important;
}
.site-menu-item.active > a .site-menu-icon,
.site-menu-item.is-active > a .site-menu-icon {
  background: rgba(255,255,255,.2) !important;
  color: white !important;
}
.site-menu-item.active > a::before,
.site-menu-item.is-active > a::before { display: none !important; }

/* SINAV */
.site-menu-item > a[style*="color: red"],
.site-menu-item > a[style*="color:red"] {
  color: white !important;
  background: linear-gradient(135deg, #D9534F, #E06B60) !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 16px rgba(217,83,79,.3) !important;
  animation: sb-pulse 2.5s ease-in-out infinite !important;
}
.site-menu-item > a[style*="color: red"] .site-menu-icon,
.site-menu-item > a[style*="color:red"] .site-menu-icon {
  background: rgba(255,255,255,.2) !important;
  color: white !important;
}
.site-menu-item > a[style*="color: red"]::before,
.site-menu-item > a[style*="color:red"]::before { display: none !important; }

@keyframes sb-pulse {
  0%,100% { box-shadow: 0 4px 16px rgba(217,83,79,.3); }
  50% { box-shadow: 0 4px 24px rgba(217,83,79,.5), 0 0 0 3px rgba(217,83,79,.1); }
}

/* Çıkış */
.site-menu > .site-menu-item:last-child {
  margin-top: 8px !important;
  padding-top: 8px !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
}
.site-menu > .site-menu-item:last-child > a { color: #8A9AAC !important; }
.site-menu > .site-menu-item:last-child .site-menu-icon {
  background: rgba(217,83,79,.08) !important;
  color: #C0706E !important;
}
.site-menu > .site-menu-item:last-child > a:hover { color: #D9534F !important; }
.site-menu > .site-menu-item:last-child > a:hover .site-menu-icon {
  background: rgba(217,83,79,.15) !important;
  color: #D9534F !important;
}

/* Footer */
.site-menubar-footer {
  border-top: 1px solid rgba(255,255,255,.06) !important;
  text-align: center !important;
  background: transparent !important;
}
.site-menubar-footer span,
.site-menubar-footer center {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #6B8A95 !important;
  letter-spacing: .3px !important;
  line-height: 1.5 !important;
}

/* Grid Menu */
.site-gridmenu li a {
  border-radius: 10px !important;
  background: rgba(59,122,140,.08) !important;
  color: #C5D5DC !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  transition: all .25s ease !important;
}
.site-gridmenu li a:hover {
  background: rgba(59,122,140,.15) !important;
  color: #FFFFFF !important;
}

/* Animations */
@keyframes sb-slideIn {
  from { opacity: 0; transform: translateX(-8px); }
  to { opacity: 1; transform: translateX(0); }
}
.site-menu-item { animation: sb-slideIn .35s ease both; }
.site-menu-item:nth-child(1){animation-delay:.03s}
.site-menu-item:nth-child(2){animation-delay:.06s}
.site-menu-item:nth-child(3){animation-delay:.09s}
.site-menu-item:nth-child(4){animation-delay:.12s}
.site-menu-item:nth-child(5){animation-delay:.15s}
.site-menu-item:nth-child(6){animation-delay:.18s}
.site-menu-item:nth-child(7){animation-delay:.21s}
.site-menu-item:nth-child(8){animation-delay:.24s}
.site-menu-item:nth-child(9){animation-delay:.27s}
.site-menu-item:nth-child(10){animation-delay:.30s}
.site-menu-item:nth-child(11){animation-delay:.33s}
.site-menu-item:nth-child(12){animation-delay:.36s}


/* ╔═══════════════════════════════════════════════════════════════╗
   ║  PART 3: MODALS                                              ║
   ╚═══════════════════════════════════════════════════════════════╝ */

#kvkkonay .modal-content {
  border: none !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.18) !important;
}
#kvkkonay .modal-header {
  background: linear-gradient(135deg, #3B7A8C, #5BA3B5) !important;
  border: none !important;
}
#kvkkonay .modal-header h4 {
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
  color: white !important;
}
#kvkkonay .modal-footer .btn-success {
  background: linear-gradient(135deg, #3B7A8C, #5BA3B5) !important;
  border: none !important;
  border-radius: 10px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-weight: 700 !important;
}


/* ╔═══════════════════════════════════════════════════════════════╗
   ║  PART 4: GLOBAL                                              ║
   ╚═══════════════════════════════════════════════════════════════╝ */

#preloader { background: #FFFFFF !important; }
#loader { border-top-color: #3B7A8C !important; }
.page { background: #F8FAFB !important; }

.page .panel {
  border-radius: 16px !important;
  border: 1px solid #ECF0F3 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,.04) !important;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #DAE1E7; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #8A9AAC; }