/* ==========================================================================
   HassleFreeBooks — money fields (money-input.js)
   ==========================================================================
   Amount inputs are type="text" data-money. This file styles the one state the
   script adds: a field whose text is not an amount, plus the sentence under it.
   ========================================================================== */

input[data-money] {
  font-variant-numeric: tabular-nums;
}

input[data-money].money-input--invalid {
  border-color: var(--color-danger, #e03e3e);
  box-shadow: 0 0 0 1px var(--color-danger, #e03e3e);
}

.money-input__error {
  display: block;
  margin-top: var(--space-1, 0.25rem);
  font-size: var(--font-size-sm, 0.8125rem);
  line-height: var(--line-height-tight, 1.25);
  color: var(--color-danger-text, #a12d2d);
}

.money-input__error[hidden] {
  display: none;
}