/* 부품 「보조 글 · 안내 줄」(552-2) — 색 = 공통 값 · 글 크기 = --text-* */
.ui-text {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
  font-size: var(--text-caption);
  line-height: 1.4;
  color: var(--color-text-secondary);
}
.ui-text[data-text="14"] {
  font-size: var(--text-body-sm);
}
.ui-text--hint {
  color: var(--color-text-secondary);
}
.ui-text--error {
  color: var(--color-danger);
}
.ui-text--warning {
  color: var(--color-warning);
}
.ui-text--success {
  color: var(--color-success);
}
.ui-text__mark {
  flex: none;
  font-weight: var(--font-weight-bold);
}
/* 글 줄 안(span · small) = 줄을 끊지 않는 inline 꼴 · 기호 · 아이콘 사이 = 오른쪽 여백 */
:is(span, small).ui-text {
  display: inline;
}
:is(span, small).ui-text > :is(.ui-text__mark, svg) {
  margin-right: 4px;
  vertical-align: middle;
}

/* 숨김 — display 가 [hidden] 을 덮지 않게(공용 기본 꼴이 안 실린 곳 · 페이지 꾸밈 위에서도) */
.ui-text[hidden] {
  display: none !important;
}