/* 06-components/_field.css — .c-field wraps a label, a control, help and error. */
.c-field { display: flex; flex-direction: column; gap: var(--space-2xs); min-width: 0; }
.c-field__label { font-size: var(--text-sm); font-weight: var(--weight-medium); color: var(--ink-muted); }
.c-field__label[data-required]::after { content: " *"; color: var(--band-danger-ink); }
.c-field__help { font-size: var(--text-xs); color: var(--ink-faint); }
.c-field__error { display: none; font-size: var(--text-xs); color: var(--band-danger-ink); }
.c-field.is-error .c-field__error { display: block; }
.c-field.is-error input, .c-field.is-error select, .c-field.is-error textarea { border-color: var(--band-danger-ink); }
.c-field--inline { flex-direction: row; align-items: center; gap: var(--space-xs); }
.c-field--inline .c-field__label { margin: 0; }
.c-field--check { flex-direction: row; align-items: center; gap: var(--space-xs); font-size: var(--text-md); color: var(--ink); }
.c-field--check input { width: 1rem; height: 1rem; }
@media (pointer: coarse) { .c-field--check { min-height: var(--height-control); } }