body,
.profile-content {
    background-color: #f4f6f8 !important;
}

.mud-main-content.profile-content {
    padding-top: 16px !important; /* مقدار فاصله از بالا، می‌توانید آن را به 1rem یا 0 هم تغییر دهید */
}

/* اعمال فونت فارسی به تمام کامپوننت‌های MudBlazor */
.mud-main-content, .mud-dialog, .mud-snackbar, .mud-input, .mud-button {
    font-family: 'Yekan', Tahoma, sans-serif;
}

.mud-input-label {
    right: 0 !important;
    left: auto !important;
    transform-origin: top right !important;
}

    .mud-dialog .mud-dialog-content {
        text-align: right !important;
        direction: rtl !important;
    }

.mud-data-grid-filter-menu {
    max-width: 250px !important;
    overflow-x: hidden;
}
    /* در صورت نیاز برای پنهان کردن فضاهای خالی دکمه‌ها */
    .mud-data-grid-filter-menu .mud-card-actions {
        justify-content: space-between !important;
    }

/* اصلاح جایگاه دکمه‌های تایید و انصراف در MudMessageBox برای حالت RTL */
.mud-dialog-actions {
    flex-direction: row-reverse !important;
    justify-content: flex-end !important;
}

.mud-dialog .mud-dialog-title .mud-button-close {
    left: 8px !important;
    right: unset !important;
}


.mud-alert-position {
    flex: unset !important;
}

.ltr-input-container input,
.ltr-input {
    direction: ltr !important;
    text-align: left !important;
}

/*MudDialog*/
.custom-large-dialog {
    max-width: 1300px !important;
    width: 90vw !important;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    transform: translate(-2px, -7px) scale(0.75) !important;
}

.mud-input-label-outlined {
    padding: 0px 16px !important;
}