/**
 * Badge Components
 * 
 * Status badges for estimates, jobs, and invoices.
 * Uses semantic color system for instant visual recognition.
 * 
 * @package Silva_Customer_Portal
 * @version 2.6.0
 */

/* ========================================
   STATUS BADGES
   ======================================== */

.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: var(--font-weight-semibold);
    border-radius: 12px;
    background: var(--bg-gray);
    color: var(--text-primary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Estimate statuses */
.status-badge.status-pending {
    background: var(--warning-light);
    color: #92400e;
}

.status-badge.status-sent {
    background: var(--info-light);
    color: #1e40af;
}

.status-badge.status-approved {
    background: var(--success-light);
    color: #065f46;
}

/* Job statuses */
.status-badge.status-in-progress {
    background: var(--info-light);
    color: #1e40af;
}

.status-badge.status-completed {
    background: var(--success-light);
    color: #065f46;
}

/* Invoice statuses */
.status-badge.status-paid {
    background: var(--success-light);
    color: #065f46;
}

.status-badge.status-overdue {
    background: var(--danger-light);
    color: #991b1b;
}