/* Compatibilidad MudBlazor con estilos existentes */

/* Reset de algunos estilos de MudBlazor */
.mud-typography-h4 {
    margin-bottom: 0 !important;
}

/* Hacer que las cards se vean mejor */
.mud-card {
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
}

    .mud-card:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    }

/* Avatares más bonitos */
.mud-avatar {
    font-weight: 600 !important;
}

/* Botones con mejor aspecto */
.mud-button {
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* Mejorar inputs */
.mud-input-outlined .mud-input-outlined-border {
    transition: all 0.2s ease !important;
}

/* Chips más bonitos */
.mud-chip {
    font-weight: 500 !important;
}

/* Grid spacing fix */
.mud-grid {
    margin: -8px !important;
}

.mud-grid-item {
    padding: 8px !important;
}

/* Compatibilidad con Bootstrap */
.d-flex {
    display: flex !important;
}

.justify-end {
    justify-content: flex-end !important;
}

.align-center {
    align-items: center !important;
}

.text-center {
    text-align: center !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

/* Margins y paddings */
.mb-3 {
    margin-bottom: 1rem !important;
}

.mb-4 {
    margin-bottom: 1.5rem !important;
}

.mt-2 {
    margin-top: 0.5rem !important;
}

.mt-3 {
    margin-top: 1rem !important;
}

.mt-4 {
    margin-top: 1.5rem !important;
}

.pa-8 {
    padding: 2rem !important;
}

.px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.mr-1 {
    margin-right: 0.25rem !important;
}

.mr-2 {
    margin-right: 0.5rem !important;
}

.mr-3 {
    margin-right: 0.75rem !important;
}

/* Fix para el container principal */
.page-content > .mud-container {
    padding-top: 0 !important;
}

/* Mejorar la paginación */
.mud-pagination-item {
    min-width: 32px !important;
    height: 32px !important;
}