/* ===============================================
   STATUS BADGE COMPONENT
   Colored status indicators with icons
   =============================================== */

.status-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px var(--space-sm);
    border-radius: var(--radius-sm);
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    text-transform: capitalize;
    line-height: 1.2;
    gap: var(--space-xs);
}

.status-badge.status-success {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.status-badge.status-warning {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

.status-badge.status-error,
.status-badge.status-danger {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.status-badge.status-info {
    background: #eff6ff;
    color: #1e40af;
    border: 1px solid #bfdbfe;
}