/* Estilos gerais para o tema escuro */
body.dark-theme {
    background-color: #121212;
    color: #e0e0e0;
}

    background-color: #1e1e1e;
}

    background-color: #1E1E1E;
}

    color: #e0e0e0;
}

    background-color: #333333;
}

/* Conteúdo principal */
body.dark-theme .content {
    background-color: #121212;
}

body.dark-theme .table {
    color: #e0e0e0;
}

body.dark-theme .table-bordered,
body.dark-theme .table-bordered td,
body.dark-theme .table-bordered th {
    border-color: #444444;
}

body.dark-theme .table-hover tbody tr:hover {
    background-color: #2c2c2c;
}

/* Botões */
body.dark-theme .btn-primary {
    background-color: #0056b3;
    border-color: #004085;
}

body.dark-theme .btn-danger {
    background-color: #dc3545;
    border-color: #bd2130;
}

body.dark-theme .btn-success {
    background-color: #28a745;
    border-color: #1e7e34;
}

/* Inputs */
body.dark-theme .form-control {
    background-color: #2c2c2c;
    border-color: #444444;
    color: #e0e0e0;
}

body.dark-theme .form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Modal */
body.dark-theme .modal-content {
    background-color: #2c2c2c;
    color: #e0e0e0;
}

body.dark-theme .modal-header {
    background-color: #333333;
    border-bottom-color: #444444;
}

body.dark-theme .modal-footer {
    background-color: #333333;
    border-top-color: #444444;
}

body.dark-theme .close {
    color: #e0e0e0;
}

body.dark-theme .modal-title {
    color: #e0e0e0;
}

/* Estilos gerais do modal (para ambos os temas) */
.modal-content {
    border-radius: 15px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.modal-header {
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.modal-footer {
    border-top: 1px solid #dee2e6;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* Checkbox */
body.dark-theme .custom-control-label::before {
    background-color: #2c2c2c;
    border-color: #444444;
}

body.dark-theme .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff;
    border-color: #007bff;
}

/* Dropdown */
body.dark-theme .dropdown-menu {
    background-color: #2c2c2c;
    border-color: #444444;
}

body.dark-theme .dropdown-item {
    color: #e0e0e0;
}

body.dark-theme .dropdown-item:hover,
body.dark-theme .dropdown-item:focus {
    background-color: #333333;
}

/* Paginação */
body.dark-theme .page-link {
    background-color: #2c2c2c;
    border-color: #444444;
    color: #e0e0e0;
}

body.dark-theme .page-item.active .page-link {
    background-color: #007bff;
    border-color: #007bff;
}

body.dark-theme .page-item.disabled .page-link {
    background-color: #2c2c2c;
    border-color: #444444;
    color: #6c757d;
}

/* Alertas */
body.dark-theme .alert-success {
    background-color: #1e7e34;
    border-color: #1c7430;
    color: #e0e0e0;
}

body.dark-theme .alert-danger {
    background-color: #bd2130;
    border-color: #b21f2d;
    color: #e0e0e0;
}

body.dark-theme .alert-info {
    background-color: #138496;
    border-color: #117a8b;
    color: #e0e0e0;
}

/* Barra de rolagem personalizada para o tema escuro */
body.dark-theme ::-webkit-scrollbar {
    width: 12px;
}

body.dark-theme ::-webkit-scrollbar-track {
    background: #1e1e1e;
}

/* Estilos para o cabeçalho da tabela no modo escuro */
body.dark-theme .table thead th {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-color: #444444;
}

body.dark-theme .table-bordered thead th,
body.dark-theme .table-bordered thead td {
    border-bottom-width: 2px;
    border-color: #444444;
}

/* Se você estiver usando .thead-light, substitua-o por isso no modo escuro */
body.dark-theme .table .thead-light th {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-color: #444444;
}

/* Ajuste adicional para melhorar o contraste entre o cabeçalho e o corpo da tabela */
body.dark-theme .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05);
}

body.dark-theme .table-hover tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.075);
}

body.dark-theme ::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 6px;
    border: 3px solid #1e1e1e;
}

body.dark-theme ::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

/* Estilos específicos para sales.html */
body.dark-theme .card {
    background-color: #1e1e1e;
    border-color: #444444;
}

body.dark-theme .card-header {
    background-color: #2c2c2c;
    border-bottom-color: #444444;
}

body.dark-theme .input-group-text {
    background-color: #2c2c2c;
    border-color: #444444;
    color: #e0e0e0;
}

body.dark-theme .btn {
    color: #e0e0e0;
}

body.dark-theme .btn-primary {
    background-color: #007bff;
    border-color: #007bff;
}

body.dark-theme .btn-danger {
    background-color: #dc3545;
    border-color: #dc3545;
}

body.dark-theme .btn-success {
    background-color: #28a745;
    border-color: #28a745;
}

/* Estilos para o tema escuro das parcelas geradas */
.dark-theme #parcelasGeradas {
    background-color: #1E1E1E;
    color: #fff;
}

.dark-theme #listaParcelas .list-group-item {
    background-color: #444444;
    color: #fff;
    border-color: #555;
}

.dark-theme #listaParcelas .list-group-item:hover {
    background-color: #555;
}

.dark-theme #btnGerarParcelas {
    background-color: #007bff;
    border-color: #007bff;
    color: #fff;
}

.dark-theme #btnGerarParcelas:hover {
    background-color: #0056b3;
    border-color: #0056b3;
}

.dark-theme #parceladoFields input,
.dark-theme #parceladoFields select {
    background-color: #444;
    color: #fff;
    border-color: #555;
}

.dark-theme #parceladoFields input:focus,
.dark-theme #parceladoFields select:focus {
    background-color: #555;
    color: #fff;
    border-color: #007bff;
}

.dark-theme #parceladoFields label {
    color: #fff;
}