/* ============================================================
   SECCIÓN: simple_table_datagrid (ACTUALIZADO)
   ============================================================ */

#simple_table_datagrid {
    font-family: arial, sans-serif;
    font-size: 13px;
    border-collapse: collapse;
    width: 100%;
    background-color: #ffffff;
}

    /* 1. TEXTO DE LAS CELDAS (Letras del DataGrid) */
    #simple_table_datagrid td {
        font-weight: normal;
        border-width: 1px;
        font-size: 13px;
        border-color: #FCFCFC;
        border-style: solid;
        padding: 4px;
        color: #424242; /* Color de las letras en el cuerpo */
    }

    /* 2. ENCABEZADOS (Fondo y Texto Base) */
    #simple_table_datagrid tr > th {
        background: #004750; /* Tu verde oscuro */
        color: #ffffff !important;
        text-align: left;
        font-weight: bold;
        font-size: 13px;
        padding: 4px;
        border: 1px solid #ffffff;
    }

    /* 3. ICONOS (Filtros y Flechas de ordenamiento) */
    /* Esto cambia el color del embudo y las flechas ^ v */
    #simple_table_datagrid th .mud-icon-root {
        color: #ffffff !important;
        fill: #ffffff !important;
    }

    /* 4. BUSCADOR DE COLUMNAS (Texto que escribes y Placeholder) */
    /* Esto cambia el "Filter value" y lo que el usuario escribe */
    #simple_table_datagrid th .mud-input-slot,
    #simple_table_datagrid th .mud-input-slot::placeholder {
        color: #ffffff !important;
        -webkit-text-fill-color: #ffffff !important; /* Fuerza el color en navegadores modernos */
        font-size: 12px;
    }

    /* 5. HOVER DEL ENCABEZADO */
    /* Al pasar el mouse, el fondo cambia a aqua y las letras/iconos a negro */
    #simple_table_datagrid th:hover {
        background: #ceffff;
        color: #000000 !important;
    }

        #simple_table_datagrid th:hover .mud-icon-root,
        #simple_table_datagrid th:hover .mud-input-slot,
        #simple_table_datagrid th:hover .mud-input-slot::placeholder {
            color: #000000 !important;
            fill: #000000 !important;
            -webkit-text-fill-color: #000000 !important;
        }

    /* 6. LÍNEA DEL BUSCADOR */
    #simple_table_datagrid th .mud-input-underline:before {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
    }

    /* Mantén tus estilos de alineación y filas iguales */
    #simple_table_datagrid .link-style {
        font-weight: bold;
        font-size: 13px;
        color: inherit;
        text-decoration: none;
    }

    #simple_table_datagrid .left-align {
        text-align: left;
    }

    #simple_table_datagrid .right-align {
        text-align: right;
    }

    #simple_table_datagrid .center-align {
        text-align: center;
    }

    #simple_table_datagrid tr:nth-child(even) {
        background-color: #ebebeb;
    }

    #simple_table_datagrid tr:hover {
        background-color: #ceffff;
    }



    /*   ESTILO PARA EL FOOTER   */

    #simple_table_datagrid .mud-table-foot {
        background-color: #004750 !important;
    }

        #simple_table_datagrid .mud-table-foot .mud-table-cell {
            color: #ffffff !important;
            font-size: 13px;
            font-weight: bold;
            padding: 4px;
            border: 1px solid #ffffff;
        }

            #simple_table_datagrid .mud-table-foot .mud-table-cell * {
                color: #ffffff !important;
            }