/* validation.css — form error states and character counters.
   Moved out of validation.js, which used to inject it at startup. */

/* Field error highlight */
.mk-input-error {
  border-color: #e53935 !important;
  box-shadow: 0 0 0 2px rgba(229,57,53,.18) !important;
  outline: none !important;
}
/* Inline error message */
.mk-field-err {
  display: none;
  color: #e53935;
  font-size: 0.75rem;
  margin-top: 3px;
  font-weight: 500;
  line-height: 1.3;
}
/* Character counter — already in script.js; extend colours here */
.input-char-counter {
  font-size: 0.7rem;
  color: #999;
  text-align: right;
  margin-top: 2px;
  user-select: none;
}
.input-char-counter.warn  { color: #f57c00; font-weight: 600; }
.input-char-counter.limit { color: #e53935; font-weight: 700; }