/* Truncate cell text de MudDatagrid Clase para truncar texto con puntos suspensivos */
.cell-text-truncate {
    min-width: var(--col-width, 30px);
    max-width: var(--col-width, 150px);
    width: 100%;
    white-space: nowrap; /* Evita que el texto salte a la siguiente línea */
    overflow: hidden; /* Esconde el texto que se sale del contenedor */
    text-overflow: ellipsis; /* Agrega los "..." al final */
    /* Agregando espacio */
    /*display: inline-block;          !* Importante para que respete el max-width, Asegura que el elemento ocupe su propio espacio *!*/
}
/* Clases utilitarias predefinidas */
.w-50  {--col-width: 50px;}
.w-100 {--col-width: 100px;}
.w-150 {--col-width: 150px;}
.w-200 {--col-width: 200px;}
.w-250 {--col-width: 250px;}
.w-300 {--col-width: 300px;}
.w-350 {--col-width: 350px;}
.w-400 {--col-width: 400px;}
.w-500 {--col-width: 500px;}


/* Clases utilitarias para MIN-WIDTH (mw) */
.mw-50  { --min-col-width: 50px;}
.mw-100 { --min-col-width: 100px;}
.mw-150 { --min-col-width: 150px;}
.mw-200 { --min-col-width: 200px;}
.mw-250 { --min-col-width: 250px;}
.mw-300 { --min-col-width: 300px;}
.mw-350 { --min-col-width: 350px;}
.mw-400 { --min-col-width: 400px;}
.mw-500 { --min-col-width: 500px;}


/* Estilo para la fila seleccionada */
.selected-row-style {
    background-color: var(--mud-palette-primary-lighten) !important;
    color: var(--mud-palette-primary-text) !important;
    cursor: default;
}

/* Opcional: un efecto sutil al pasar el mouse sobre la seleccionada */
.selected-row-style:hover {
    background-color: var(--mud-palette-primary-darken) !important;
}


/* Cambia el cursor a mano en todas las filas del cuerpo de la tabla */
.cursor-pointer-row .mud-table-row {
    cursor: pointer;
}


.custom-grid-font .mud-table-cell {
    font-size: 12px !important;
}

/* Opcional: Reducir también el tamaño de los encabezados */
.custom-grid-font .mud-table-head .mud-table-cell {
    font-size: 12px;
    font-weight: bold;
}