/* Moments (milestone 458): the pieces the rule editor's picker and the
   Settings section share, so a moment's name and a chip's remove control look
   the same wherever a person meets them. Loaded unscoped by both. */

/* The name as a session reads it in a delivered line — shown as written. */
.moment-name {
  font-family: var(--fs-font-mono);
  color: var(--fs-text-primary);
}

/* The × on a removable chip: quiet until hovered, and keyboard-reachable. */
.chip-remove {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  font: inherit;
  color: var(--fs-text-tertiary);
}
.chip-remove:hover:not(:disabled) { color: var(--fs-text-primary); }
.chip-remove:disabled { opacity: var(--fs-disabled-opacity); cursor: default; }
.chip-remove:focus-visible {
  outline: none;
  box-shadow: var(--fs-focus-ring);
  border-radius: var(--fs-radius-sm);
}