/* Copyright 2025 Renofy Ltd. All rights reserved. */
/* ===== STATUS BADGES ===== */
/* Centralized status badge system for jobs, milestones, and quotes */

/* Base status badge class - optimized for small, consistent size */
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.25rem 0.5rem;
  border-radius: var(--radius-base);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: 0.025em;
  white-space: nowrap;
  line-height: var(--line-height-tight);
  transition: background-color var(--transition-fast), color var(--transition-fast);
}

@media (max-width: 820px) {
  .status-badge {
    font-size: var(--font-size-sm);
  }
}

 /* Job status colors - using CSS variables for consistency */
.status-badge--not_started,
.status-badge--unavailable {
  background-color: var(--color-bg-surface);
  color: var(--color-text-secondary);
}

.status-badge--in_progress {
  background-color: var(--color-info-bg);
  color: var(--color-info-text);
}

.status-badge--complete,
.status-badge--approved,
.status-badge--accepted {
  background-color: var(--color-success-bg);
  color: var(--color-success-text);
}

.status-badge--cancelled,
.status-badge--rejected,
.status-badge--changes_requested {
  background-color: var(--color-danger-bg);
  color: var(--color-danger-text);
}

/* Milestone and Quote pending/review status */
.status-badge--in_review,
.status-badge--pending {
  background-color: var(--color-warning-bg);
  color: var(--color-warning-text);
}