// LLM UI Badge Component
// Shared badge styles for all Bluefly LLM UI consumers

.llm-badge {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  border-radius: 9999px;
  
  &--success {
    background-color: var(--llm-success-light, #ecfdf5);
    color: var(--llm-success-dark, #065f46);
  }
  
  &--warning {
    background-color: var(--llm-warning-light, #fef3c7);
    color: var(--llm-warning-dark, #92400e);
  }
  
  &--error {
    background-color: var(--llm-error-light, #fee2e2);
    color: var(--llm-error-dark, #991b1b);
  }
} 