/* Gentler field validation notices — replace the old floating red bubble. */
label.error,
.cs-field-error,
.sign-form label.error,
.comn-form-content label.error,
.form-group label.error {
  position: static !important;
  display: block !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  max-width: none !important;
  margin: 6px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #c45c2a !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

label.error:after,
label.error:before,
.sign-form label.error:after,
.sign-form label.error:before {
  display: none !important;
  content: none !important;
  border: 0 !important;
}

/* Dark auth panels (login / signup) */
.cs-login-panel .sign-form label.error,
.cs-login-panel .sign-form .error,
.cs-login-panel .cs-field-error,
.cs-signup-panel .sign-form label.error,
.cs-signup-panel .sign-form .error,
.cs-signup-panel .cs-field-error {
  color: #ffd8a8 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* Soft invalid border instead of harsh red flash */
input.error,
select.error,
textarea.error,
input.cs-field-error,
.form-input.error {
  border-color: rgba(196, 92, 42, 0.55) !important;
}
.cs-login-panel input.error,
.cs-signup-panel input.error {
  border-color: rgba(255, 216, 168, 0.65) !important;
}