/* uom-pill -inline unit-conversion hint chip. Smaller and quieter
 * than .chip, used to surface UoM derivations (e.g. "cup → L · 0.24L
 * per cup") in dense BOM rows where a full chip would crowd the row.
 *
 * Composes:
 *   .uom-pill                       -default (neutral surface)
 *   .uom-pill--info                 -info-tinted (default conversion)
 *   .uom-pill--warning              -warning-tinted (lossy conversion)
 *
 * Reuse beyond recipes: inventory counts (kitchen-unit display),
 * costing reports (per-unit price reconciliation).
 *
 * Legacy alias: ``.recipes-uom-pill`` from the v0 recipe configurator
 * is kept so prod renders cleanly while the template migrates.
 */

.uom-pill,
.recipes-uom-pill {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 6px;
  border-radius: var(--radius-xs);
  background: var(--surface-soft);
  border: 1px solid var(--divider);
  font-size: var(--font-size-nano);
  font-weight: 700;
  color: var(--muted);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
  white-space: nowrap;
}

.uom-pill--info,
.recipes-uom-pill.info {
  background: var(--info-bg);
  border-color: var(--info-border);
  color: var(--info);
}

.uom-pill--warning,
.recipes-uom-pill.warning {
  background: var(--warning-bg);
  border-color: var(--warning-border);
  color: var(--warning);
}

.uom-pill svg,
.recipes-uom-pill svg {
  width: 11px;
  height: 11px;
  stroke: currentColor;
  fill: none;
  stroke-width: 2;
  flex-shrink: 0;
}