/* -------------------------------------------------------- */
/* 🔹 Chip Selector                                         */
/* -------------------------------------------------------- */
/* Compact chip-style selector with wrap layout              */
/* Mirrors chip_selector.dart                                */

.chip-selector {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-s);
}

.chip-selector__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-s) var(--space-l);
  font-family: var(--font-family);
  font-size: var(--text-body-small);
  border-radius: 100px;
  border: 1px solid var(--color-outline);
  background: transparent;
  color: var(--color-on-surface);
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.chip-selector__chip:hover {
  background-color: var(--color-press-highlight);
}

.chip-selector__chip[aria-selected="true"] {
  background-color: var(--color-selected-bg);
  border-color: var(--color-primary);
  color: var(--color-selected-text);
  cursor: default;
}