/* Qweekle-inspired NetHelium Dashboard Styles - Colors Only */

/* Color Variables */
:root {
  --primary-anthracite: #3d3d3d;
  --dark-anthracite: #2d2d2d;
  --light-anthracite: #4d4d4d;
  --very-light-anthracite: #e8e8e8;
  --accent-red: #e26161;
  --accent-yellow: #edd173;
  --neutral-gray: #666666;
  --light-gray: #c6c6c6;
  --bg-light: #f8f9fa;
  --white: #ffffff;
  --text-dark: #2d2d2d;
  --success: #1ab394;
  --warning: #f8ac59;
  --danger: #ed5565;
  --info: #23c6c8;
}

/* Navigation Sidebar */
.navbar-static-side {
  background: var(--primary-anthracite) !important;
}

.sidebar-collapse {
  background: var(--primary-anthracite) !important;
}

.sidebar-collapse .nav-header .app-logo {
  padding: 15px 7px !important;
}

/* Logo Section */
.nav-header {
  background: var(--primary-anthracite) !important;
}

.app-logo img {
    margin: auto !important;
}

/* Mini Navbar Logo Section */
body.mini-navbar .nav-header {
  background: var(--primary-anthracite) !important;
}

/* Body Background */
body {
  background-color: var(--white) !important;
}

/* Gray Backgrounds */
.gray-bg {
  background-color: var(--white) !important;
}

.bg-muted {
  background-color: var(--white) !important;
}

/* Additional Navigation Fixes */
.navbar-default {
  background: var(--primary-anthracite) !important;
}

.navbar-default .navbar-nav > li > a {
  color: var(--white) !important;
}

.navbar-default .navbar-brand {
  color: var(--white) !important;
}

/* Logo Header Background Fix */
.nav-header, 
.navbar-static-side .nav-header,
body.mini-navbar .navbar-static-side .nav-header {
  background: var(--primary-anthracite) !important;
}

.navbar-top-links li a {
  color: var(--white) !important;
}

.navbar-top-links li a:hover {
  background: var(--light-anthracite) !important;
  color: var(--white) !important;
}



/* Additional sidebar fixes */
.metismenu {
  background: transparent !important;
}

/* Page wrapper background */
#page-wrapper {
  background: var(--white) !important;
}

/* Breadcrumb and nav elements */
.breadcrumb {
  background: var(--white) !important;
}

/* Form controls with dark background */
.form-control:focus {
  border-color: var(--primary-anthracite) !important;
}

/* Button primary fixes */
.btn-primary {
  background: var(--primary-anthracite) !important;
  border-color: var(--primary-anthracite) !important;
}

.btn-primary:hover {
  background: var(--dark-anthracite) !important;
  border-color: var(--dark-anthracite) !important;
}

/* Navigation Menu */
#side-menu > li > a {
  color: var(--white) !important;
}

#side-menu > li > a:hover,
#side-menu > li > a:focus {
  background: rgba(255, 255, 255, 0.15) !important;
  color: var(--white) !important;
}

/* Sub-menu */
.nav-second-level {
  background: rgba(255, 255, 255, 0.05) !important;
}

.nav-second-level li a {
  color: var(--white) !important;
}

.nav-second-level li a:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--white) !important;
}

/* Top Navigation */
.navbar-static-top {
  background: var(--white);
  border-bottom: 1px solid rgba(61, 61, 61, 0.15);
}

/* Minimize Button */
.minimalize-styl-2 {
  background: var(--primary-anthracite) !important;
  color: var(--white) !important;
}

.minimalize-styl-2:hover {
  background: var(--dark-anthracite) !important;
}

/* Return Button */
.return-to-qweekle {
  background: var(--dark-anthracite) !important;
  color: var(--white) !important;
}

.return-to-qweekle:hover {
  background: var(--light-anthracite) !important;
}

/* Widget Containers */
.ibox {
  background: var(--white);
  border: 1px solid rgba(61, 61, 61, 0.15);
}

/* Widget Headers */
.ibox-title {
  background: var(--primary-anthracite) !important;
  color: var(--white) !important;
}

.ibox-title h5 {
  color: var(--white) !important;
}

.ibox-title .bg-muted {
  background: var(--bg-muted) !important;
  color: var(--text-white) !important;
}

.ibox-title i {
  color: var(--white) !important;
}

/* Statistics Cards */
.campaigns_stats .col-xxl-3 .ibox {
  background: var(--white);
}

.campaigns_stats .col-xxl-3 .ibox:hover {
  border-color: var(--primary-anthracite);
}

.campaigns_stats .ibox-title {
  background: var(--primary-anthracite) !important;
  color: var(--white) !important;
}

.campaigns_stats h1 {
  color: var(--text-dark);
}

/* Labels */
.label-info {
  background: var(--info);
  color: var(--white);
}

.label-success {
  background: var(--success);
  color: var(--white);
}

.label-primary {
  background: var(--primary-anthracite);
  color: var(--white);
}

.label-warning {
  background: var(--warning);
  color: var(--white);
}

.label-danger {
  background: var(--danger);
  color: var(--white);
}

/* Tables */
.table-v2 {
  background: var(--white);
}

.table-v2 thead {
  background: var(--bg-light);
}

.table-v2 th {
  color: var(--text-dark);
}

.table-v2 td {
  border-color: rgba(61, 61, 61, 0.1);
}

.table-v2 tbody tr:hover {
  background: rgba(61, 61, 61, 0.05);
}

/* Campaign Links */
.table-v2 a.smart {
  color: var(--text-dark);
}

.table-v2 a.smart:hover {
  color: var(--primary-anthracite);
}

/* Statistics Text Colors */
.text-info {
  color: var(--info) !important;
}

.text-success {
  color: var(--success) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.t-primary {
  color: var(--primary-anthracite) !important;
}

/* Action Buttons */
.btn-group .btn-sm {
  background: var(--bg-light);
  border: 1px solid var(--light-gray);
  color: var(--neutral-gray);
}

.btn-group .btn-sm:hover {
  background: var(--primary-anthracite);
  color: var(--white);
  border-color: var(--primary-anthracite);
}

/* Dropdown Filters */
.dropdown-menu {
  border: 1px solid rgba(61, 61, 61, 0.2);
}

.dropdown-menu input[type="date"] {
  border: 1px solid var(--light-gray);
}

.dropdown-menu .btn-primary {
  background: var(--primary-anthracite);
}

.dropdown-menu .btn-primary:hover {
  background: var(--dark-anthracite);
}

/* Credits Section */
.credits .ibox-content h3 {
  color: var(--text-dark);
}

.credits small {
  color: var(--neutral-gray);
}

/* Footer */
.footer {
  background: var(--dark-anthracite);
  color: rgba(255, 255, 255, 0.8);
}

/* Loading Modal */
.sk-spinner {
  color: var(--primary-anthracite);
}

/* Hover Effects */
.icon-link {
  color: var(--primary-anthracite);
}

.icon-link:hover {
  color: var(--dark-anthracite);
}

/* Custom Scrollbar */
::-webkit-scrollbar-track {
  background: var(--bg-light);
}

::-webkit-scrollbar-thumb {
  background: var(--primary-anthracite);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--dark-anthracite);
}

/* Utility Classes */
.text-gradient {
  background: linear-gradient(135deg, var(--primary-anthracite), var(--dark-anthracite));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.bg-gradient-primary {
  background: linear-gradient(135deg, var(--primary-anthracite) 0%, var(--dark-anthracite) 100%);
}

/* Active Elements */
li.active a,
.pagination li.active a {
  background: #5a5a5a !important;
  color: var(--white) !important;
  border-color: #5a5a5a !important;
}

li.active a:hover,
.pagination li.active a:hover {
  background: var(--light-anthracite) !important;
  color: var(--white) !important;
}