/* UI_MIGRATION_PLAN.md F4 — small generic helpers, the "u-" half of the
   k-/u- naming convention (k- = component, u- = utility). Add more only
   as an actual screen phase needs them — see CLAUDE.md. */

.u-truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.u-row {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.u-stack {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.u-between {
  justify-content: space-between;
}

.u-grow {
  flex: 1;
  min-width: 0;
}