/* Dark Mode Variables & Styles */

body.dark-mode {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

/* Containers principais do dashboard */
body.dark-mode .dashboard-container,
body.dark-mode .dashboard-home {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

/* Páginas específicas do dashboard (lista, pedidos, gateways, configurações, etc.) */
body.dark-mode .dashboard-campaigns,
body.dark-mode .dashboard-order,
body.dark-mode .dashboard-gateways,
body.dark-mode .dashboard-settings,
body.dark-mode .dashboard-statistics,
body.dark-mode .dashboard-ranking,
body.dark-mode .dashboard-users,
body.dark-mode .dashboard-communications,
body.dark-mode .dashboard-search {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
}

body.dark-mode .container-sidebar {
    background-color: #1e1e1e !important;
    border-right: 1px solid #333 !important;
}

body.dark-mode .dashboard-charts,
body.dark-mode .services,
body.dark-mode .content-box,
body.dark-mode .card {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

body.dark-mode h1, 
body.dark-mode h2, 
body.dark-mode h3, 
body.dark-mode h4, 
body.dark-mode h5, 
body.dark-mode h6,
body.dark-mode p,
body.dark-mode label,
body.dark-mode span:not(.bi),
body.dark-mode li,
body.dark-mode i {
    color: #e0e0e0 !important;
}

/* Sidebar */
body.dark-mode .container-sidebar .content-sidebar .toggle-menu-sidebar {
    color: #e0e0e0 !important;
    border-bottom: solid 1px #444 !important;
}

body.dark-mode .container-sidebar .content-sidebar .nav-sidebar ul a li,
body.dark-mode .container-sidebar .content-sidebar .nav-sidebar ul li#theme-toggle,
body.dark-mode .container-sidebar .content-sidebar .logout-sidebar ul a li {
    color: #e0e0e0 !important;
}

body.dark-mode .container-sidebar .content-sidebar .nav-sidebar ul a li:hover,
body.dark-mode .container-sidebar .content-sidebar .nav-sidebar ul li#theme-toggle:hover {
    background-color: #333 !important;
}

body.dark-mode .container-sidebar .content-sidebar .logout-sidebar {
    border-top: solid 1px #444 !important;
}

/* Inputs */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
    background-color: #2c2c2c !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

/* Tabelas */
body.dark-mode table {
    background-color: #1e1e1e !important;
}

body.dark-mode table th {
    background-color: #2c2c2c !important;
    color: #fff !important;
}

body.dark-mode table td {
    border-bottom: 1px solid #333 !important;
    color: #ddd !important;
}

/* Scrollbar */
body.dark-mode ::-webkit-scrollbar-track {
    background: #121212 !important;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #444 !important;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #555 !important;
}

body.dark-mode .container-sidebar::-webkit-scrollbar-track {
    background: #1e1e1e !important;
}

body.dark-mode .container-sidebar::-webkit-scrollbar-thumb {
    background: #555 !important;
}

body.dark-mode .container-sidebar::-webkit-scrollbar-thumb:hover {
    background: #666 !important;
}

/* Cards do dashboard */
body.dark-mode .dashboard-home .services-dashboard-home .services {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
}

body.dark-mode .dashboard-home .services-dashboard-home .services span i {
    background-color: rgba(255, 255, 255, 0.08) !important;
}

body.dark-mode .dashboard-charts {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
}

/* Listas / tabelas de campanhas, pedidos, etc. */
body.dark-mode .dashboard-campaigns .campaigns-container .table-names-campaigns,
body.dark-mode .dashboard-campaigns .campaigns-container .campaigns-grid,
body.dark-mode .dashboard-order .orders-container .table-names-orders,
body.dark-mode .dashboard-order .orders-container .orders-list .order-grid,
body.dark-mode .dashboard-gateways .content-gateways,
body.dark-mode .dashboard-settings .setting-container,
body.dark-mode .dashboard-settings .settings,
body.dark-mode .dashboard-settings .settings-content,
body.dark-mode .dashboard-settings .cutomize-content,
body.dark-mode .dashboard-settings .social-content,
body.dark-mode .dashboard-settings .track-content,
body.dark-mode .dashboard-settings .gateway-content {
    background-color: #1e1e1e !important;
    color: #e0e0e0 !important;
    border-color: #333 !important;
}

/* Títulos e textos principais dentro dos cards */
body.dark-mode .dashboard-gateways h1,
body.dark-mode .dashboard-gateways h4,
body.dark-mode .dashboard-settings h1,
body.dark-mode .dashboard-campaigns h1,
body.dark-mode .dashboard-order h1 {
    color: #e0e0e0 !important;
}

/* Bordas e fundos muito claros das listas */
body.dark-mode .dashboard-campaigns .campaigns-container .campaigns-grid,
body.dark-mode .dashboard-order .orders-container .orders-list .order-grid {
    border-top-color: #333 !important;
}