/* BADGES.CSS - Chips and badges */

.chips{display:flex; gap:6px; flex-wrap:wrap; align-items:center;}
.chip{
  padding:4px 8px; border-radius:999px; background:var(--chip); font-size:12px; border:1px solid var(--stroke);
  font-weight:600;
}
.chip.blue{background:#eff6ff; color:#1d4ed8; border-color:#dbeafe}
.chip.orange{background:#fff7ed; color:#c2410c; border-color:#ffedd5}
.chip.red{background:#fef2f2; color:#b91c1c; border-color:#fee2e2}
.chip.green{background:#dcfce7; color:#16a34a; border-color:#bbf7d0}