.slf-field { display: grid; gap: var(--slf-space-2); }
.slf-field__label { color: var(--slf-color-text); font-size: var(--slf-text-sm); font-weight: var(--slf-font-semibold); }
.slf-field__hint { color: var(--slf-color-text-muted); font-size: var(--slf-text-xs); }
.slf-input,
.slf-select,
.slf-textarea {
  width: 100%;
  border: 1px solid var(--slf-color-border-strong);
  border-radius: var(--slf-radius-control);
  background: var(--slf-color-surface);
  color: var(--slf-color-text);
  font: inherit;
  padding: var(--slf-space-3) var(--slf-space-4);
  transition: border-color var(--slf-duration-fast) var(--slf-ease-standard), box-shadow var(--slf-duration-fast) var(--slf-ease-standard);
}
.slf-input:focus,
.slf-select:focus,
.slf-textarea:focus { border-color: var(--slf-color-action); box-shadow: var(--slf-focus-ring); outline: 0; }
.slf-field.is-invalid .slf-input,
.slf-field.is-invalid .slf-select,
.slf-field.is-invalid .slf-textarea { border-color: var(--slf-color-danger); }
.slf-field.is-invalid .slf-field__hint { color: var(--slf-color-danger); }