/* 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;}


 
.selected-row-style {
    /* Usamos el color primario con una opacidad calculada por el tema */
    background-color: rgba(var(--mud-palette-primary-rgb), 0.2) !important;
    transition: background-color 0.2s ease;
    cursor: default;
}

.selected-row-style:hover {
    background-color: rgba(var(--mud-palette-primary-rgb), 0.3) !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;
}

/* Clase personalizada para truncar texto de forma segura */
.truncate-text {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    display: block !important;
    width: 100%;
}

.main-container {
    /* Usa 100% en lugar de 100vw para evitar desbordamiento por scrollbar */
    width: 100%;
    /* 100svh es superior a dvh para pantallas fijas tipo Login */
    height: 100svh;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    overflow: hidden;
    align-items: center;
}


/* Solo aplica en pantallas móviles */
@media (max-width: 600px) {
    .mud-dialog-container .mud-dialog {
        margin: 1px !important;
        max-width: calc(100% - 1px) !important;
        width: 100% !important;
    }

    .mud-dialog .mud-dialog-content {
        padding: 4px 4px !important;
    }

    .mud-dialog .mud-dialog-title {
        padding: 12px 12px 4px 12px !important;
    }
}