:root {
    --border-color: #e6eaf5;
}

#recruitingQuestionnaireBuilderApp input:not([type="checkbox"]):not([type="radio"]),
#recruitingQuestionnaireBuilderApp .rich-editor-wrapper,
#recruitingQuestionnaireBuilderApp textarea,
.assigned-recruiting-questionnaire-app input:not([type="checkbox"]):not([type="radio"]),
.assigned-recruiting-questionnaire-app select,
.assigned-recruiting-questionnaire-app textarea,
.recruiting-questionnaire-responses-app input:not([type="checkbox"]):not([type="radio"]),
.recruiting-questionnaire-responses-app select,
.recruiting-questionnaire-responses-app textarea {
    flex: 1;
}


#recruitingQuestionnaireBuilderApp input:not([type="checkbox"]):not([type="radio"]),
#recruitingQuestionnaireBuilderApp select,
#recruitingQuestionnaireBuilderApp textarea,
.assigned-recruiting-questionnaire-app input:not([type="checkbox"]):not([type="radio"]),
.assigned-recruiting-questionnaire-app select,
.assigned-recruiting-questionnaire-app textarea,
.recruiting-questionnaire-responses-app input:not([type="checkbox"]):not([type="radio"]),
.recruiting-questionnaire-responses-app select,
.recruiting-questionnaire-responses-app textarea {
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: 5px 10px;
    font-size: 12px;
    transition: all 0.2s;
    background: #fbfcff;
    box-sizing: border-box;
    min-width: 90px;
}


    #recruitingQuestionnaireBuilderApp input:not([type="checkbox"]):not([type="radio"]):focus,
    #recruitingQuestionnaireBuilderApp select:focus,
    #recruitingQuestionnaireBuilderApp textarea:focus,
    .assigned-recruiting-questionnaire-app input:not([type="checkbox"]):not([type="radio"]):focus,
    .assigned-recruiting-questionnaire-app select:focus,
    .assigned-recruiting-questionnaire-app textarea:focus,
    .recruiting-questionnaire-responses-app input:not([type="checkbox"]):not([type="radio"]):focus,
    .recruiting-questionnaire-responses-app select:focus,
    .recruiting-questionnaire-responses-app textarea:focus {
        border-color: #1E5EFF;
        box-shadow: 0 0 0 3px rgba(30,94,255,0.1);
        outline: none;
    }

    #recruitingQuestionnaireBuilderApp input:not([type="checkbox"]):not([type="radio"]):hover,
    #recruitingQuestionnaireBuilderApp select:hover,
    #recruitingQuestionnaireBuilderApp textarea:hover,
    .assigned-recruiting-questionnaire-app input:not([type="checkbox"]):not([type="radio"]):hover,
    .assigned-recruiting-questionnaire-app select:hover,
    .assigned-recruiting-questionnaire-app textarea:hover,
    .recruiting-questionnaire-responses-app input:not([type="checkbox"]):not([type="radio"]):hover,
    .recruiting-questionnaire-responses-app select:hover,
    .recruiting-questionnaire-responses-app textarea:hover {
        border-color: #cfd6e6;
        background: #ffffff;
    }

    #recruitingQuestionnaireBuilderApp input:not([type="checkbox"]):not([type="radio"]):disabled,
    #recruitingQuestionnaireBuilderApp select:disabled,
    #recruitingQuestionnaireBuilderApp textarea:disabled,
    .assigned-recruiting-questionnaire-app input:not([type="checkbox"]):not([type="radio"]):disabled,
    .assigned-recruiting-questionnaire-app select:disabled,
    .assigned-recruiting-questionnaire-app textarea:disabled,
    .recruiting-questionnaire-responses-app input:not([type="checkbox"]):not([type="radio"]):disabled,
    .recruiting-questionnaire-responses-app select:disabled,
    .recruiting-questionnaire-responses-app textarea:disabled {
        background: #f5f7fb;
        cursor: not-allowed;
        opacity: 0.7;
    }

    #recruitingQuestionnaireBuilderApp select option,
    .assigned-recruiting-questionnaire-app select option,
    .recruiting-questionnaire-responses-app select option {
        color: #1d2939;
        background-color: #ffffff;
        padding: 5px 10px;
        border-radius: 10px;
    }

        #recruitingQuestionnaireBuilderApp select option:hover,
        .assigned-recruiting-questionnaire-app select option:hover,
        .recruiting-questionnaire-responses-app select option:hover {
            background-color: #f0f4ff;
            color: #1E5EFF
        }

        #recruitingQuestionnaireBuilderApp select option:checked,
        .assigned-recruiting-questionnaire-app select option:checked,
        .recruiting-questionnaire-responses-app select option:checked {
            background-color: #e6edff;
            color: #1E5EFF;
            font-weight: 600;
        }

    #recruitingQuestionnaireBuilderApp select[size],
    .assigned-recruiting-questionnaire-app select[size],
    .recruiting-questionnaire-responses-app select[size] {
        padding: 0px;
    }

.questionnaire-badge {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 10px;
    padding: 4px 10px;
    border-radius: 20px;
    font-weight: 600;
}

    .questionnaire-badge.questionnaire-question-type {
        color: #4f46e5;
        background: #eef2ff;
    }

    .questionnaire-badge.questionnaire-question-required {
        color: #e11d48;
        background: #fff1f2;
    }

    .questionnaire-badge.questionnaire-question-bounded-field {
        color: #7c3aed;
        background: #f3e8ff;
    }