.category {
  @apply px-2 py-1 text-xs rounded-full;
}

.category--other {
  @apply bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-gray-200;
}

.category--service {
  @apply bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200;
}

.category--financing {
  @apply bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200;
}

.category--support {
  @apply bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200;
}

.category--marketing {
  @apply bg-purple-100 dark:bg-purple-900 text-purple-800 dark:text-purple-200;
}

.category--sales {
  @apply bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200;
}

.category--appointments {
  @apply bg-orange-100 dark:bg-orange-900 text-orange-800 dark:text-orange-200;
}

.status {
  @apply inline-block bg-green-100 text-green-700 text-xs px-2 py-1 rounded-full;
}

.status--draft {
  @apply bg-[#F0EAF6] text-[#280B45];
}

.status--pending {
  @apply bg-blue-100 text-blue-700;
}

.status--approved {
  @apply bg-[#CCF5BB] text-[#499429];
}

.status--rejected {
  @apply bg-[#FCC0C0] text-[#D33838];
}

.status--sent {
  @apply bg-green-100 text-green-700;
}