/* ─── Form Controls ──────────────────────────────────────────────────────── */
.form-group { margin-bottom: 16px; }

.form-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #555;
  margin-bottom: 5px;
}

.form-input {
  display: block;
  width: 100%;
  border: 1.5px solid #e0e0e0;
  border-radius: var(--r);
  padding: 11px 13px;
  font-size: 13px;
  color: var(--ink);
  outline: none;
  font-family: inherit;
  background: var(--surface);
  transition: border-color 0.15s;
}
.form-input:focus        { border-color: var(--ink); }
.form-input::placeholder { color: #bbb; }
.form-input--error       { border-color: var(--red); }

.form-error {
  font-size: 11px;
  color: var(--red);
  margin-top: -10px;
  margin-bottom: 14px;
}