/* uc-field: a labeled form field wrapper (label + control + optional hint/error). Consumes only --uc-*.
   The control itself is .uc-input (or a select/button); .uc-field is the grouping/spacing wrapper.
   .has-error recolours the control border to --uc-danger. */
.uc-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-family:var(--uc-font,system-ui,sans-serif)}
.uc-field-label{font:600 13px/1.4 var(--uc-font,system-ui,sans-serif);color:var(--uc-text)}
.uc-field-hint{font:400 12px/1.4 var(--uc-font,system-ui,sans-serif);color:var(--uc-text-dim)}
.uc-field-error{font:600 12px/1.4 var(--uc-font,system-ui,sans-serif);color:var(--uc-danger);display:none}
.uc-field.has-error .uc-field-error{display:block}
.uc-field.has-error .uc-input,.uc-field.has-error .uc-textarea{border-color:var(--uc-danger)}