/*
 * Skin: Energy Dark
 * ----------------
 * Modern dark theme for energy management dashboard
 */

/* ========== A. BASE GLOBAL OVERRIDES ========== */

body.skin-energy-dark {
  background: #0a0e14;
  color: #c9d1d9;
}

.skin-energy-dark .wrapper {
  background: #0a0e14;
}

.skin-energy-dark .content-wrapper,
.skin-energy-dark .right-side {
  background-color: #0d1117;
}

.skin-energy-dark .content {
  color: #c9d1d9;
}

.skin-energy-dark .main-header {
  background: #161b22;
  border-bottom: 1px solid #21262d;
}

.skin-energy-dark .main-footer {
  background: #161b22;
  color: #8b949e;
  border-top: 1px solid #21262d;
}

.skin-energy-dark .main-sidebar,
.skin-energy-dark .left-side {
  background-color: #0f1419;
}

/* ========== B. SKIN-PREFIXED STRUCTURAL OVERRIDES ========== */

/* --- Logo --- */
.skin-energy-dark .main-header .logo {
  background-color: #0d1117;
  color: #e6edf3;
  border-bottom: 0 solid transparent;
  border-right: 1px solid #0d1117;
}
.skin-energy-dark .main-header .logo:hover {
  background-color: #131820;
}

/* --- Header / Navbar --- */
.skin-energy-dark .main-header {
  background: #161b22;
  box-shadow: none;
}
.skin-energy-dark .main-header .navbar {
  background-color: #161b22;
}
.skin-energy-dark .main-header .navbar .nav > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .main-header .navbar .nav > li > a:hover,
.skin-energy-dark .main-header .navbar .nav > li > a:active,
.skin-energy-dark .main-header .navbar .nav > li > a:focus,
.skin-energy-dark .main-header .navbar .nav .open > a,
.skin-energy-dark .main-header .navbar .nav .open > a:hover,
.skin-energy-dark .main-header .navbar .nav .open > a:focus,
.skin-energy-dark .main-header .navbar .nav > .active > a {
  background: rgba(255, 255, 255, 0.04);
  color: #e6edf3;
}
.skin-energy-dark .main-header .navbar .nav-addtabs li > .close-tab {
  color: #8b949e;
}
.skin-energy-dark .main-header .navbar .nav-addtabs li > .close-tab:hover {
  color: #e6edf3;
}
.skin-energy-dark .main-header .navbar .sidebar-toggle {
  color: #8b949e;
}
.skin-energy-dark .main-header .navbar .sidebar-toggle:hover {
  color: #e6edf3;
  background: rgba(255, 255, 255, 0.04);
}
.skin-energy-dark .main-header .navbar > .sidebar-toggle {
  color: #8b949e;
  border-right: 1px solid #21262d;
}
.skin-energy-dark .main-header .navbar .navbar-nav > li > a {
  border-right: 1px solid #21262d;
}
.skin-energy-dark .main-header .navbar .navbar-custom-menu .navbar-nav > li > a,
.skin-energy-dark .main-header .navbar .navbar-right > li > a {
  border-left: none;
  border-right-width: 0;
}
.skin-energy-dark .main-header li.user-header {
  background-color: #161b22;
}
.skin-energy-dark .main-header .nav-addtabs > li > a,
.skin-energy-dark .main-header .nav-addtabs > li.active > a {
  border-right-color: transparent;
}

/* --- Content header --- */
.skin-energy-dark .content-header {
  background: transparent;
  box-shadow: none;
}
.skin-energy-dark .content-header > .breadcrumb {
  background: transparent;
}
.skin-energy-dark .content-header > .breadcrumb > li > a {
  color: #8b949e;
}
.skin-energy-dark .content-header > .breadcrumb > li + li:before {
  color: #484f58;
}

/* --- Wrapper / Sidebar --- */
.skin-energy-dark .wrapper,
.skin-energy-dark .main-sidebar,
.skin-energy-dark .left-side {
  background-color: #0f1419;
}

/* --- User panel --- */
.skin-energy-dark .user-panel > .info,
.skin-energy-dark .user-panel > .info > a {
  color: #e6edf3;
}

/* --- Sidebar menu --- */
.skin-energy-dark .sidebar-menu .treeview-menu {
  padding-left: 3px;
}
.skin-energy-dark .sidebar-menu > li.header {
  color: #8b949e;
  background: #0a0e14;
}
.skin-energy-dark .sidebar-menu > li:hover > a,
.skin-energy-dark .sidebar-menu > li.active > a {
  color: #e6edf3;
  background: #1a2332;
  border-left-color: #87e8f5;
}
.skin-energy-dark .sidebar-menu > li > .treeview-menu {
  background: #0a0e14;
}
.skin-energy-dark .sidebar a {
  color: #8b949e;
}
.skin-energy-dark .sidebar a:hover {
  text-decoration: none;
}
.skin-energy-dark .treeview-menu > li > a {
  color: #6e7681;
}
.skin-energy-dark .treeview-menu > li.active > a,
.skin-energy-dark .treeview-menu > li > a:hover {
  color: #e6edf3;
}
.skin-energy-dark .sidebar-menu > li > a {
  border-left: 3px solid transparent;
  padding-left: 12px;
}
.skin-energy-dark .sidebar-menu > li.active > a {
  position: relative;
  color: #87e8f5;
  background: #2c3a3f;
  border-left-color: #87e8f5;
  text-shadow: 0 0 2px #87e8f5;
}
.skin-energy-dark .sidebar-menu > li.active > a::after {
  content: '';
  position: absolute;
  left: 12px;
  bottom: 5px;
  width: 100px;
  height: 3px;
  background-color: #87e8f5;
  border-radius: 2px;
  box-shadow: 0 0 2px #87e8f5;
}
.skin-energy-dark .sidebar-menu > li:hover > a {
  border-left-color: transparent;
}
.skin-energy-dark .sidebar-menu li.treeview > a {
  background: transparent;
  border-left-color: transparent;
}
.skin-energy-dark .sidebar-menu .treeview-menu {
  padding-left: 0;
}
.skin-energy-dark .sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 0;
}
.skin-energy-dark .sidebar-menu .treeview-menu .treeview-menu > li > a {
  padding-left: 30px;
}
.skin-energy-dark .sidebar-menu .treeview-menu li.treeview > a {
  background: transparent;
  border-left-color: transparent;
}
.skin-energy-dark .treeview-menu > li > a {
  padding-left: 18px;
}
.skin-energy-dark .treeview-menu > li.active > a {
  background-color: #4e73df;
}

/* --- Sidebar form --- */
.skin-energy-dark .sidebar-form {
  border-radius: 3px;
  border: 1px solid #30363d;
  background-color: #21262d;
  margin: 10px 10px;
}
.skin-energy-dark .sidebar-form input[type="text"],
.skin-energy-dark .sidebar-form .btn {
  box-shadow: none;
  background-color: #0d1117;
  border: 1px solid transparent;
  height: 35px;
  color: #c9d1d9;
}
.skin-energy-dark .sidebar-form input[type="text"] {
  color: #c9d1d9;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-energy-dark .sidebar-form input[type="text"]:focus,
.skin-energy-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #0d1117;
  color: #e6edf3;
}
.skin-energy-dark .sidebar-form input[type="text"]:focus + .input-group-btn {
  background: #0d1117;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-energy-dark .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #30363d;
}
.skin-energy-dark .sidebar-form .btn {
  color: #8b949e;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}

/* --- Sidebar collapse states --- */
@media (min-width: 768px) {
  .skin-energy-dark.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right) {
    margin-left: -3px;
  }
}
.skin-energy-dark.sidebar-collapse .sidebar-menu li:hover > a,
.skin-energy-dark.sidebar-collapse .sidebar-menu li.active > a {
  color: #e6edf3;
  background: #4e73df;
}
.skin-energy-dark.sidebar-collapse .sidebar-menu .treeview-menu li.active > a {
  color: #e6edf3;
  background: #4e73df;
}
.skin-energy-dark.sidebar-collapse .sidebar-menu .treeview-menu li.treeview > a {
  background: transparent;
  border-left-color: transparent;
}

/* --- Mobile responsive --- */
@media (max-width: 767px) {
  .skin-energy-dark .main-header .logo {
    background-color: #0d1117;
    color: #e6edf3;
    border-bottom: 0 solid transparent;
    border-right: none;
  }
  .skin-energy-dark .main-header .logo:hover {
    background-color: #0d1117;
  }
  .skin-energy-dark.multiplenav .main-header .navbar {
    background-color: #0d1117;
  }
  .skin-energy-dark.multiplenav .main-header .navbar .nav > li > a {
    color: #c9d1d9;
  }
  .skin-energy-dark.multiplenav .main-header .navbar .nav > li > a:hover,
  .skin-energy-dark.multiplenav .main-header .navbar .nav > li > a:active,
  .skin-energy-dark.multiplenav .main-header .navbar .nav > li > a:focus,
  .skin-energy-dark.multiplenav .main-header .navbar .nav .open > a,
  .skin-energy-dark.multiplenav .main-header .navbar .nav .open > a:hover,
  .skin-energy-dark.multiplenav .main-header .navbar .nav .open > a:focus,
  .skin-energy-dark.multiplenav .main-header .navbar .nav > .active > a {
    background: rgba(255, 255, 255, 0.06);
    color: #e6edf3;
  }
  .skin-energy-dark.multiplenav .main-header .navbar .nav-addtabs li > .close-tab {
    color: #8b949e;
  }
  .skin-energy-dark.multiplenav .main-header .navbar .sidebar-toggle {
    color: #c9d1d9;
  }
  .skin-energy-dark.multiplenav .main-header .navbar .sidebar-toggle:hover {
    color: #e6edf3;
    background: rgba(255, 255, 255, 0.06);
  }
  .skin-energy-dark.multiplenav .main-header > .logo {
    background-color: #0d1117;
    color: #e6edf3;
    border-bottom: 0 solid transparent;
  }
  .skin-energy-dark.multiplenav .main-header > .logo:hover {
    background-color: #0d1117;
  }
  .skin-energy-dark.multiplenav .sidebar .mobilenav a.btn-app {
    background: #21262d;
    color: #c9d1d9;
  }
  .skin-energy-dark.multiplenav .sidebar .mobilenav a.btn-app.active {
    background: #4e73df;
    color: #fff;
  }
}

/* --- Navbar user menu dropdown --- */
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu {
  background-color: #1c2128;
  border: 1px solid #30363d;
}
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu > .user-body {
  border-bottom-color: #30363d;
}
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #161b22;
}
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
  color: #c9d1d9;
  background-color: #21262d;
  border-color: #30363d;
}
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
  background-color: #30363d;
}
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
  color: #8b949e;
}
.skin-energy-dark .navbar-nav > .user-menu > .dropdown-menu > .user-body a:hover {
  color: #c9d1d9;
}

/* ========== C. CONTENT AREA COMPONENT OVERRIDES ========== */

/* --- Box component --- */
.skin-energy-dark .box {
  background: #161b22;
  border-top: 3px solid #30363d;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .box-header {
  color: #c9d1d9;
}
.skin-energy-dark .box-header.with-border {
  border-bottom-color: #30363d;
}
.skin-energy-dark .box-header > .box-title,
.skin-energy-dark .box-header > .fa,
.skin-energy-dark .box-header > .glyphicon,
.skin-energy-dark .box-header > .ion {
  color: #e6edf3;
}
.skin-energy-dark .box-body {
  background: #161b22;
  color: #c9d1d9;
}
.skin-energy-dark .box-footer {
  background-color: #161b22;
  border-top-color: #30363d;
}
.skin-energy-dark .box .nav-stacked > li {
  border-bottom-color: #21262d;
}
.skin-energy-dark .box .nav-stacked > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .box .nav-stacked > li > a:hover {
  background: #1c2333;
  color: #e6edf3;
}
.skin-energy-dark .box .overlay {
  background: rgba(13, 17, 23, 0.85);
}

/* --- Panel component --- */
.skin-energy-dark .panel {
  background-color: #161b22;
  border-color: #30363d;
}
.skin-energy-dark .panel-default > .panel-heading {
  background-color: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .panel-heading {
  border-bottom-color: #30363d;
}
.skin-energy-dark .panel-body {
  color: #c9d1d9;
}
.skin-energy-dark .panel-footer {
  background-color: #21262d;
  border-top-color: #30363d;
}
.skin-energy-dark .panel-intro .panel-heading {
  background: #21262d;
  border-bottom-color: #30363d;
}

/* --- Tables --- */
.skin-energy-dark .table > thead > tr > th,
.skin-energy-dark .table > tbody > tr > th,
.skin-energy-dark .table > tfoot > tr > th,
.skin-energy-dark .table > thead > tr > td,
.skin-energy-dark .table > tbody > tr > td,
.skin-energy-dark .table > tfoot > tr > td {
  border-top-color: #21262d;
}
.skin-energy-dark .table > thead > tr > th {
  border-bottom-color: #30363d;
  color: #e6edf3;
}
.skin-energy-dark .table > tbody > tr > td {
  color: #c9d1d9;
}
.skin-energy-dark .table-bordered {
  border-color: #21262d;
}
.skin-energy-dark .table-bordered > thead > tr > th,
.skin-energy-dark .table-bordered > tbody > tr > th,
.skin-energy-dark .table-bordered > tfoot > tr > th,
.skin-energy-dark .table-bordered > thead > tr > td,
.skin-energy-dark .table-bordered > tbody > tr > td,
.skin-energy-dark .table-bordered > tfoot > tr > td {
  border-color: #21262d;
}
.skin-energy-dark .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #11161c;
}
.skin-energy-dark .table-hover > tbody > tr:hover {
  background-color: #1a1f29;
}
.skin-energy-dark .fixed-table-container {
  border-color: #21262d;
}
.skin-energy-dark .fixed-table-container thead th {
  background: #21262d;
  border-bottom-color: #30363d;
}
.skin-energy-dark .fixed-table-toolbar .btn {
  background: transparent;
}
.skin-energy-dark .bootstrap-table .fixed-table-toolbar .dropdown-menu {
  background: #1c2128;
}
.skin-energy-dark .bootstrap-table .fixed-table-toolbar .dropdown-menu > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .bootstrap-table .fixed-table-toolbar .dropdown-menu > li > a:hover {
  background: #1c2333;
}

/* --- Forms --- */
.skin-energy-dark .form-control {
  background-color: #0d1117;
  color: #c9d1d9;
  border-color: #30363d;
}
.skin-energy-dark .form-control:focus {
  border-color: #4e9eff;
  background-color: #12161c;
  box-shadow: 0 0 0 2px rgba(78, 159, 255, 0.15);
}
.skin-energy-dark .form-control[disabled],
.skin-energy-dark .form-control[readonly],
.skin-energy-dark fieldset[disabled] .form-control {
  background-color: #1a1f26;
  color: #8b949e;
}
.skin-energy-dark .form-control::-moz-placeholder {
  color: #484f58;
}
.skin-energy-dark .form-control:-ms-input-placeholder {
  color: #484f58;
}
.skin-energy-dark .form-control::-webkit-input-placeholder {
  color: #484f58;
}
.skin-energy-dark .input-group .input-group-addon {
  background-color: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark select.form-control {
  background-color: #0d1117;
}
.skin-energy-dark select.form-control option {
  background-color: #1c2128;
  color: #c9d1d9;
}
.skin-energy-dark .has-success .form-control {
  border-color: #3fb950;
}
.skin-energy-dark .has-warning .form-control {
  border-color: #d29922;
}
.skin-energy-dark .has-error .form-control {
  border-color: #f85149;
}
.skin-energy-dark .has-success .help-block,
.skin-energy-dark .has-success .control-label,
.skin-energy-dark .has-success .radio,
.skin-energy-dark .has-success .checkbox,
.skin-energy-dark .has-success .radio-inline,
.skin-energy-dark .has-success .checkbox-inline {
  color: #3fb950;
}
.skin-energy-dark .has-warning .help-block,
.skin-energy-dark .has-warning .control-label,
.skin-energy-dark .has-warning .radio,
.skin-energy-dark .has-warning .checkbox,
.skin-energy-dark .has-warning .radio-inline,
.skin-energy-dark .has-warning .checkbox-inline {
  color: #d29922;
}
.skin-energy-dark .has-error .help-block,
.skin-energy-dark .has-error .control-label,
.skin-energy-dark .has-error .radio,
.skin-energy-dark .has-error .checkbox,
.skin-energy-dark .has-error .radio-inline,
.skin-energy-dark .has-error .checkbox-inline {
  color: #f85149;
}
.skin-energy-dark label {
  color: #c9d1d9;
}

/* --- Buttons --- */
.skin-energy-dark .btn-default {
  background-color: #21262d;
  color: #c9d1d9;
  border-color: #30363d;
}
.skin-energy-dark .btn-default:hover,
.skin-energy-dark .btn-default:focus,
.skin-energy-dark .btn-default:active,
.skin-energy-dark .btn-default.active,
.skin-energy-dark .open > .dropdown-toggle.btn-default {
  background-color: #30363d;
  border-color: #484f58;
  color: #e6edf3;
}
.skin-energy-dark .btn-default.disabled,
.skin-energy-dark .btn-default[disabled] {
  background-color: #21262d;
  color: #484f58;
}
.skin-energy-dark .btn-primary-light {
  background-color: #1c2333;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .btn-primary-light:hover,
.skin-energy-dark .btn-primary-light:focus {
  background-color: #212a3d;
  border-color: #484f58;
  color: #e6edf3;
}

/* --- Dropdowns --- */
.skin-energy-dark .dropdown-menu {
  background-color: #1c2128;
  border: 1px solid #30363d;
}
.skin-energy-dark .dropdown-menu > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .dropdown-menu > li > a:hover,
.skin-energy-dark .dropdown-menu > li > a:focus {
  background: #1c2333;
  color: #e6edf3;
}
.skin-energy-dark .dropdown-menu > .divider {
  background-color: #30363d;
}
.skin-energy-dark .dropdown-menu > .active > a,
.skin-energy-dark .dropdown-menu > .active > a:hover,
.skin-energy-dark .dropdown-menu > .active > a:focus {
  background-color: #4e73df;
  color: #fff;
}
.skin-energy-dark .dropdown-header {
  color: #8b949e;
}

/* --- Nav Tabs --- */
.skin-energy-dark .nav-tabs {
  border-bottom-color: #30363d;
}
.skin-energy-dark .nav-tabs > li > a {
  color: #8b949e;
}
.skin-energy-dark .nav-tabs > li > a:hover {
  background-color: #1c2333;
  border-color: #30363d;
  color: #e6edf3;
}
.skin-energy-dark .nav-tabs > li.active > a,
.skin-energy-dark .nav-tabs > li.active > a:hover,
.skin-energy-dark .nav-tabs > li.active > a:focus {
  background-color: #161b22;
  border-color: #30363d #30363d transparent;
  color: #e6edf3;
}
/* Nav Tabs Custom (boxed tabs) */
.skin-energy-dark .nav-tabs-custom {
  background: #161b22;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .nav-tabs-custom > .nav-tabs {
  border-bottom-color: #30363d;
}
.skin-energy-dark .nav-tabs-custom > .nav-tabs > li > a {
  color: #8b949e;
}
.skin-energy-dark .nav-tabs-custom > .nav-tabs > li.active > a {
  background: #161b22;
  color: #e6edf3;
  border-left-color: #21262d;
  border-right-color: #21262d;
}
.skin-energy-dark .nav-tabs-custom > .tab-content {
  background: #161b22;
}

/* --- Nav Pills --- */
.skin-energy-dark .nav-pills > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .nav-pills > li.active > a,
.skin-energy-dark .nav-pills > li.active > a:hover,
.skin-energy-dark .nav-pills > li.active > a:focus {
  background-color: #4e73df;
  color: #fff;
}

/* --- Breadcrumb --- */
.skin-energy-dark .breadcrumb {
  background: transparent;
}
.skin-energy-dark .breadcrumb > li > a {
  color: #8b949e;
}
.skin-energy-dark .breadcrumb > .active {
  color: #c9d1d9;
}

/* --- Pagination --- */
.skin-energy-dark .pagination > li > a,
.skin-energy-dark .pagination > li > span {
  background: #161b22;
  color: #c9d1d9;
  border-color: #30363d;
}
.skin-energy-dark .pagination > li > a:hover,
.skin-energy-dark .pagination > li > span:hover {
  background: #1c2333;
  color: #e6edf3;
  border-color: #484f58;
}
.skin-energy-dark .pagination > .active > a,
.skin-energy-dark .pagination > .active > span,
.skin-energy-dark .pagination > .active > a:hover,
.skin-energy-dark .pagination > .active > span:hover {
  background: #4e73df;
  border-color: #4e73df;
  color: #fff;
}
.skin-energy-dark .pagination > .disabled > a,
.skin-energy-dark .pagination > .disabled > span {
  color: #484f58;
  background: #161b22;
  border-color: #30363d;
}

/* --- Modal --- */
.skin-energy-dark .modal-content {
  background-color: #1c2128;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}
.skin-energy-dark .modal-header {
  border-bottom-color: #30363d;
  color: #e6edf3;
}
.skin-energy-dark .modal-title {
  color: #e6edf3;
}
.skin-energy-dark .modal-footer {
  border-top-color: #30363d;
}
.skin-energy-dark .modal-header .close {
  color: #8b949e;
  text-shadow: none;
  opacity: 0.7;
}
.skin-energy-dark .modal-header .close:hover {
  color: #e6edf3;
  opacity: 1;
}

/* --- Alerts --- */
.skin-energy-dark .alert {
  color: #c9d1d9;
}
.skin-energy-dark .alert-success {
  background-color: #1a2e24;
  border-color: #2d4a36;
  color: #7ee787;
}
.skin-energy-dark .alert-info {
  background-color: #1a2436;
  border-color: #2d3a52;
  color: #79c0ff;
}
.skin-energy-dark .alert-warning {
  background-color: #2e2516;
  border-color: #4a3d24;
  color: #e3b341;
}
.skin-energy-dark .alert-danger {
  background-color: #2e1c1c;
  border-color: #4a2d2d;
  color: #f85149;
}
.skin-energy-dark .alert-primary-light {
  background-color: #1c2333;
  border-color: #30363d;
  color: #8b949e;
}
.skin-energy-dark .alert-success-light {
  background-color: #1a2e24;
  border-color: #2d4a36;
  color: #7ee787;
}
.skin-energy-dark .alert-danger-light {
  background-color: #2e1c1c;
  border-color: #4a2d2d;
  color: #f87171;
}
.skin-energy-dark .alert-warning-light {
  background-color: #2e2516;
  border-color: #4a3d24;
  color: #e3b341;
}
.skin-energy-dark .alert-info-light {
  background-color: #1a2436;
  border-color: #2d3a52;
  color: #79c0ff;
}
.skin-energy-dark .alert-danger-light {
  background-color: #2e1c1c;
  border-color: #4a2d2d;
  color: #f87171;
}

/* --- Callout --- */
.skin-energy-dark .callout {
  background-color: #161b22;
  border-left-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .callout.callout-info {
  border-left-color: #58a6ff;
}
.skin-energy-dark .callout.callout-success {
  border-left-color: #3fb950;
}
.skin-energy-dark .callout.callout-warning {
  border-left-color: #d29922;
}
.skin-energy-dark .callout.callout-danger {
  border-left-color: #f85149;
}

/* --- Well --- */
.skin-energy-dark .well {
  background-color: #161b22;
  border-color: #30363d;
}

/* --- Jumbotron --- */
.skin-energy-dark .jumbotron {
  background-color: #161b22;
  color: #c9d1d9;
}

/* --- List Group --- */
.skin-energy-dark .list-group-item {
  background-color: #161b22;
  border-color: #21262d;
  color: #c9d1d9;
}
.skin-energy-dark .list-group-item:hover {
  background-color: #1a1f29;
}
.skin-energy-dark a.list-group-item {
  color: #c9d1d9;
}
.skin-energy-dark a.list-group-item:hover {
  color: #e6edf3;
}

/* --- Progress Bars --- */
.skin-energy-dark .progress {
  background-color: #21262d;
}

/* --- Code / Pre --- */
.skin-energy-dark code {
  background-color: #0d1117;
  color: #c9d1d9;
  border: 1px solid #30363d;
}
.skin-energy-dark pre {
  background-color: #0d1117;
  color: #c9d1d9;
  border: 1px solid #30363d;
}

/* --- Horizontal Rule --- */
.skin-energy-dark hr {
  border-top-color: #30363d;
}

/* --- Blockquote --- */
.skin-energy-dark blockquote {
  border-left-color: #30363d;
  color: #8b949e;
}

/* --- Labels and Badges --- */
.skin-energy-dark .label-default {
  background-color: #30363d;
}
.skin-energy-dark .badge {
  background-color: #30363d;
  color: #c9d1d9;
}

/* --- Tooltip (do NOT override .tooltip-inner background, handled by JS) --- */

/* --- Popover --- */
.skin-energy-dark .popover {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .popover-title {
  background-color: #21262d;
  border-bottom-color: #30363d;
  color: #e6edf3;
}
.skin-energy-dark .popover-content {
  color: #c9d1d9;
}
.skin-energy-dark .popover > .arrow:after {
  border-top-color: #1c2128;
}
.skin-energy-dark .popover.bottom > .arrow:after {
  border-bottom-color: #1c2128;
}
.skin-energy-dark .popover.left > .arrow:after {
  border-left-color: #1c2128;
}
.skin-energy-dark .popover.right > .arrow:after {
  border-right-color: #1c2128;
}

/* --- Text Colors --- */
.skin-energy-dark .text-muted {
  color: #8b949e !important;
}

/* --- Info Box / Small Box --- */
.skin-energy-dark .info-box {
  background: #161b22;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .info-box-icon {
  color: #e6edf3;
}
.skin-energy-dark .info-box-content {
  color: #c9d1d9;
}
.skin-energy-dark .info-box-text {
  color: #8b949e;
}
.skin-energy-dark .info-box-number {
  color: #e6edf3;
}
.skin-energy-dark .small-box {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .small-box h3 {
  color: #e6edf3;
}
.skin-energy-dark .small-box p {
  color: #8b949e;
}

/* --- Timeline --- */
.skin-energy-dark .timeline > li > .timeline-item {
  background: #161b22;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .timeline > li > .timeline-header {
  color: #8b949e;
  border-bottom-color: #30363d;
}

/* --- Direct Chat --- */
.skin-energy-dark .direct-chat-text {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .direct-chat-timestamp {
  color: #8b949e;
}

/* --- Products List --- */
.skin-energy-dark .products-list > .item {
  background: #161b22;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .products-list .product-title {
  color: #e6edf3;
}
.skin-energy-dark .products-list .product-description {
  color: #8b949e;
}

/* --- Carousel --- */
.skin-energy-dark .carousel-control {
  color: #c9d1d9;
}

/* --- Control Sidebar --- */
.skin-energy-dark .control-sidebar-dark,
.skin-energy-dark .control-sidebar-dark + .control-sidebar-bg {
  background: #0f1419;
}
.skin-energy-dark .control-sidebar-dark .control-sidebar-heading,
.skin-energy-dark .control-sidebar-dark .control-sidebar-subheading {
  color: #e6edf3;
}

/* --- Tab Addtabs (main tabs in header) --- */
.skin-energy-dark .nav-addtabs > li > a {
  color: #8b949e;
}
.skin-energy-dark .nav-addtabs > li.active > a {
  color: #e6edf3;
}
.skin-energy-dark .main-header .navbar .nav-addtabs li > .close-tab {
  color: #8b949e;
}

/* --- Ribbon / Breadcrumb bar --- */
.skin-energy-dark #ribbon {
  background: #0d1117;
  border-bottom: 1px solid #21262d;
}
.skin-energy-dark #ribbon .breadcrumb {
  background: transparent;
}
.skin-energy-dark #ribbon .breadcrumb > li > a {
  color: #8b949e;
}
.skin-energy-dark #ribbon .breadcrumb > .active {
  color: #c9d1d9;
}

/* --- Collapse / Accordion --- */
.skin-energy-dark .panel-group .panel + .panel {
  margin-top: 5px;
}

/* --- Third-party: Layer (fastadmin-layer) --- */
.skin-energy-dark .layui-layer {
  /* Layer uses inline styles, but we can try: */
}
.skin-energy-dark .layui-layer-title {
  /* Layer title bar */
}

/* --- Third-party: Bootstrap Select --- */
.skin-energy-dark .bootstrap-select .dropdown-menu {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .bootstrap-select .dropdown-menu > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .bootstrap-select .dropdown-menu > li > a:hover {
  background-color: #1c2333;
}
.skin-energy-dark .bootstrap-select .dropdown-menu > li.selected > a {
  background-color: #4e73df;
  color: #fff;
}
.skin-energy-dark .bootstrap-select .btn-default {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

/* --- Third-party: DateTimePicker --- */
.skin-energy-dark .bootstrap-datetimepicker-widget {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .bootstrap-datetimepicker-widget table td.day,
.skin-energy-dark .bootstrap-datetimepicker-widget table td.hour,
.skin-energy-dark .bootstrap-datetimepicker-widget table td.minute,
.skin-energy-dark .bootstrap-datetimepicker-widget table td.second {
  color: #c9d1d9;
}
.skin-energy-dark .bootstrap-datetimepicker-widget table td.old,
.skin-energy-dark .bootstrap-datetimepicker-widget table td.new {
  color: #484f58;
}
.skin-energy-dark .bootstrap-datetimepicker-widget table td.active,
.skin-energy-dark .bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #4e73df;
  color: #fff;
}
.skin-energy-dark .bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #4e73df;
}
.skin-energy-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #1c2333;
}
.skin-energy-dark .bootstrap-datetimepicker-widget .picker-switch {
  color: #e6edf3;
}
.skin-energy-dark .bootstrap-datetimepicker-widget .timepicker-hour,
.skin-energy-dark .bootstrap-datetimepicker-widget .timepicker-minute,
.skin-energy-dark .bootstrap-datetimepicker-widget .timepicker-second {
  color: #c9d1d9;
  background: #0d1117;
}

/* --- Third-party: SelectPage --- */
.skin-energy-dark .selectpage {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

/* --- Third-party: DateRangePicker --- */
.skin-energy-dark .daterangepicker {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .daterangepicker .calendar-table {
  background-color: #1c2128;
}
.skin-energy-dark .daterangepicker td.available {
  color: #c9d1d9;
}
.skin-energy-dark .daterangepicker td.off {
  color: #484f58;
}
.skin-energy-dark .daterangepicker td.active,
.skin-energy-dark .daterangepicker td.active:hover {
  background-color: #4e73df;
  color: #fff;
}
.skin-energy-dark .daterangepicker .calendar-table th {
  color: #8b949e;
}
.skin-energy-dark .daterangepicker .drp-buttons {
  border-top-color: #30363d;
}

/* --- Third-party: jstree --- */
.skin-energy-dark .jstree-default .jstree-anchor {
  color: #c9d1d9;
}
.skin-energy-dark .jstree-default .jstree-clicked {
  color: #e6edf3;
}
.skin-energy-dark .jstree-default .jstree-hovered {
  background: #1c2333;
}

/* --- DataTables / Bootstrap Table overrides --- */
.skin-energy-dark .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #c9d1d9 !important;
}
.skin-energy-dark .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #4e73df;
  color: #fff !important;
  border-color: #4e73df;
}
.skin-energy-dark .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #30363d;
  color: #e6edf3 !important;
  border-color: #484f58;
}

/* --- Select2 (if used) --- */
.skin-energy-dark .select2-container--default .select2-selection--single {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #c9d1d9;
}
.skin-energy-dark .select2-container--default .select2-selection--multiple {
  background-color: #0d1117;
  border-color: #30363d;
}
.skin-energy-dark .select2-dropdown {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #1c2333;
}
.skin-energy-dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #4e73df;
}
.skin-energy-dark .select2-container--default .select2-search--dropdown .select2-search__field {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

/* ========== D. DASHBOARD-SPECIFIC OVERRIDES ========== */

/* Dashboard stat blocks (inline styles in dashboard/index.html) */
.skin-energy-dark .sm-st {
  background: #161b22 !important;
}
.skin-energy-dark .sm-st-icon {
  background: #21262d !important;
}
.skin-energy-dark .sm-st-info {
  color: #c9d1d9;
}
.skin-energy-dark .sm-st-info span {
  color: #e6edf3;
}
.skin-energy-dark .stat-elem {
  background-color: #161b22 !important;
}
.skin-energy-dark .stat-info {
  background-color: #161b22 !important;
  color: #c9d1d9;
}
.skin-energy-dark .stat .value {
  color: #e6edf3;
}
.skin-energy-dark .stat .name {
  color: #8b949e;
}
.skin-energy-dark #statistics .panel {
  background-color: #161b22;
}

/* ECharts container */
.skin-energy-dark #echart {
  background: #161b22 !important;
}

/* ========== E. MISC FIXES ========== */

/* Error pages or any generic .main-header inside .skin */
.skin-energy-dark .main-header .navbar .navbar-brand {
  color: #e6edf3;
  border-right: 1px solid #21262d;
}

/* The wipecache dropdown */
.skin-energy-dark .wipecache {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .wipecache > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .wipecache > li > a:hover {
  background: #1c2333;
  color: #e6edf3;
}

/* Toast / Notification area */
.skin-energy-dark .toast {
  background-color: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .toast-header {
  color: #e6edf3;
}

/* Fix for any white background images */
.skin-energy-dark .img-thumbnail {
  background-color: #161b22;
  border-color: #30363d;
}

/* CKEditor / text editors dark skin */
.skin-energy-dark .cke_chrome {
  border-color: #30363d;
}
.skin-energy-dark .cke_top {
  background: #21262d;
  border-bottom-color: #30363d;
}
.skin-energy-dark .cke_bottom {
  background: #21262d;
  border-top-color: #30363d;
}
.skin-energy-dark .cke_button {
  /* Allow default button styling but ensure visibility */;
}

/* Fix for hidden elements when bg is dark */
.skin-energy-dark .mobilenav {
  background: #0f1419;
}

/* Toggle sidebar hover fix */
.skin-energy-dark .sidebar-collapse .main-header .navbar {
  margin-left: 0;
}

/* Navbar form */
.skin-energy-dark .navbar-form {
  border-color: #21262d;
}

/* File input */
.skin-energy-dark .btn-file input[type=file] {
  /* No visual change needed */;
}

/* ========== F. LIST/TABLE PAGE OVERRIDES ========== */

/* --- Panel-intro (common list page container) --- */
.skin-energy-dark .panel-intro > .panel-heading {
  background: #21262d;
  border-bottom: 1px solid #30363d;
  color: #e6edf3;
}
.skin-energy-dark .panel-intro > .panel-heading .panel-lead {
  color: #c9d1d9;
}
.skin-energy-dark .panel-intro > .panel-heading .panel-lead em {
  color: #e6edf3;
  font-style: normal;
}
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs {
  border-bottom: none;
}
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li.active > a {
  background: #161b22;
  color: #e6edf3;
}

/* --- Widget body (table wrapper) --- */
.skin-energy-dark .widget-body {
  background: #161b22;
}

/* --- Toolbar area (above table) --- */
.skin-energy-dark .toolbar {
  background: #161b22;
  padding: 10px;
  border-bottom: 1px solid #21262d;
}
.skin-energy-dark #toolbar .btn + .btn {
  margin-left: 4px;
}

/* --- Bootstrap Table: full coverage --- */

/* Toolbar area */
.skin-energy-dark .fixed-table-toolbar {
  background: #161b22;
  border-bottom: 1px solid #21262d;
}
.skin-energy-dark .fixed-table-toolbar .columns,
.skin-energy-dark .fixed-table-toolbar .search {
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-toolbar .search .form-control {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-toolbar .search .form-control:focus {
  border-color: #4e9eff;
}
.skin-energy-dark .fixed-table-toolbar .search .btn {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-toolbar .search .btn:hover {
  background: #30363d;
}
.skin-energy-dark .fixed-table-toolbar .dropdown-menu {
  background: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .fixed-table-toolbar .dropdown-menu > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-toolbar .dropdown-menu > li > a:hover {
  background: #1c2333;
  color: #e6edf3;
}
.skin-energy-dark .fixed-table-toolbar .dropdown-menu > li > label {
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-toolbar .btn-group .btn {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-toolbar .btn-group .btn:hover {
  background: #30363d;
  color: #e6edf3;
}

/* Table container */
.skin-energy-dark .fixed-table-container {
  background: #161b22;
  border-color: #21262d;
}

/* Table header */
.skin-energy-dark .fixed-table-header {
  background: #21262d;
}
.skin-energy-dark .fixed-table-header table thead th {
  background: #21262d;
  color: #e6edf3;
  border-bottom: 2px solid #30363d;
  border-right: 1px solid #30363d;
}

/* Table body */
.skin-energy-dark .fixed-table-body {
  background: #161b22;
}
.skin-energy-dark .fixed-table-body table tbody td {
  color: #c9d1d9;
  border-bottom: 1px solid #21262d;
}
.skin-energy-dark .fixed-table-body .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #0d1117;
}
.skin-energy-dark .fixed-table-body .table-hover > tbody > tr:hover {
  background-color: #1a1f29;
}
.skin-energy-dark .fixed-table-body .card-view .title {
  color: #8b949e;
}
.skin-energy-dark .fixed-table-body .card-view .value {
  color: #c9d1d9;
}

/* Loading overlay */
.skin-energy-dark .fixed-table-loading {
  background: rgba(13, 17, 23, 0.8);
}
.skin-energy-dark .fixed-table-loading .loading-text {
  color: #c9d1d9;
}

/* Pagination area */
.skin-energy-dark .fixed-table-pagination {
  background: #161b22;
  border-top: 1px solid #21262d;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail {
  color: #8b949e;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .pagination-info {
  color: #8b949e;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .page-list {
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .page-list .btn-group .btn {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .page-list .btn-group .btn:hover {
  background: #30363d;
  color: #e6edf3;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .page-list .btn-group .dropdown-menu {
  background: #1c2128;
  border-color: #30363d;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .page-list .btn-group .dropdown-menu > li > a {
  color: #c9d1d9;
}
.skin-energy-dark .fixed-table-pagination .pagination-detail .page-list .btn-group .dropdown-menu > li > a:hover {
  background: #1c2333;
  color: #e6edf3;
}
.skin-energy-dark .fixed-table-pagination .pagination {
  margin: 0;
}

/* ========== G. FORM / ADD-EDIT PAGE OVERRIDES ========== */

/* Form container */
.skin-energy-dark .form-horizontal {
  background: #161b22;
  padding: 15px;
}
.skin-energy-dark .form-horizontal .form-group {
  margin-bottom: 15px;
}

/* Control labels */
.skin-energy-dark .control-label {
  color: #e6edf3 !important;
}

/* Help blocks */
.skin-energy-dark .help-block {
  color: #8b949e;
}

/* Layer footer (submit buttons area in popup) */
.skin-energy-dark .layer-footer {
  background: #161b22;
  border-top: 1px solid #30363d;
  padding: 10px 0;
  margin-top: 15px;
}

/* Embossed buttons */
.skin-energy-dark .btn-embossed {
  text-shadow: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
.skin-energy-dark .btn-embossed.btn-primary {
  background-color: #1f6feb;
  border-color: #1f6feb;
}
.skin-energy-dark .btn-embossed.btn-primary:hover {
  background-color: #388bfd;
}
.skin-energy-dark .btn-embossed.btn-success {
  background-color: #238636;
  border-color: #238636;
}
.skin-energy-dark .btn-embossed.btn-success:hover {
  background-color: #2ea043;
}
.skin-energy-dark .btn-embossed.btn-danger {
  background-color: #da3633;
  border-color: #da3633;
}
.skin-energy-dark .btn-embossed.btn-danger:hover {
  background-color: #f85149;
}
.skin-energy-dark .btn-embossed.btn-default {
  background-color: #21262d;
  border-color: #30363d;
}
.skin-energy-dark .btn-embossed.btn-default:hover {
  background-color: #30363d;
}
.skin-energy-dark .btn-embossed.disabled,
.skin-energy-dark .btn-embossed[disabled] {
  opacity: 0.5;
}

/* Form validator error states */
.skin-energy-dark .has-error .form-control {
  border-color: #f85149;
  background-color: #1c1015;
}
.skin-energy-dark .has-error .form-control:focus {
  box-shadow: 0 0 0 2px rgba(248, 81, 73, 0.2);
}
.skin-energy-dark .has-success .form-control {
  border-color: #3fb950;
  background-color: #0d1b11;
}
.skin-energy-dark .has-success .form-control:focus {
  box-shadow: 0 0 0 2px rgba(63, 185, 80, 0.2);
}
.skin-energy-dark .has-warning .form-control {
  border-color: #d29922;
  background-color: #1c180f;
}

/* Radio and Checkbox */
.skin-energy-dark .radio label,
.skin-energy-dark .checkbox label {
  color: #c9d1d9;
}
.skin-energy-dark .radio input[type="radio"],
.skin-energy-dark .checkbox input[type="checkbox"] {
  /* Bootstrap handles the visuals */;
}

/* Fieldset */
.skin-energy-dark fieldset {
  border-color: #30363d;
}
.skin-energy-dark legend {
  color: #e6edf3;
  border-bottom-color: #30363d;
}

/* Select with multiple */
.skin-energy-dark select[multiple] {
  background-color: #0d1117;
}
.skin-energy-dark select[multiple] option {
  background-color: #0d1117;
  color: #c9d1d9;
}

/* Input file */
.skin-energy-dark input[type="file"] {
  color: #c9d1d9;
}

/* Form inline (search forms) */
.skin-energy-dark .form-inline .form-control {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

/* ========== H. OPERATION / UTILITY PAGE OVERRIDES ========== */

/* Button toolbar area (operation pages) */
.skin-energy-dark .btn-group .btn-multi {
  color: #c9d1d9;
}
.skin-energy-dark .btn-group .btn-multi:hover {
  color: #e6edf3;
  background: #1c2333;
}

/* Disabled toolbar buttons */
.skin-energy-dark .btn-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

/* Batch operation dropdown */
.skin-energy-dark #toolbar .dropdown-menu > li > a.btn-multi {
  color: #c9d1d9;
  padding: 6px 15px;
  display: block;
  text-decoration: none;
}
.skin-energy-dark #toolbar .dropdown-menu > li > a.btn-multi:hover {
  background: #1c2333;
  color: #e6edf3;
}

/* Toolbar refresh button */
.skin-energy-dark .btn-refresh {
  color: #c9d1d9;
}
.skin-energy-dark .btn-refresh:hover {
  color: #e6edf3;
}

/* ========== I. ADDITIONAL MISC FIXES ========== */

/* cxselect cascading dropdowns (in search forms) */
.skin-energy-dark .form-inline .form-control {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

/* Card block (used in dashboard stats) */
.skin-energy-dark .card-block,
.skin-energy-dark .card-body {
  background: #161b22;
  color: #c9d1d9;
}

/* Sameheight items */
.skin-energy-dark .sameheight-item {
  background: #161b22;
}

/* Stats container */
.skin-energy-dark .stats-container .stat-col {
  color: #c9d1d9;
}

/* Bootstrap tooltip (fix dark-on-dark) */
.skin-energy-dark .tooltip-inner {
  background: #30363d;
  color: #e6edf3;
  border: 1px solid #484f58;
}
.skin-energy-dark .tooltip.top .tooltip-arrow {
  border-top-color: #30363d;
}
.skin-energy-dark .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #30363d;
}

/* Tab content background */
.skin-energy-dark .tab-content {
  background: #161b22;
}
.skin-energy-dark .tab-pane {
  background: #161b22;
}

/* Activity / notification feed */
.skin-energy-dark .dropdown-menu .footer a {
  color: #8b949e;
}
.skin-energy-dark .dropdown-menu .footer a:hover {
  color: #e6edf3;
}

/* No padding utility override */
.skin-energy-dark .no-padding {
  /* No change, just inherited bg from parent */;
}

/* ========== J. BOOTSTRAP TABLE COLUMN FILTER ========== */
.skin-energy-dark .bootstrap-table-filter-control-commonsearch input {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

/* Fixed table export buttons (if present) */
.skin-energy-dark .export.btn-group .btn {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .export.btn-group .btn:hover {
  background: #30363d;
  color: #e6edf3;
}

/* Bootstrap table loading overlay */
.skin-energy-dark .bootstrap-table .fixed-table-loading {
  background-color: rgba(13, 17, 23, 0.85);
}

/* Bootstrap table fixed header inner text */
.skin-energy-dark .fixed-table-container thead th .th-inner {
  color: #e6edf3;
}

/* ========== K. PANEL-INTRO NAV TABS (backend.css hardcoded overrides) ========== */

/* The built-in .panel-intro > .panel-heading in backend.css uses light bg (#e8edf0).
   These rules override that with dark variants. */
.skin-energy-dark .panel-intro > .panel-heading {
  background: #21262d;
  border-color: #30363d;
}
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs {
  border-bottom-color: #30363d;
}
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li > a {
  background-color: #161b22;
  color: #8b949e;
  border: 1px solid #30363d;
  border-bottom-color: transparent;
}
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li > a:hover,
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li > a:focus {
  background-color: #1c2333;
  color: #e6edf3;
  border-color: #30363d;
}
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li.active > a,
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li.active > a:hover,
.skin-energy-dark .panel-intro > .panel-heading .nav-tabs > li.active > a:focus {
  background-color: #0d1117;
  color: #e6edf3;
  border-color: #30363d #30363d transparent;
}
.skin-energy-dark .panel-intro > .panel-heading .panel-lead em {
  color: #e6edf3;
  font-style: normal;
}
.skin-energy-dark .panel-intro > .panel-heading .panel-lead {
  color: #c9d1d9;
}

/* ========== L. PANEL-NAV VARIANT (profile/adminlog pages) ========== */
.skin-energy-dark .panel-nav .panel-heading {
  background: #21262d;
  border-color: #30363d;
}
.skin-energy-dark .panel-nav .nav-tabs > li > a {
  background-color: #161b22;
  color: #8b949e;
  border-color: #30363d;
}
.skin-energy-dark .panel-nav .nav-tabs > li > a:hover {
  background-color: #1c2333;
  color: #e6edf3;
  border-color: #30363d;
}
.skin-energy-dark .panel-nav .nav-tabs > li.active > a,
.skin-energy-dark .panel-nav .nav-tabs > li.active > a:hover {
  background-color: #0d1117;
  color: #e6edf3;
  border-color: #30363d #30363d transparent;
}

/* ========== M. SELECTPAGE PLUGIN (fastadmin-selectpage) ========== */

/* Input field */
.skin-energy-dark .sp_container .sp_input {
  background-color: #0d1117 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

/* Dropdown result area */
.skin-energy-dark .sp_result_area {
  background-color: #1c2128;
  border: 1px solid #30363d;
}
.skin-energy-dark .sp_results {
  background-color: #1c2128;
}
.skin-energy-dark .sp_results > li {
  color: #c9d1d9;
}
.skin-energy-dark .sp_results > li.sp_over {
  background-color: #1c2333;
  color: #e6edf3;
}
.skin-energy-dark .sp_results > li.sp_selected {
  color: #484f58;
}

/* Navigation and control buttons */
.skin-energy-dark .sp_navi {
  background: #21262d;
  border-bottom-color: #30363d;
}
.skin-energy-dark .sp_control_box {
  background-color: #21262d;
}
.skin-energy-dark .sp_control_box:hover {
  background-color: #30363d;
}
.skin-energy-dark .sp_control_box button {
  background: transparent;
  color: #8b949e;
}
.skin-energy-dark .sp_control_box:hover button {
  background-color: transparent;
  color: #c9d1d9;
}

/* Pagination within SelectPage */
.skin-energy-dark div.sp_result_area .sp_pagination > ul > li > a {
  background-color: #21262d;
  color: #8b949e;
}
.skin-energy-dark div.sp_result_area .sp_pagination > ul > li > a:hover {
  background-color: #30363d;
  color: #e6edf3;
}
.skin-energy-dark div.sp_result_area .sp_pagination > ul > li.disabled > a,
.skin-energy-dark div.sp_result_area .sp_pagination > ul > li.disabled > a:hover {
  background-color: #161b22;
  color: #484f58;
}

/* Multi-select tags */
.skin-energy-dark .sp_element_box li.selected_tag {
  background-color: #1c2333;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .sp_element_box li.selected_tag:hover {
  background-color: #212a3d;
}

/* Combo container */
.skin-energy-dark .sp_container_combo {
  background-color: #0d1117;
  border-color: #30363d;
}

/* Disabled state */
.skin-energy-dark .sp_input_off {
  background: #1a1f26;
  color: #8b949e;
}

/* ========== N. LIGHT BUTTON VARIANTS (fastadmin.css overrides) ========== */

.skin-energy-dark .btn-success-light {
  background-color: #1a2e24;
  border-color: #2d4a36;
  color: #7ee787;
}
.skin-energy-dark .btn-success-light:hover,
.skin-energy-dark .btn-success-light:focus {
  background-color: #223d2f;
  border-color: #3a5c44;
  color: #8ff09a;
}

.skin-energy-dark .btn-danger-light {
  background-color: #2e1c1c;
  border-color: #4a2d2d;
  color: #f87171;
}
.skin-energy-dark .btn-danger-light:hover,
.skin-energy-dark .btn-danger-light:focus {
  background-color: #3d2424;
  border-color: #5c3838;
  color: #fc8f8f;
}

.skin-energy-dark .btn-warning-light {
  background-color: #2e2516;
  border-color: #4a3d24;
  color: #e3b341;
}
.skin-energy-dark .btn-warning-light:hover,
.skin-energy-dark .btn-warning-light:focus {
  background-color: #3d301c;
  border-color: #5c4d2e;
  color: #ecc661;
}

.skin-energy-dark .btn-info-light {
  background-color: #1a2436;
  border-color: #2d3a52;
  color: #79c0ff;
}
.skin-energy-dark .btn-info-light:hover,
.skin-energy-dark .btn-info-light:focus {
  background-color: #222f46;
  border-color: #3a4a68;
  color: #8fd0ff;
}

/* ========== O. LAYER.JS POPUP OVERRIDES ========== */

/* Layer uses inline styles, need !important to override */
.skin-energy-dark .layui-layer {
  background-color: #1c2128 !important;
  border: 1px solid #30363d !important;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5) !important;
}
.skin-energy-dark .layui-layer-title {
  background-color: #21262d !important;
  color: #e6edf3 !important;
  border-bottom: 1px solid #30363d !important;
}
.skin-energy-dark .layui-layer-btn .layui-layer-btn0 {
  background-color: #1f6feb !important;
  border-color: #1f6feb !important;
  color: #fff !important;
}
.skin-energy-dark .layui-layer-btn a {
  color: #c9d1d9 !important;
  background-color: #21262d !important;
  border: 1px solid #30363d !important;
}
.skin-energy-dark .layui-layer-btn a:hover {
  background-color: #30363d !important;
  color: #e6edf3 !important;
}
.skin-energy-dark .layui-layer-setwin a {
  color: #8b949e !important;
}
.skin-energy-dark .layui-layer-dialog .layui-layer-content {
  color: #c9d1d9 !important;
}
.skin-energy-dark .layui-layer-loading .layui-layer-content {
  color: #8b949e !important;
}
.skin-energy-dark .layui-layer-ico {
  /* Keep default icon colors */;
}

/* ========== P. CKEDITOR ADDITIONAL OVERRIDES ========== */

.skin-energy-dark .cke_button_on {
  background: #30363d;
  border-color: #484f58;
}
.skin-energy-dark .cke_button:hover {
  background: #21262d;
}
.skin-energy-dark .cke_button_label {
  color: #c9d1d9;
}
.skin-energy-dark .cke_combo_text {
  color: #c9d1d9;
}
.skin-energy-dark .cke_combo_arrow {
  /* Default styling is OK */;
}
.skin-energy-dark .cke_combo_button {
  background: #21262d;
  border-color: #30363d;
}
.skin-energy-dark .cke_combo_button:hover {
  background: #30363d;
}

/* ========== Q. FILTER-TYPE DROPDOWN (attachment pages) ========== */

.skin-energy-dark .filter-type .btn {
  background: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}
.skin-energy-dark .filter-type .btn:hover {
  background: #30363d;
  color: #e6edf3;
}
.skin-energy-dark .filter-type .dropdown-menu > li.active > a {
  background-color: #4e73df;
  color: #fff;
}

/* ========== R. HELP-BLOCK TEXT ========== */

.skin-energy-dark .help-block {
  color: #8b949e;
}

/* ========== S. BOOTSTRAP-TABLE HARDCODED BORDERS & BACKGROUNDS OVERRIDES ========== */

/* Border overrides — bootstrap-table.css uses #dddddd throughout */
.skin-energy-dark .bootstrap-table .table {
  border-bottom-color: #21262d;
}
.skin-energy-dark .fixed-table-container {
  border-color: #30363d;
}
.skin-energy-dark .fixed-table-footer {
  border-top-color: #30363d;
}
.skin-energy-dark .fixed-table-container thead th {
  border-left-color: #30363d;
}
.skin-energy-dark .fixed-table-container tbody td {
  border-left-color: #30363d;
}
.skin-energy-dark .bootstrap-table .table > thead > tr > th {
  border-bottom-color: #30363d;
}

/* Selected row — #f5f5f5 is too light on dark bg */
.skin-energy-dark .fixed-table-container tbody .selected td {
  background-color: #1c2333;
}

/* Loading overlay — explicitly set dark bg to override bootstrap-table.css #fff */
.skin-energy-dark .fixed-table-loading {
  background-color: rgba(13, 17, 23, 0.9) !important;
}

/* Table cells within fixed-table-body: ensure dark bg and no white flash */
.skin-energy-dark .fixed-table-body table {
  background-color: #161b22;
}
.skin-energy-dark .fixed-table-body table > tbody > tr > td {
  background-color: #161b22;
}
.skin-energy-dark .fixed-table-body table > tbody > tr:nth-of-type(odd) > td {
  background-color: #0d1117;
}
.skin-energy-dark .fixed-table-body table.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #0d1117;
}
.skin-energy-dark .fixed-table-body table.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #161b22;
}

/* Card-view cells (responsive card layout) */
.skin-energy-dark .fixed-table-body .card-view {
  background-color: #161b22;
}

/* No records found text */
.skin-energy-dark .fixed-table-container .no-records-found {
  color: #8b949e;
  background-color: #161b22;
}

/* Th-inner padding within cells — ensure no white flash */
.skin-energy-dark .fixed-table-container thead th .th-inner,
.skin-energy-dark .fixed-table-container tbody td .th-inner {
  background: transparent;
}

/* ========== T. TABLE BACKGROUND HARD FIX ========== */

/* Directly set table background to ensure no white bleed-through.
   !important needed because Bootstrap Table JS may set inline styles. */
.skin-energy-dark .table {
  background-color: #161b22 !important;
}
.skin-energy-dark .table-bordered {
  background-color: #161b22 !important;
}
.skin-energy-dark .table-striped {
  background-color: #161b22 !important;
}
.skin-energy-dark .widget-body .table {
  background-color: #161b22 !important;
}
.skin-energy-dark .panel-body .table {
  background-color: #161b22 !important;
}
.skin-energy-dark .tab-pane .table {
  background-color: #161b22 !important;
}

/* ========== U. LOGIN PAGE ========== */

/* Override body background set in login.html <style> tag */
body.skin-energy-dark {
  background-color: #0a0e14 !important;
  background-image: none !important;
}

/* Login well/card */
.skin-energy-dark .login-screen .well {
  background: #161b22 !important;
  border: 1px solid #30363d;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
}

/* Login header image area */
.skin-energy-dark .login-head {
  background: #21262d;
  border-bottom: 1px solid #30363d;
}

/* Profile avatar border */
.skin-energy-dark .profile-img-card {
  border-color: #30363d;
}

/* Profile name text */
.skin-energy-dark .profile-name-card {
  color: #e6edf3;
}

/* Login form */
.skin-energy-dark #login-form .input-group-addon {
  background-color: #21262d;
  border-color: #30363d;
  color: #c9d1d9;
}

.skin-energy-dark #login-form .form-control {
  background-color: #0d1117;
  border-color: #30363d;
  color: #c9d1d9;
}

.skin-energy-dark #login-form .form-control:focus {
  border-color: #4e9eff;
}

/* Login submit button — override inline style */
.skin-energy-dark #login-form .btn-success {
  background: #4e73df !important;
  border-color: #4e73df;
  color: #fff;
}
.skin-energy-dark #login-form .btn-success:hover {
  background: #5b83f0 !important;
  border-color: #5b83f0;
}

/* Keep login checkbox label */
.skin-energy-dark #login-form .checkbox label {
  color: #c9d1d9;
}

/* Error tips */
.skin-energy-dark #errtips {
  color: #f85149;
  background-color: #2e1c1c;
  border: 1px solid #4a2d2d;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 15px;
}

/* Links */
.skin-energy-dark .login-screen a {
  color: #58a6ff;
}
.skin-energy-dark .login-screen a:hover {
  color: #79c0ff;
}

/* ========== F. PRINT STYLES ========== */
@media print {
  .skin-energy-dark {
    background: #fff !important;
    color: #000 !important;
  }
  .skin-energy-dark .content-wrapper {
    background: #fff !important;
  }
}