/* Inline reference chip: a real DOM capsule (the three-layer backdrop trick
   and its advance-preserving constraints are gone — background, padding,
   radius, and label truncation are ordinary styles here). Vertical metrics
   stay inside the composer's 24px line so a chip never changes line height. */

.chip {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  max-width: 240px;
  padding: 0 6px;
  border-radius: 6px;
  vertical-align: bottom;
  line-height: 22px;
  height: 22px;
  background: var(--dsw-alias-interactive-bg-hover);
  color: var(--dsw-alias-state-business-primary);
  user-select: none;
  cursor: default;
}

.marker {
  flex: none;
  font-weight: 500;
}

.icon {
  flex: none;
}

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

.invalid {
  color: var(--dsw-alias-state-error-primary);
  text-decoration: line-through;
  opacity: 0.7;
}
