/* JKPSB SIDEBAR LIGHT LOCK 203B */

/* Sidebar utama */
#nav-sidebar,
.sidebar-layout > aside,
.sidebar-layout aside {
  background: linear-gradient(180deg,#f6f3fb,#ece8f4) !important;
  color: #233f69 !important;
  border-right: 1px solid #9f7bbd !important;
  box-shadow: none !important;
}

/* Branding / tajuk */
#nav-sidebar h1,
#nav-sidebar h2,
#nav-sidebar h3,
#nav-sidebar .brand-title,
#nav-sidebar .menu-title,
#nav-sidebar .section-title,
#nav-sidebar .nav-section-title {
  color: #233f69 !important;
}

/* Link biasa */
#nav-sidebar a,
#nav-sidebar button,
#nav-sidebar .nav-link,
#nav-sidebar .menu-link,
#nav-sidebar .sidebar-link {
  color: #233f69 !important;
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
}

/* Hover */
#nav-sidebar a:hover,
#nav-sidebar button:hover,
#nav-sidebar .nav-link:hover,
#nav-sidebar .menu-link:hover,
#nav-sidebar .sidebar-link:hover {
  background: #efe9f8 !important;
  color: #1e3a66 !important;
}

/* Item aktif */
#nav-sidebar .active,
#nav-sidebar .is-active,
#nav-sidebar a[aria-current="page"],
#nav-sidebar a.bg-indigo-600,
#nav-sidebar a.bg-blue-600,
#nav-sidebar .current {
  background: #ede5fb !important;
  color: #1f3d6b !important;
  border: 1px solid #8d68c8 !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

/* Ikon */
#nav-sidebar i,
#nav-sidebar svg,
#nav-sidebar .fa,
#nav-sidebar .icon {
  color: #314d79 !important;
}

/* Footer / profile box */
#nav-sidebar .sidebar-footer,
#nav-sidebar .profile-box,
#nav-sidebar .user-box,
#nav-sidebar .account-box {
  background: rgba(255,255,255,.22) !important;
  border-top: 1px solid #9f7bbd !important;
  color: #233f69 !important;
}

/* Nama pengguna */
#nav-sidebar .user-name,
#nav-sidebar .user-role,
#nav-sidebar .account-name,
#nav-sidebar .account-meta {
  color: #233f69 !important;
}

/* Butang Sign Out */
#nav-sidebar .btn-logout,
#nav-sidebar .logout-btn,
#nav-sidebar a[href*="logout"],
#nav-sidebar button[href*="logout"] {
  background: #edf2f7 !important;
  color: #1f3d6b !important;
  border: 1px solid #d5dde7 !important;
  box-shadow: none !important;
}

/* Buang tema gelap lama */
body #nav-sidebar,
body.sidebar-dark #nav-sidebar {
  background-image: none !important;
}