.form-group { margin-bottom: var(--space-4); }
.form-group label { display: block; font-size: var(--font-size-sm); font-weight: var(--font-weight-medium); color: var(--color-text-secondary); margin-bottom: var(--space-2); }
.clay-input-sm { height: 36px; padding: 8px 12px; font-size: var(--font-size-sm); border-radius: var(--radius-sm); }
.clay-input-md { height: 44px; padding: 12px 16px; font-size: var(--font-size-base); border-radius: var(--radius-md); }
.clay-input-lg { height: 52px; padding: 16px 20px; font-size: var(--font-size-lg); border-radius: var(--radius-md); }
.clay-input:focus { outline: none; box-shadow: var(--shadow-clay-input), var(--shadow-focus); }
.clay-input-error { border-color: var(--border-error); box-shadow: var(--shadow-clay-input), 0 0 0 2px rgba(239,68,68,0.2); }
.clay-textarea { min-height: 100px; padding: 12px 16px; line-height: var(--line-height-normal); resize: vertical; }
.clay-checkbox-box { border-color: var(--color-border); }
.clay-checkbox input:checked + .clay-checkbox-box { background: var(--color-primary); border-color: var(--color-primary); }
.clay-checkbox input:checked + .clay-checkbox-box .clay-checkbox-check { opacity: 1; }
.clay-checkbox .clay-checkbox-check { opacity: 0; }
.clay-radio-dot { border-color: var(--color-border); }
.clay-radio input:checked + .clay-radio-dot { border-color: var(--color-primary); }
.clay-radio input:checked + .clay-radio-dot span { opacity: 1; }
.clay-radio-dot span { opacity: 0; background: var(--color-primary); }