/* Shared field backgrounds override module themes without replacing borders or select arrows. */
:is(input, textarea, select, .form-field__input, .phone-input__prefix):not(input:is([type="hidden" i], [type="checkbox" i], [type="radio" i], [type="range" i], [type="color" i], [type="submit" i], [type="reset" i], [type="button" i], [type="image" i])) {
    /* Module selectors have different specificity; this one property is a shared invariant. */
    background-color: #ffffff !important;
}

:is(input, textarea, select, .form-field__input):not(input:is([type="hidden" i], [type="checkbox" i], [type="radio" i], [type="range" i], [type="color" i], [type="submit" i], [type="reset" i], [type="button" i], [type="image" i])):is(:disabled, [disabled], [readonly], [aria-disabled="true"], [aria-readonly="true"], .is-auto-locked),
.form-field.is-inactive :is(input, textarea, select, .form-field__input, .phone-input__prefix):not(input:is([type="hidden" i], [type="checkbox" i], [type="radio" i], [type="range" i], [type="color" i], [type="submit" i], [type="reset" i], [type="button" i], [type="image" i])),
.form-field__input:is(output, div, span, p):not([role="combobox"], [contenteditable="true"]):not(:has(:is(input:not([type="hidden"]), textarea, select, button):not(:disabled, [readonly], [aria-disabled="true"], [aria-readonly="true"]))),
.form-field > .linked-customer,
.phone-input:has(input:is(:disabled, [readonly], [aria-disabled="true"], [aria-readonly="true"], .is-auto-locked)) .phone-input__prefix {
    background-color: #f7f9fc !important;
}