/* HCBS — Form layout (labels, rows)
   Control styles: input.css */

/* DAP field pattern (list filters / forms) */
.field {
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
    margin-bottom: var(--space-5);
}

.field:last-child {
    margin-bottom: 0;
}

.field__label {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-text);
}

.field__required {
    color: var(--color-danger);
    margin-left: 2px;
}

.field__hint {
    font-size: var(--font-size-xs);
    color: var(--color-text-muted);
}

.field__error {
    font-size: var(--font-size-xs);
    color: var(--color-danger);
}

label.fld {
    display: block;
    font-weight: 600;
    font-size: 0.78rem;
    margin: 14px 0 6px;
    color: var(--color-slate);
}

.field-row {
    display: flex;
    justify-content: space-between;
    padding: 11px 0;
    border-bottom: 1px solid var(--color-border);
}

.field-row:last-child {
    border: none;
}

.field-row .k {
    color: var(--color-text-muted);
    font-weight: 600;
}