.badge {
  padding: 3px 10px;
  font-size: 9.5px;
  font-weight: 800;
  border-radius: 99px;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}

.badge-submitted   { background: #EFF6FF; color: #2563EB; border: 1px solid #BFDBFE; }
.badge-draft       { background: #F8FAFC; color: #64748B; border: 1px solid #CBD5E1; }
.badge-approved    { background: #F0FDF4; color: #16A34A; border: 1px solid #BBF7D0; }
.badge-rejected    { background: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; }
.badge-processing  { background: #FFF7ED; color: #D97706; border: 1px solid #FDE68A; }
.badge-done        { background: #F0FDF4; color: #15803D; border: 1px solid #86EFAC; }
.badge-cancelled   { background: #FDF4FF; color: #7E22CE; border: 1px solid #E9D5FF; }

.badge-pending     { background: #F8FAFC; color: #64748B; border: 1px solid #CBD5E1; }
.badge-out_of_stock{ background: #FFF1F2; color: #9F1239; border: 1px solid #FECDD3; }

.badge-default     { background: #F8FAFC; color: #64748B; border: 1px solid #CBD5E1; }

.badge-stock-available { background: #F0FDF4; color: #16A34A; border: 1px solid #BBF7D0; }
.badge-stock-limited   { background: #FFF7ED; color: #D97706; border: 1px solid #FDE68A; }
.badge-stock-empty     { background: #FEF2F2; color: #DC2626; border: 1px solid #FECACA; }