/*CATEGORY CHIP*/
.categoryChip {
  background-color: rgba(229, 231, 235, 0.9) !important;
  color: #1f2937;
  font-family: "chakraPetch", sans-serif;
  font-size: 0.875rem;
  padding: 4px 12px;
  border-radius: 9999px;
  white-space: nowrap;
  font-weight: 500;
}
/*-------------------------*/

/*CATEGORY COLOR VARIANTS*/
.categoryOnline {
  background-color: rgba(96, 165, 250, 0.9) !important; /* light blue */
  color: #1D4ED8;
}

.categorySoftware {
  background-color: rgba(168, 85, 247, 0.9) !important; /* purple */
  color: #5B21B6;
}

.categoryHardware {
  background-color: rgba(245, 158, 11, 0.9) !important; /* orange */
  color: #C2410C;
}

.category3DPrint {
  background-color: rgba(16, 185, 129, 0.9) !important; /* green */
  color: #065F46;
}

.categoryAi {
  background-color: rgba(236, 72, 153, 0.9) !important; /* pink */
  color: #9D174D;
}
/*-------------------------*/

/*STATUS BADGE*/
.statusBadge {
  font-family: "chakraPetch", sans-serif;
  font-size: 0.875rem;
  padding: 4px 12px;
  border-radius: 9999px;
  white-space: nowrap;
  font-weight: 500;
}

.statusActive {
  background-color: rgba(52, 211, 153, 0.9) !important;
  color: #047857;
}

.statusInProgress {
  background-color: rgba(59, 130, 246, 0.9) !important;
  color: #1E3A8A;
}

.statusPending {
  background-color: rgba(251, 191, 36, 0.9) !important;
  color: #B45309;
}

.statusArchived {
  background-color: rgba(239, 68, 68, 0.9) !important;
  color: #9F1239;
}

/*ADDITIONAL STATUS VARIANTS*/
.statusMaintained {
  background-color: rgba(20, 184, 166, 0.9) !important;
  color: #115e59;
}

.statusOnline {
  background-color: rgba(132, 204, 22, 0.9) !important;
  color: #365314;
}

.statusPaused {
  background-color: rgba(234, 179, 8, 0.9) !important;
  color: #854d0e;
}

.statusConcept {
  background-color: rgba(212, 212, 216, 0.9) !important;
  color: #374151;
}

.statusPrototype {
  background-color: rgba(139, 92, 246, 0.9) !important;
  color: #4c1d95;
}

.statusDeprecated {
  background-color: rgba(239, 68, 68, 0.9) !important;
  color: #991b1b;
}

.statusShowcase {
  background-color: rgba(217, 70, 239, 0.9) !important;
  color: #86198f;
}

.statusDeveloping {
  background-color: rgba(14, 165, 233, 0.9) !important;
  color: #0c4a6e;
}

.statusLimitedSupport {
  background-color: rgba(245, 158, 11, 0.9) !important;
  color: #92400e;
}

.statusUnknown {
  background-color: rgba(148, 163, 184, 0.9) !important;
  color: #334155;
}
/*-------------------------*/

/*BADGE CONTAINERS*/
.categoryContainer,
.chipRow {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
/*-------------------------*/