/* ===== BRAND LOGO (Sidebar Atas) ===== */
.brand-link {
  background-color: #ffffff !important;
  color: #007bff !important;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #ddd;
}



/* ===== NAVBAR DENGAN BIRU TUA ===== */
.main-header {
  background: linear-gradient(to right, #007bff, #0056b3) !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  border-bottom: 1px solid #004a9f;
  min-height: 60px;
}

/* ===== NAV LINK (ikon & teks kanan atas) ===== */
.main-header .nav-link {
  color: #ffffff !important;
  font-weight: 500;
  transition: 0.3s ease;
  padding: 10px 15px;
  border-radius: 6px;
}

.main-header .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffeeba !important;
}

/* ===== ICON DI NAVBAR ===== */
.main-header .nav-link .fas,
.main-header .nav-link .far,
.main-header .nav-link .fa {
  color: #ffffff !important;
}


/* ===== KONTEN ===== */
.content-wrapper {
  background-color: #f5f9fc !important;
}

/* ===== CARD ===== */
.card {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  border: none;
}

.card-header {
  background-color: #ffffff !important;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 600;
}

/* ===== FOOTER ===== */
.main-footer {
  background-color: #f8f9fa !important;
  border-top: 1px solid #e0e0e0;
  color: #6c757d;
}

/* ===== BUTTON TAMBAHAN (Jika Ada) ===== */
.btn-primary {
  background-color: #007bff;
  border-color: #007bff;
  border-radius: 8px;
  transition: 0.3s ease;
}

.btn-primary:hover {
  background-color: #0056b3;
  border-color: #0056b3;
}

/* === SIDEBAR LATAR DAN STRUKTUR === */
.main-sidebar {
  background: linear-gradient(to bottom, #e3f2fd, #ffffff) !important;
  color: #333;
  border-right: 1px solid #d0d0d0;
  box-shadow: 2px 0 5px rgba(0,0,0,0.05);
}

/* === TAMPILAN LINK === */
.nav-sidebar .nav-link {
  color: #444 !important;
  font-weight: 500;
  border-radius: 8px;
  margin: 4px 8px;
  transition: all 0.3s ease;
}

/* === EFEK HOVER === */
.nav-sidebar .nav-link:hover {
  background-color: #d7ecff !important;
  color: #0056b3 !important;
}

/* === MENU AKTIF === */
.nav-sidebar .nav-link.active {
  background-color: #b3daff !important;
  color: #003d80 !important;
  font-weight: bold;
}

/* === IKON WARNA-WARNI === */
.nav-icon.icon-blue {
  color: #007bff !important;
}
.nav-icon.icon-green {
  color: #28a745 !important;
}
.nav-icon.icon-orange {
  color: #fd7e14 !important;
}
.nav-icon.icon-purple {
  color: #6f42c1 !important;
}
.nav-icon.icon-red {
  color: #dc3545 !important;
}

/* === FONT & RESPONSIVE === */
.sidebar .nav-link p {
  font-size: 15px;
}

/* === datepicter untuk form === */
.datepicker,
.datepicker input {
  background-color: #fff !important;
  color: #000 !important;
}