.mud-card-header-colored {
    background-color: var(--mud-palette-primary) !important;
    color: var(--mud-palette-primary-text) !important;
    padding: 16px !important;
}

.mud-dialog-title {
    background-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-text)
}

.selected {
    background-color: var(--mud-palette-info);
    color: white !important;
}
    .selected > td {
        color: white !important;
    }

        .selected > td .mud-input {
            color: white !important;
        }



.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.fade-out {
    animation: fadeOut 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.9);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0.9);
    }
}

/* Общий стиль для карточек */
.card-hover {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    /* Hover-эффект */
    .card-hover:hover {
        transform: scale(1.02); /* Небольшое увеличение размера */
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Добавление тени */
        cursor: pointer; /* Изменение курсора на указатель */
    }