.ng-touched.ng-invalid:not(form),
.ng-dirty.ng-invalid:not(form) {
  background: #fff;
  border: 2px solid #ef4444; /* Tailwind red-500 */
  border-radius: 0.75rem;
  box-shadow: 0 0 0 2px #fee2e2;
  outline: none;
  transition: border-color 0.25s, box-shadow 0.25s;
}

.ng-touched.ng-valid[required],
.ng-dirty.ng-valid[required],
.ng-touched.ng-valid.required,
.ng-dirty.ng-valid.required {
  background: #fff;
  border: 2px solid #22c55e; /* Tailwind green-500 */
  border-radius: 0.75rem;
  box-shadow: 0 0 0 2px #bbf7d0;
  outline: none;
  transition: border-color 0.25s, box-shadow 0.25s;
}