.qp-form-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 16px;
}

.qp-form-field-label {
  font-size: 0.75rem;
  font-weight: 600;
}

.qp-form-field-input {
  height: 40px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--text);
  font-size: 0.875rem;
  font-family: inherit;
}

.qp-form-field-error {
  font-size: 0.75rem;
  color: var(--negative);
  min-height: 1em;
}

.qp-form-field-has-error .qp-form-field-input {
  border-color: var(--negative);
}