/*----------------------------------
    Floating Label
----------------------------------*/
.floating-label {
    @apply relative flex-1 min-w-[200px];
}

/*----------------------------------
    Input Group
----------------------------------*/
.input-group {
    @apply flex flex-col flex-1 gap-2;
}

/*----------------------------------
    Readonly
----------------------------------*/
.input-field[readonly], .input[readonly],
.textarea[readonly], .select[readonly], .checkbox-input[readonly] {
    @apply bg-gray-100 pointer-events-none;
    /*
        Styles for readonly input:
        - Gray background color.
    */
}

/*----------------------------------
    Disabled
----------------------------------*/
.input-field[disabled], .input[disabled],
.textarea[disabled], .select[disabled], .checkbox-input[disabled],
.select2-container--disabled {
    @apply bg-gray-100 pointer-events-none;
    /*
        Styles for disabled input:
        - Gray background color with cursor not allowed.
    */
}