html[data-theme-mode="dark"] body,
html[data-theme-mode="dark"] .page,
html[data-theme-mode="dark"] .main-content {
  background: var(--bnc-shell-bg) !important;
  color: var(--bnc-text-strong) !important;
}

html[data-theme-mode="dark"] .card,
html[data-theme-mode="dark"] .custom-card,
html[data-theme-mode="dark"] .modal-content,
html[data-theme-mode="dark"] .offcanvas,
html[data-theme-mode="dark"] .dropdown-menu,
html[data-theme-mode="dark"] .list-group-item,
html[data-theme-mode="dark"] .swal2-popup {
  background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(15, 23, 42, .94)) !important;
  color: var(--bnc-text-strong) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: var(--bnc-shadow) !important;
}

html[data-theme-mode="dark"] .card-header,
html[data-theme-mode="dark"] .card-footer,
html[data-theme-mode="dark"] .modal-header,
html[data-theme-mode="dark"] .modal-footer,
html[data-theme-mode="dark"] .offcanvas-header,
html[data-theme-mode="dark"] .table thead th {
  background: rgba(30, 41, 59, .76) !important;
  color: var(--bnc-text-strong) !important;
  border-color: rgba(148, 163, 184, .16) !important;
}

html[data-theme-mode="dark"] .form-control,
html[data-theme-mode="dark"] .form-select,
html[data-theme-mode="dark"] textarea,
html[data-theme-mode="dark"] .choices__inner,
html[data-theme-mode="dark"] .input-group-text {
  background: rgba(15, 23, 42, .92) !important;
  color: var(--bnc-text-strong) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: none !important;
}

html[data-theme-mode="dark"] .form-control::placeholder,
html[data-theme-mode="dark"] textarea::placeholder {
  color: rgba(203, 213, 225, .64) !important;
}

html[data-theme-mode="dark"] .form-control:focus,
html[data-theme-mode="dark"] .form-select:focus,
html[data-theme-mode="dark"] textarea:focus,
html[data-theme-mode="dark"] .choices__inner:focus-within {
  border-color: rgba(var(--bnc-primary-rgb), .55) !important;
  box-shadow: 0 0 0 .22rem rgba(var(--bnc-primary-rgb), .17) !important;
}

html[data-theme-mode="dark"] .text-muted,
html[data-theme-mode="dark"] .form-text,
html[data-theme-mode="dark"] .text-body-secondary,
html[data-theme-mode="dark"] small.text-muted {
  color: rgba(203, 213, 225, .72) !important;
}

html[data-theme-mode="dark"] .table,
html[data-theme-mode="dark"] .table > :not(caption) > * > * {
  color: var(--bnc-text-strong) !important;
  border-color: rgba(148, 163, 184, .14) !important;
}

html[data-theme-mode="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
  color: var(--bnc-text-strong) !important;
  background-color: rgba(30, 41, 59, .42) !important;
}

html[data-theme-mode="dark"] .table-hover > tbody > tr:hover > * {
  background-color: rgba(var(--bnc-primary-rgb), .10) !important;
}

html[data-theme-mode="dark"] .badge.text-bg-light,
html[data-theme-mode="dark"] .badge.bg-light,
html[data-theme-mode="dark"] .alert-light {
  background: rgba(148, 163, 184, .14) !important;
  color: var(--bnc-text-strong) !important;
  border-color: rgba(148, 163, 184, .16) !important;
}

html[data-theme-mode="dark"] .btn-light,
html[data-theme-mode="dark"] .btn-outline-secondary,
html[data-theme-mode="dark"] .btn-secondary {
  color: var(--bnc-text-strong) !important;
}

html[data-theme-mode="dark"] .page-header,
html[data-theme-mode="dark"] .page-title,
html[data-theme-mode="dark"] h1,
html[data-theme-mode="dark"] h2,
html[data-theme-mode="dark"] h3,
html[data-theme-mode="dark"] h4,
html[data-theme-mode="dark"] h5,
html[data-theme-mode="dark"] h6,
html[data-theme-mode="dark"] label,
html[data-theme-mode="dark"] .card-title,
html[data-theme-mode="dark"] .breadcrumb-item.active {
  color: var(--bnc-text-strong) !important;
}

html[data-theme-mode="dark"] .app-header,
html[data-theme-mode="dark"] .app-sidebar,
html[data-theme-mode="dark"] .main-header-dropdown,
html[data-theme-mode="dark"] .rep-header,
html[data-theme-mode="dark"] .rep-bottom-nav,
html[data-theme-mode="dark"] .bnc-installer-header,
html[data-theme-mode="dark"] .bnc-installer-bottom-nav {
  background: rgba(2, 6, 23, .78) !important;
  border-color: rgba(148, 163, 184, .12) !important;
}

html[data-theme-mode="dark"] .app-sidebar .side-menu__item,
html[data-theme-mode="dark"] .menu-link,
html[data-theme-mode="dark"] .slide-menu a,
html[data-theme-mode="dark"] .rep-bottom-nav a,
html[data-theme-mode="dark"] .bnc-nav-item {
  color: rgba(226, 232, 240, .86) !important;
}

html[data-theme-mode="dark"] .app-sidebar .side-menu__item.active,
html[data-theme-mode="dark"] .app-sidebar .side-menu__item:hover,
html[data-theme-mode="dark"] .rep-bottom-nav a.active,
html[data-theme-mode="dark"] .rep-bottom-nav a:hover,
html[data-theme-mode="dark"] .bnc-nav-item.active,
html[data-theme-mode="dark"] .bnc-nav-item:hover {
  color: #fff !important;
}

html[data-theme-mode="dark"] .pagination .page-link,
html[data-theme-mode="dark"] .nav-tabs .nav-link,
html[data-theme-mode="dark"] .dropdown-item {
  color: var(--bnc-text-strong) !important;
}

html[data-theme-mode="dark"] .dropdown-item:hover,
html[data-theme-mode="dark"] .dropdown-item:focus,
html[data-theme-mode="dark"] .pagination .page-link:hover {
  background-color: rgba(var(--bnc-primary-rgb), .12) !important;
}

html[data-theme-mode="dark"] .bnc-smart-form,
html[data-theme-mode="dark"] .bnc-ui-surface {
  color: var(--bnc-text-strong);
}

html[data-theme-mode="dark"] .select2-container--default .select2-selection--single,
html[data-theme-mode="dark"] .select2-container--default .select2-selection--multiple {
  background: rgba(15, 23, 42, .92) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  color: var(--bnc-text-strong) !important;
}

html[data-theme-mode="dark"] .select2-dropdown,
html[data-theme-mode="dark"] .choices__list--dropdown,
html[data-theme-mode="dark"] .choices__list[aria-expanded] {
  background: #0f172a !important;
  color: var(--bnc-text-strong) !important;
  border-color: rgba(148, 163, 184, .18) !important;
}

html[data-theme-mode="dark"] .swal2-title,
html[data-theme-mode="dark"] .swal2-html-container {
  color: var(--bnc-text-strong) !important;
}

@media (max-width: 768px) {
  html[data-theme-mode="dark"] .app-header,
  html[data-theme-mode="dark"] .rep-header,
  html[data-theme-mode="dark"] .bnc-installer-header {
    backdrop-filter: blur(14px);
  }
}