/* Дополнительные стили поверх Tailwind */

.form-group input:invalid:not(:placeholder-shown),
.form-group textarea:invalid:not(:placeholder-shown) {
  border-color: #f87171;
}

.form-group input:valid:not(:placeholder-shown),
.form-group textarea:valid:not(:placeholder-shown) {
  border-color: #86efac;
}

#form-status.success {
  background-color: #dcfce7;
  color: #166534;
  border: 1px solid #86efac;
}

#form-status.error {
  background-color: #fee2e2;
  color: #991b1b;
  border: 1px solid #fca5a5;
}

#form-status.info {
  background-color: #dbeafe;
  color: #1e40af;
  border: 1px solid #93c5fd;
}