/* ============================================================
 * File: css/tools/text.css
 * Module: Tool CSS — Text Utilities
 * ============================================================ */

/* Stats pills */

.dt-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.dt-stat {
  display: inline-flex;
  align-items: center;
  gap: 4px;

  padding: 1px 8px;
  border-radius: var(--radius-full);
  border: var(--border-thin) solid var(--color-border);
  background-color: var(--color-surface);

  font-size: 10px;
  color: var(--color-text-muted);
}

.dt-stat__value {
  color: var(--color-text);
  font-weight: var(--fw-semibold);
  font-variant-numeric: tabular-nums;
}

/* Operation chips */

.dt-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}