/*ESTILOS LOCAIS APENAS PARA ESTA FERRAMENTA */

    /* Container isolado - NÃO afeta outras páginas */
    .force-light-container,
    .force-light-container * {
        --body-bg: white !important;
        --text-color: #212529 !important;
        --card-bg: white !important;
        --input-bg: white !important;
        --btn-primary-bg: #0d6efd !important;
        --btn-primary-color: white !important;
        --btn-primary-border: #0d6efd !important;
        --border-color: #dee2e6 !important;
        color-scheme: light only !important;
    }
    
    /* Sobrescreve especificamente os botões */
    .force-light-container .btn-primary {
        background-color: #0d6efd !important;
        color: white !important;
        border-color: #0d6efd !important;
    }
    
    .force-light-container .btn-primary:hover {
        background-color: #0b5ed7 !important;
        border-color: #0a58ca !important;
    }
    
    /* Sobrescreve inputs */
    .force-light-container .form-control,
    .force-light-container .form-select {
        background-color: white !important;
        color: #212529 !important;
        border-color: #ced4da !important;
    }
    
    /* Sobrescreve cards e modais */
    .force-light-container .modal-content,
    .force-light-container .card {
        background-color: white !important;
        color: #212529 !important;
    }
    
    /* Garante que dentro do container é sempre claro */
    .force-light-container [data-dark-mode="true"] {
        all: unset !important;
    }
    
    /* DENTRO DO force-light-container, card-title SEMPRE PRETO */
    .force-light-container .card .card-title,
    .force-light-container .card:hover .card-title {
        color: #212529 !important; /* Preto sólido do Bootstrap */
    }

    /* Se tiver usando variáveis, força também: */
    .force-light-container {
        --bs-body-color: #212529 !important;
        --bs-card-title-color: #212529 !important;
    }

    /* Garante que todos os títulos dentro do container sejam pretos */
    .force-light-container .card-title,
    .force-light-container .card-header h1,
    .force-light-container .card-header h2,
    .force-light-container .card-header h3,
    .force-light-container .card-header h4,
    .force-light-container .card-header h5,
    .force-light-container .card-header h6 {
        color: #212529 !important;
    }
    
    /* LIST-GROUP-ITEM com texto escuro */
    .force-light-container .list-group-item {
        color: #212529 !important;
        background-color: #fff !important;
        border-color: #dee2e6 !important;
    }

    /* Texto dentro do list-group-item */
    .force-light-container .list-group-item span {
        color: #212529 !important;
    }

    /* Hover também escuro */
    .force-light-container .list-group-item:hover {
        color: #212529 !important;
        background-color: #f8f9fa !important;
    }

    /* Todos os btn-close dentro do force-light-container */
    .force-light-container .btn-close {
        filter: invert(1) grayscale(100%) brightness(0.3) !important;
    }

    /* Ou usando a variável do Bootstrap */
    .force-light-container .btn-close {
        --bs-btn-close-color: #000 !important;
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") !important;
    }

    /* FORÇA text-muted a ser escuro dentro do container */
.force-light-container .text-muted {
    color: #6c757d !important; /* Cinza escuro do Bootstrap */
}

/* FORÇA text-dark a realmente ser escuro */
.force-light-container .text-dark {
    color: #212529 !important; /* Preto do Bootstrap */
}

/* Elementos específicos com ambas classes */
.force-light-container .text-dark.text-muted {
    color: #495057 !important; /* Um tom médio entre os dois */
}

/* Para listas com essas classes */
.force-light-container ul.text-muted,
.force-light-container ul.text-dark {
    color: #495057 !important;
}

.force-light-container ul.text-muted li,
.force-light-container ul.text-dark li {
    color: #495057 !important;
}