/* ==========================================
   MODO OSCURO - BRUNELLI APP
   ========================================== */

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

/* Contenido principal */
body.dark-mode .content-wrapper,
body.dark-mode .right-side {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .box,
body.dark-mode .panel,
body.dark-mode .box-body,
body.dark-mode .modal-content {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #3a3a3a !important;
}

body.dark-mode .box-header {
    background-color: #2a2a2a !important;
    border-color: #3a3a3a !important;
    color: #e0e0e0 !important;
}

/* Sidebar (lateral) */
body.dark-mode .main-sidebar,
body.dark-mode .sidebar {
    background-color: #0d0d0d !important;
}

body.dark-mode .sidebar-menu > li > a {
    color: #d0d0d0 !important;
    border-left: 3px solid transparent;
}

body.dark-mode .sidebar-menu > li:hover > a,
body.dark-mode .sidebar-menu > li.active > a {
    background-color: #262626 !important;
    color: #ffffff !important;
}

body.dark-mode .sidebar-menu .treeview-menu > li > a {
    background-color: #151515 !important;
    color: #c0c0c0 !important;
}

body.dark-mode .sidebar-menu .treeview-menu > li > a:hover {
    background-color: #262626 !important;
    color: #ffffff !important;
}

body.dark-mode .user-panel {
    border-color: #3a3a3a !important;
}

/* Header / navbar rojo se mantiene igual, solo ajustamos icono */
body.dark-mode #iconDarkMode {
    color: #ffffff !important;
}

/* Tablas */
body.dark-mode table,
body.dark-mode .table {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .table > thead > tr > th,
body.dark-mode .table > tbody > tr > td {
    border-color: #3a3a3a !important;
}

body.dark-mode .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #262626 !important;
}

body.dark-mode .table-bordered,
body.dark-mode .table-bordered > thead > tr > th,
body.dark-mode .table-bordered > tbody > tr > td {
    border-color: #3a3a3a !important;
}

body.dark-mode .table-hover > tbody > tr:hover {
    background-color: #333333 !important;
}

/* DataTables */
body.dark-mode .dataTables_wrapper,
body.dark-mode .dataTables_filter label,
body.dark-mode .dataTables_length label,
body.dark-mode .dataTables_info {
    color: #e0e0e0 !important;
}

body.dark-mode .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #e0e0e0 !important;
}

/* Formularios / inputs */
body.dark-mode input.form-control,
body.dark-mode select.form-control,
body.dark-mode textarea.form-control {
    background-color: #333333 !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

body.dark-mode input.form-control:focus,
body.dark-mode select.form-control:focus,
body.dark-mode textarea.form-control:focus {
    background-color: #3a3a3a !important;
    color: #ffffff !important;
}

body.dark-mode label {
    color: #d0d0d0 !important;
}

body.dark-mode .select2-container--default .select2-selection--single,
body.dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #333333 !important;
    border-color: #4a4a4a !important;
    color: #e0e0e0 !important;
}

body.dark-mode .select2-dropdown {
    background-color: #2a2a2a !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

body.dark-mode .select2-results__option {
    color: #e0e0e0 !important;
}

body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #E93F1B !important;
}

/* Botones (dejamos los de color como están, solo ajustamos default/white) */
body.dark-mode .btn-default,
body.dark-mode .btn-white {
    background-color: #333333 !important;
    color: #e0e0e0 !important;
    border-color: #4a4a4a !important;
}

/* Breadcrumb / content-header */
body.dark-mode .content-header,
body.dark-mode .breadcrumb {
    background-color: transparent !important;
    color: #e0e0e0 !important;
}

body.dark-mode .breadcrumb > li > a {
    color: #b0b0b0 !important;
}

/* Modales */
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
    border-color: #3a3a3a !important;
}

/* Scrollbar (opcional, estética) */
body.dark-mode ::-webkit-scrollbar {
    width: 10px;
}
body.dark-mode ::-webkit-scrollbar-track {
    background: #1a1a1a;
}
body.dark-mode ::-webkit-scrollbar-thumb {
    background: #4a4a4a;
    border-radius: 5px;
}

/* Textos generales */
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 span, body.dark-mode div {
    color: #e0e0e0;
}

/* Links dentro de tablas / listados que suelen ser azules */
body.dark-mode a {
    color: #6db3f2;
}

body.dark-mode a:hover {
    color: #8ec7f5;
}