/* Card component */

.card {
  border: 1px solid rgb(var(--grey-200));
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
}

.status-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  padding: 4px 8px;
  border: 1px solid rgb(var(--grey-300));
  border-radius: 999px;
  background: rgb(var(--color-canvas));
}

.status-chip.is-active {
  border-color: rgb(var(--color-primary));
}