/* /assets/css/chat.css (chips con burbuja, misma línea gráfica) */
.chips-wrap{ display:flex; flex-wrap:wrap; gap:8px; max-width:min(90%,760px); }
.chip{
  appearance:none; padding:7px 12px; border-radius:999px; font-size:14px; font-weight:600; cursor:pointer;
  background: rgba(61,94,169,.12); color: #eaeefb; border:1px solid rgba(61,94,169,.35);
  box-shadow: 0 1px 0 rgba(0,0,0,.05) inset, 0 3px 12px rgba(0,0,0,.04);
  transition: transform .12s ease, filter .12s ease;
}
.chip:hover{ filter:brightness(1.03); transform: translateY(-1px); }
.chip:active{ transform: translateY(0); }