/* CHIPS, SEGMENTED CONTROL, BADGES, TAGS, STATUS — ported verbatim from reference/css/components.css (lines 220-279). Global, in the reference order. */
.lm-chip {
  display: inline-flex; align-items: center; justify-content: center; gap: var(--wp--preset--spacing--20);
  min-height: var(--wp--custom--control--sm); padding-inline: var(--wp--preset--spacing--50);
  border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line-strong);
  border-radius: var(--wp--custom--radius--pill);
  font-size: var(--wp--preset--font-size--ui); font-weight: var(--wp--custom--font-weight--semibold);
  line-height: var(--wp--custom--line-height--control);
  color: var(--wp--preset--color--secondary); white-space: nowrap; cursor: pointer;
  transition: border-color var(--wp--custom--motion--fast) ease, color var(--wp--custom--motion--fast) ease, background-color var(--wp--custom--motion--fast) ease;
}
.lm-chip:hover { border-color: var(--wp--preset--color--accent-line); color: var(--wp--preset--color--contrast); }
.lm-chip.is-selected { background: var(--wp--preset--color--accent); border-color: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); font-weight: var(--wp--custom--font-weight--bold); }
.lm-chip--sm { min-height: var(--wp--custom--control--xs); padding-inline: var(--wp--preset--spacing--30); font-size: var(--wp--preset--font-size--caption); }
.lm-chip--soft.is-selected { background: var(--wp--preset--color--accent-tint-strong); color: var(--wp--preset--color--accent); }

.lm-segmented {
  display: inline-flex; gap: 2px; padding: var(--wp--preset--spacing--10);
  background: var(--wp--preset--color--fill-strong); border-radius: var(--wp--custom--radius--pill);
}
.lm-segmented__btn {
  min-height: var(--wp--custom--control--xs); padding-inline: var(--wp--preset--spacing--40);
  border-radius: var(--wp--custom--radius--pill);
  font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--bold);
  line-height: var(--wp--custom--line-height--control); color: var(--wp--preset--color--secondary);
  transition: background-color var(--wp--custom--motion--fast) ease, color var(--wp--custom--motion--fast) ease;
}
.lm-segmented__btn.is-selected { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); }

.lm-badge {
  display: inline-flex; align-items: center; min-height: 28px; padding-inline: var(--wp--preset--spacing--30);
  border-radius: var(--wp--custom--radius--pill);
  font-size: var(--wp--preset--font-size--tiny); font-weight: var(--wp--custom--font-weight--bold);
  line-height: 1; letter-spacing: var(--wp--custom--letter-spacing--caps); text-transform: uppercase; white-space: nowrap;
}
.lm-badge--glass {
  background: var(--wp--preset--color--glass); color: var(--wp--preset--color--contrast);
  border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.lm-badge--count { min-height: 20px; min-width: 20px; justify-content: center; padding-inline: var(--wp--preset--spacing--10); background: var(--wp--preset--color--muted); color: var(--wp--preset--color--base); letter-spacing: 0; }

.lm-tag {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--20);
  min-height: var(--wp--custom--control--xs); padding-inline: var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--accent-tint-strong); color: var(--wp--preset--color--accent);
  border-radius: var(--wp--custom--radius--pill);
  font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--bold);
  line-height: var(--wp--custom--line-height--control); white-space: nowrap;
}
.lm-tag--solid { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--ink); }
.lm-tag--neutral { background: var(--wp--preset--color--fill-strong); color: var(--wp--preset--color--contrast); }

.lm-status {
  display: inline-flex; align-items: center; gap: var(--wp--preset--spacing--20);
  font-size: var(--wp--preset--font-size--small); font-weight: var(--wp--custom--font-weight--semibold);
  line-height: var(--wp--custom--line-height--control); color: var(--wp--preset--color--secondary);
}
.lm-status::before { content: ""; width: 8px; height: 8px; flex-shrink: 0; border-radius: var(--wp--custom--radius--pill); background: var(--wp--preset--color--success); }
.lm-status--pill { min-height: 36px; padding-inline: var(--wp--preset--spacing--40); border: var(--wp--custom--border--hairline) solid var(--wp--preset--color--line-strong); border-radius: var(--wp--custom--radius--pill); }
.lm-status--success { color: var(--wp--preset--color--success); }