/* assets/css/components/fields.css — <x-field> family */
.x-field { display: grid; gap: var(--spacing-2); margin-bottom: var(--spacing-4); }
.x-field__label { font-weight: 600; color: var(--text-primary); font-size: 0.9rem; }
.x-field__required { color: var(--color-danger); }
.x-field__help { font-size: 0.85rem; color: var(--text-tertiary); }
.x-field__error { font-size: 0.85rem; color: var(--color-danger); }
.x-field__error[hidden] { display: none; }
.x-field__unit { font-size: 0.85rem; color: var(--text-secondary); }
.x-field--error .input,
.x-field--error .select { border-color: var(--color-danger); }
.x-field--inline { grid-template-columns: auto 1fr auto; align-items: center; }