/* Background soft */
body.login-page {
  background: linear-gradient(135deg, #f5f7fb, #e9ecf5);
  overflow: hidden;
}

/* ========================================================== */
/* sidebar
 * 
 */

/* ===== SIDEBAR BASE ===== */
.layout-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*=navbar]){
	background-color: #6495ED !important;
}


.main-sidebar {
  background-color: #eef2f7; /* biru soft */
  box-shadow: none !important;
  border-right: 1px solid #e2e8f0;
}

/* Brand */
.main-sidebar .brand-link {
  background-color: #6495ED;
  color: #ffffff;
  font-weight: bold;
}

/* User panel */
.user-panel {
  border-bottom: 1px solid #e2e8f0;
}

.user-panel .info a {
  color: #1f2937;
  font-weight: 600;
}

/* ===== MENU ITEM ===== */
.nav-sidebar .nav-link {
  color: #334155;
  border-radius: 8px;
  margin: 2px 8px;
}

.nav-sidebar .nav-link:hover {
  background-color: #e2e8f0;
}

/* ICON */
.nav-sidebar .nav-icon {
  color: #475569;
}

/* ===== ACTIVE MENU (SOFTER BLUE) ===== */
.nav-sidebar .nav-link.active {
  background-color: #6495ED !important; /* biru sangat soft */
  color: #1e3a8a;
  font-weight: 600;
}


.nav-sidebar .nav-link.active .nav-icon {
  color: #dbeafe;
}

/* ===== TREEVIEW ===== */
.nav-sidebar .menu-open > .nav-link {
  background-color: #e2e8f0;
  color: #1e3a8a;
}

.nav-treeview .nav-link {
  padding-left: 2.5rem;
  font-size: 14px;
}

.nav-treeview .nav-link.active {
  background-color: transparent !important; /* lebih soft lagi */
  color: #ffffff;
}

/* ===== SCROLLBAR (opsional, soft) ===== */
.main-sidebar .sidebar::-webkit-scrollbar {
  width: 6px;
}

.main-sidebar .sidebar::-webkit-scrollbar-thumb {
  background-color: rgba(59,130,246,.35);
  border-radius: 6px;
}

.main-sidebar .sidebar {
  scrollbar-width: thin;
  scrollbar-color: #eaeaea;
}

.nav-sidebar .nav-link.active .nav-icon {
  color: #ffffff;
}

.nav-treeview .nav-link.active .nav-icon {
  color: #000000;
}

.os-theme-dark>.os-scrollbar, .os-theme-light>.os-scrollbar{
	padding: 0;
}
.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{
	background: transparent;
}
/* ==========================================================================


/* Login box */
.login-box {
  width: 360px;
}

/* Card premium */
.login-card-body {
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  padding: 2rem;
}

/* Title */
.login-logo a {
  font-weight: 700;
  color: #566a7f;
}

/* Input style */
.form-control {
  height: 45px;
  border-radius: 8px;
  border: 1px solid #d9dee3;
  font-size: 14px;
}

.form-control:focus {
  border-color: #696cff;
  box-shadow: 0 0 0 0.15rem rgba(105,108,255,.25);
}

/* Input icon */
.input-group-text {
  background: transparent;
  border-left: 0;
  color: #6c757d;
}

/* Button Sneat-style */
.btn-primary {
  background-color: #696cff;
  border-color: #696cff;
  border-radius: 8px;
  font-weight: 600;
}

.btn-primary:hover {
  background-color: #5f61e6;
  border-color: #5f61e6;
}

/* Message */
.login-box-msg {
  color: #566a7f;
  font-size: 14px;
}
.bg-warning, .bg-warning>a{
	color: #fff !important;
}


/* Sidebar height */
.main-sidebar { height: 100vh; }

/* Sidebar wrapper harus punya tinggi */
.main-sidebar .sidebar {
  height: calc(100vh - 56px) !important;
}

/* OverlayScrollbars: pastikan viewport & content bisa scroll */
.main-sidebar .sidebar .os-host,
.main-sidebar .sidebar .os-viewport,
.main-sidebar .sidebar .os-content {
  height: 100% !important;
}

/* Paksa agar konten sidebar overflow (biar scroll muncul) */
.main-sidebar .sidebar .os-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Paksa scrollbar tidak “hilang total” */
.main-sidebar .sidebar .os-scrollbar {
  opacity: 1 !important;
  visibility: visible !important;
}

/* ===============================
   DISABLE HORIZONTAL SCROLL SIDEBAR
   =============================== */

/* Native sidebar */
.main-sidebar,
.main-sidebar .sidebar {
  overflow-x: hidden !important;
}

/* OverlayScrollbars (AdminLTE) */
.main-sidebar .os-host,
.main-sidebar .os-viewport,
.main-sidebar .os-content {
  overflow-x: hidden !important;
}

/* Sembunyikan scrollbar horizontal (jika tetap muncul) */
.main-sidebar .sidebar::-webkit-scrollbar:horizontal {
  display: none;
}