/**
 * Dark mode untuk lsmile.gmsnetx.com (template Sneat free, tanpa file dark bawaan).
 * Aktif saat <html> punya class .dark-style — dikendalikan theme/js/dark-mode.js
 * (otomatis 18:00-06:00, atau manual via tombol #theme-mode-toggle).
 * Palet mengikuti Sneat dark: bg #232333, panel #2b2c40, border #444564.
 */

html.dark-style body {
  background-color: #232333 !important;
  color: #b2b2ca;
}

/* ---- Panel / permukaan ---- */
html.dark-style .card,
html.dark-style .dropdown-menu,
html.dark-style .modal-content,
html.dark-style .offcanvas,
html.dark-style .toast,
html.dark-style .swal2-popup {
  background-color: #2b2c40;
  color: #b2b2ca;
}
html.dark-style .card {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
}
html.dark-style .card-header,
html.dark-style .card-footer,
html.dark-style .modal-header,
html.dark-style .modal-footer {
  background-color: transparent;
  border-color: #444564;
}

/* ---- Navbar, sidebar menu, footer ---- */
html.dark-style .bg-navbar-theme,
html.dark-style .layout-navbar,
html.dark-style .bg-menu-theme,
html.dark-style .bg-footer-theme,
html.dark-style .content-footer {
  background-color: #2b2c40 !important;
  color: #b2b2ca;
}
html.dark-style .layout-navbar .nav-link,
html.dark-style .layout-navbar .nav-item,
html.dark-style .bg-menu-theme .menu-link,
html.dark-style .bg-menu-theme .menu-sub .menu-link {
  color: #b2b2ca !important;
}
html.dark-style .bg-menu-theme .menu-item.active > .menu-link:not(.menu-toggle) {
  color: #fff !important;
}
html.dark-style .bg-menu-theme .menu-inner > .menu-item.active:before {
  background: #696cff;
}
html.dark-style .menu-inner-shadow {
  display: none;
}

/* ---- Teks & utilitas ---- */
html.dark-style h1, html.dark-style h2, html.dark-style h3,
html.dark-style h4, html.dark-style h5, html.dark-style h6,
html.dark-style .card-title, html.dark-style .modal-title,
html.dark-style label, html.dark-style .form-label {
  color: #cbcbe2;
}
html.dark-style .text-dark { color: #cbcbe2 !important; }
html.dark-style .text-muted { color: #8082ad !important; }
html.dark-style .text-body { color: #b2b2ca !important; }
html.dark-style .bg-white,
html.dark-style .bg-light,
html.dark-style .bg-lighter {
  background-color: #393a52 !important;
}
html.dark-style .border,
html.dark-style .border-top,
html.dark-style .border-bottom,
html.dark-style .border-start,
html.dark-style .border-end {
  border-color: #444564 !important;
}
html.dark-style hr,
html.dark-style .dropdown-divider {
  border-color: #444564;
  opacity: 1;
}

/* ---- Form ---- */
html.dark-style .form-control,
html.dark-style .form-select,
html.dark-style .input-group-text {
  background-color: #232333;
  border-color: #444564;
  color: #cbcbe2;
}
html.dark-style .form-control:focus,
html.dark-style .form-select:focus {
  background-color: #232333;
  border-color: #696cff;
  color: #cbcbe2;
  box-shadow: 0 0 0 0.15rem rgba(105, 108, 255, 0.25);
}
html.dark-style .form-control::placeholder { color: #7071a4; }
html.dark-style .form-control:disabled,
html.dark-style .form-select:disabled {
  background-color: #2b2c40;
  color: #8082ad;
}
html.dark-style .form-check-input:not(:checked) {
  background-color: #232333;
  border-color: #444564;
}

/* ---- Tabel ---- */
html.dark-style .table {
  color: #b2b2ca;
  border-color: #444564;
}
html.dark-style .table > :not(caption) > * > * {
  background-color: transparent;
  color: inherit;
  border-color: #444564;
  box-shadow: none;
}
html.dark-style .table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(255, 255, 255, 0.03);
  color: #b2b2ca;
}
html.dark-style .table-hover > tbody > tr:hover > * {
  background-color: rgba(255, 255, 255, 0.05);
  color: #cbcbe2;
}
html.dark-style .table-light,
html.dark-style .table thead th {
  background-color: #393a52 !important;
  color: #cbcbe2;
}

/* ---- Dropdown, list, pagination, tab ---- */
html.dark-style .dropdown-item { color: #b2b2ca; }
html.dark-style .dropdown-item:hover,
html.dark-style .dropdown-item:focus {
  background-color: rgba(255, 255, 255, 0.06);
  color: #cbcbe2;
}
html.dark-style .list-group-item {
  background-color: transparent;
  color: #b2b2ca;
  border-color: #444564;
}
html.dark-style .page-link {
  background-color: #2b2c40;
  border-color: #444564;
  color: #b2b2ca;
}
html.dark-style .page-item.active .page-link {
  background-color: #696cff;
  border-color: #696cff;
  color: #fff;
}
html.dark-style .nav-tabs { border-color: #444564; }
html.dark-style .nav-tabs .nav-link.active {
  background-color: #2b2c40;
  color: #cbcbe2;
  border-color: #444564 #444564 transparent;
}
html.dark-style .btn-outline-secondary {
  color: #b2b2ca;
  border-color: #444564;
}

/* ---- Pre-loader & alert ---- */
html.dark-style .pre-loader,
html.dark-style #pre-loader,
html.dark-style .preloader {
  background-color: #232333 !important;
}
html.dark-style .alert-light {
  background-color: #393a52;
  color: #cbcbe2;
  border-color: #444564;
}

/* ---- Tombol toggle tema ---- */
#theme-mode-toggle { cursor: pointer; }
#theme-mode-toggle i { vertical-align: middle; }