/* Field component — form control wrapper with label, description, and error */
.mui-field {
display: flex;
flex-direction: column;
gap: 0.375rem;
max-width: 24rem;
}
.mui-field__label {
font-size: 0.875rem;
font-weight: 500;
color: var(--mui-text);
}
.mui-field__required {
color: var(--mui-danger-text);
margin-left: 0.25rem;
}
.mui-field__description {
font-size: 0.8125rem;
color: var(--mui-text-muted);
margin: 0;
}
.mui-field__error {
font-size: 0.8125rem;
font-weight: 500;
color: var(--mui-danger-text);
margin: 0;
}
.mui-field--invalid .mui-field__label {
color: var(--mui-text);
}