gooseNjuice ()

Во втором случае, у тебя в HTML добавлены стили через атрибут style. Они имеют более высокий приоритет, чем стили, которые ты подключаешь из CSS. В данном случае правило "display: none" перекрывает правило "display: flex"

Помогло использовать box-shadow, например стандартно input, не прошедший валидацию, подсвечивается так:
box-shadow: 0 0 2px 1px red;
и проблема с изменением внешнего вида инпутов отвалилась сама при использовании этого параметра