.flex-basis-20 {
    div:has(>&) {
        flex: 0 1 20%;
    }
}

.mud-dialog {
    border-radius: var(--asap-border-radius-secondary) !important;
    border: 2px var(--asap-gray-primary) solid !important;

    & [tabindex="-1"] {
        height: 100%;
    }
    
    &:has(.dialog-processing) .mud-button-close {
        display: none;
    }
}

.mud-dialog.asap-dialog {
    display: grid;
    padding: 20px !important;

    & .mud-dialog-title {
        grid-row: 1;
        grid-column: 1;

        height: fit-content;
        width: fit-content;

        justify-self: end;

        z-index: -1;

        & .mud-typography {
            display: none;
        }

        & .mud-button-close {
            border-radius: var(--asap-border-radius-tertiary);
            padding: 5px;
        }
    }

    & > div {
        grid-row: 1;
        grid-column: 1;
    }

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

.mud-form {
    display: flex;
    flex-direction: column;

    gap: 10px;
}

.mud-table:not(.mud-simple-table) {
    border-top-left-radius: var(--asap-border-radius-primary);
    border-top-right-radius: var(--asap-border-radius-primary);

    border: 2px var(--asap-gray-primary) solid !important;
    border-bottom: none;

    & .mud-table-head {
        & .mud-table-row .mud-table-cell {
            border: none !important;
        }
    }
}

.mud-popover.mud-popover-open {
    border-bottom-left-radius: var(--asap-border-radius-secondary);
    border-bottom-right-radius: var(--asap-border-radius-secondary);

    &:has(.asap-navbar-user-list) {
        border-bottom-left-radius: var(--asap-border-radius-tertiary);
        border-bottom-right-radius: var(--asap-border-radius-tertiary);
    }

    &.asap-popover-small {
        border-bottom-left-radius: var(--asap-border-radius-tertiary);
        border-bottom-right-radius: var(--asap-border-radius-tertiary);

        & .mud-list-item-icon:has(.mud-icon-size-small) {
            min-width: 28px !important;
        }
    }
}


.mud-picker-inline-paper {
    border-radius: var(--asap-border-radius-primary);

    & .mud-picker {
        border-radius: var(--asap-border-radius-primary);
    }
}

.mud-select.mud-select-compact {
    margin: 0 !important;

    & .mud-input {
        margin: 0 !important;

        & .mud-input-slot {
            padding: 0 !important;
        }
    }
}

.mud-select {
    & .mud-input-filled {
        border-radius: var(--asap-border-radius-secondary);
    }
}

.mud-input-control.asap-verdict-kind-selector {
    & .mud-radio-group {
        display: flex;
        flex-direction: column;
        gap: 5px;

        & .mud-radio {

            margin: 0 !important;

            &:hover:not(:has(.mud-checked)) {
                background-color: var(--asap-gray-tertiary);
                border-radius: var(--asap-border-radius-tertiary);
            }

            &:has(.mud-checked) {
                background-color: var(--checked-background-color);
                border-radius: var(--asap-border-radius-tertiary);
            }

            & .mud-icon-button:hover {
                background-color: transparent !important;
            }

            & .mud-icon-root {
                transition: none !important;
            }

            & .mud-checked .mud-icon-root {
                fill: white !important;
            }

            & .mud-checked ~ .mud-typography {
                color: white !important;
            }
        }
    }
}

.mud-input-control.compact {
    flex-grow: 0 !important;
}

.mud-stepper-content .mud-collapse-container {
    height: auto!important;
}

.mud-step {
    width: 100%;
    display: flex;
    justify-content: start;
    border-radius: var(--asap-border-radius-tertiary);
}