/* COALESIA FORM-UI-3: scoped patient form controls; no validation changes. */
/* Loaded at a new URL independently of the older cached assessment.css. */
body label.primary-shared-confirm {
    display: flex !important;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 10px;
    line-height: 1.5;
    cursor: pointer;
}
body label.primary-shared-confirm > input[type="checkbox"][data-shared-confirm] {
    flex: 0 0 20px !important;
    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    display: inline-block !important;
    margin: 3px 0 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    align-self: flex-start;
    accent-color: var(--primary, #316c55);
}
body label.primary-shared-confirm > span {
    flex: 1 1 auto;
    min-width: 0;
    overflow-wrap: break-word;
}
/* One inset for questionnaire, quick-registration and phone-prefix dropdowns.
   Dynamic phone selects inherit this CSS without replacing their DOM/events.
   Multi-selects/listboxes and unrelated administrative controls are excluded. */
body :is(
    #quickRegistrationForm,
    #newPatientForm,
    #assessmentForm,
    .questionnaire-switch-form,
    .unified-shell,
    .assessment-edit-panel,
    .specialty-shell,
    .coalesia-visits,
    [data-primary-shared],
    .phone-input-group
) select:not([multiple]):is(:not([size]), [size="0"], [size="1"]) {
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 44px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m3 6 5 5 5-5' fill='none' stroke='%23354f45' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 16px 16px !important;
}
@media (forced-colors: active) {
    body :is(
    #quickRegistrationForm,
    #newPatientForm,
    #assessmentForm,
    .questionnaire-switch-form,
    .unified-shell,
    .assessment-edit-panel,
    .specialty-shell,
    .coalesia-visits,
    [data-primary-shared],
    .phone-input-group
) select:not([multiple]):is(:not([size]), [size="0"], [size="1"]) {
        -webkit-appearance: auto !important;
        appearance: auto !important;
        background-image: none !important;
        padding-right: 12px !important;
    }
}
