@layer components {

/* ── Field wrapper: label above, control below (Aegis vertical stack) ── */
.ds-field {
  display: inline-flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 180px;
}
.ds-field-label {
  font-family: var(--font-family-sans);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  color: var(--color-accent);
  line-height: 1.4;
  letter-spacing: 0.01em;
  user-select: none;
}
.ds-field-label.is-error { color: var(--color-danger-text); }
.ds-field-label.is-disabled { color: var(--color-text-muted); }

} /* end @layer components */