/* ================================
   FULL DARK MODE
   ================================ */

/* Background utama */
body {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Container utama */
.content-wrapper,
.main-footer,
.main-header {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Navbar */
.navbar {
  background-color: #111111 !important;
  border-bottom: 1px solid #333333;
}
.navbar .nav-link,
.navbar-brand {
  color: #ffffff !important;
}
.navbar .nav-link:hover {
  color: #aaaaaa !important;
}

/* Footer */
footer,
.main-footer {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-top: 1px solid #333333;
}

/* Card */
.card {
  background-color: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #333333;
}
.card-header {
  background-color: #222222 !important;
  border-bottom: 1px solid #333333;
}
.card-footer {
  background-color: #222222 !important;
  border-top: 1px solid #333333;
}

/* Table */
.table {
  background-color: #111111 !important;
  color: #ffffff !important;
}
.table th {
  background-color: #222222 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}
.table td {
  background-color: #111111 !important;
  color: #ffffff !important;
  border-color: #333333 !important;
}

/* Input, Select, Textarea */
.form-control,
.custom-select,
textarea {
  background-color: #111111 !important;
  border: 1px solid #444444 !important;
  color: #ffffff !important;
}
.form-control::placeholder {
  color: #aaaaaa !important;
}
label {
  color: #ffffff !important;
}

/* Tombol utama */
.btn-primary {
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  color: #000000 !important;
  font-weight: bold;
}
.btn-primary:hover {
  background-color: #dddddd !important;
  border-color: #dddddd !important;
  color: #000000 !important;
}

/* Tombol secondary / default */
.btn-secondary,
.btn-default {
  background-color: #333333 !important;
  border-color: #444444 !important;
  color: #ffffff !important;
}
.btn-secondary:hover,
.btn-default:hover {
  background-color: #444444 !important;
  border-color: #555555 !important;
  color: #ffffff !important;
}

/* =======================
   FINAL DARK MODE SIDEBAR
   ======================= */

/* Sidebar utama */
.main-sidebar.sidebar-dark-primary,
.main-sidebar.sidebar-dark-primary.elevation-4 {
  background-color: #000000 !important; /* hitam pekat */
  color: #ffffff !important;
}

/* Brand (logo/sidebar header) */
.main-sidebar.sidebar-dark-primary .brand-link {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-bottom: 1px solid #222222 !important;
}

/* Link menu default */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
  background-color: transparent !important;
  color: #ffffff !important;
  border-radius: 4px;
  transition: 0.3s;
}

/* Hover menu */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: #222222 !important;
  color: #ffffff !important;
}

/* Aktif menu */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #333333 !important;
  color: #ffffff !important;
  font-weight: bold;
}

/* Ikon menu */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link .nav-icon {
  color: #aaaaaa !important;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active .nav-icon,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover .nav-icon {
  color: #ffffff !important;
}

/* Scrollbar sidebar */
.main-sidebar::-webkit-scrollbar {
  width: 6px;
}
.main-sidebar::-webkit-scrollbar-thumb {
  background-color: #333333;
  border-radius: 3px;
}
.main-sidebar::-webkit-scrollbar-track {
  background-color: #000000;
}