/* DanceGrove — quick-filter chip row layout.
   Uses the existing .chip2 token styling from grove.css; this only lays out the row.
   Loaded via the quick-chips partial; additive, no overrides of base tokens. */
.quickchips {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 4px 0 18px;
}
.quickchips .chip2 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  line-height: 1.1;
}
.quickchips .chip2[disabled] {
  opacity: .6;
  cursor: progress;
}
.quickchips-msg {
  font-size: .85em;
}
@media (max-width: 640px) {
  .quickchips {
    gap: 8px;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
  }
  .quickchips .chip2 {
    white-space: nowrap;
    flex: 0 0 auto;
  }
}