.mud_card_500 {
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
}

.mud_card_627 {
    margin-left: auto;
    margin-right: auto;
    max-width: 627px;
}

/* Selected Row */
/* Light */
.mud_row_selected_light > td {
    color: rgb(0 0 0) !important;
    font-weight: bold;
    text-shadow: rgb(0 0 0 / 0.063) 1px 1px 1px;
}

.mud_row_selected_batch_light > td {
    color: rgb(65 165 0) !important;
    font-weight: bold;
    text-shadow: rgb(65 165 0 / 0.063) 1px 1px 1px;
}
/* Light */

/* Dark */
.mud_row_selected_dark > td {
    color: rgb(255 255 255) !important;
    font-weight: bold;
    text-shadow: rgb(255 255 255 / 0.125) 1px 1px 1px;
}

.mud_row_selected_batch_dark > td {
    color: rgb(100 255 0) !important;
    font-weight: bold;
    text-shadow: rgb(100 255 0 / 0.063) 1px 1px 1px;
}
/* Dark */
/* Selected Row */

/* Secundary MudTable 1 */
/* Light */
.mud_table_background_1_light {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(237 245 245) !important;
    color: rgb(66 66 66) !important;
}
/* Light */

/* Dark */
.mud_table_background_1_dark {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(37 37 37) !important;
    color: rgb(178 176 191) !important;
}
/* Dark */
/* Secundary MudTable 1 */

/* Secundary MudTable 2 */
/* Light */
.mud_table_background_2_light {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(239 239 239) !important;
    color: rgb(66 66 66) !important;
}
/* Light */

/* Dark */
.mud_table_background_2_dark {
    min-width: 600px;
    max-width: 850px;
    background-color: rgb(40 40 40) !important;
    color: rgb(178 176 191) !important;
}
/* Dark */
/* Secundary MudTable 2 */

/* Selected Row and Current Dark */
.mud_row_selected_current_dark > td {
    text-shadow: rgb(0 0 0 / 0.125) 1px 1px 1px;
    color: rgb(255 0 0) !important;
    font-weight: bold;
}

.mud_row_current_dark > td {
    color: rgb(255 100 0) !important;
}
/* Selected Row and Current Dark */

/* Selected Row and Current Light */
.mud_row_selected_current_light > td {
    text-shadow: rgb(0 0 0 / 0.125) 1px 1px 1px;
    color: rgb(255 100 0) !important;
    font-weight: bold;
}

.mud_row_current_light > td {
    color: rgb(255 0 0) !important;
}
/* Selected Row and Current Light */

/* Orden y alineación uniformes de los botones de acción en TODA la app.
   Regla de la casa: el botón de confirmación va primero (a la izquierda) y el
   de cancelar inmediatamente a su derecha; ambos quedan pegados al borde
   izquierdo de la caja.
   ⚠️ MudBlazor alinea .mud-dialog-actions a la derecha por defecto
   (justify-content: flex-end) y algunos componentes agregaban la utilidad
   "justify-end" (que trae !important), por eso acá también hace falta
   !important. Si alguien necesita excepciones, mejor que las justifique.
   ⚠️ El ORDEN no se puede resolver por CSS: se define en el marcado de cada
   componente .razor. Este bloque solo garantiza la alineación a la izquierda. */
.mud-dialog-actions,
.mud-card-actions {
    justify-content: flex-start !important;
}