/* ─────────────────────────────────────────────────
   CCS BOT — Quick Reply Chips
   Add this block anywhere in your style.css
───────────────────────────────────────────────── */
.chat-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 4px 0 8px 0;
  max-width: 100%;
}
.chat-chip-btn {
  background: rgba(201,168,76,.1);
  border: 1px solid rgba(201,168,76,.3);
  border-radius: 99px;
  color: var(--gold, #c9a84c);
  font-family: 'Syne', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
  padding: 5px 12px;
  cursor: pointer;
  transition: background .18s, border-color .18s, transform .12s;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: text; /* override the global no-select for chips */
}
.chat-chip-btn:hover {
  background: rgba(201,168,76,.22);
  border-color: rgba(201,168,76,.6);
  transform: translateY(-1px);
}
.chat-chip-btn:active {
  transform: scale(.96);
}