/**
 * AKBAR KHAN TRUST
 * Global Badge Component
 * File: /public_html/assets/css/components/badges.css
 */

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;

    min-height: 1.5rem;
    padding: 0.2rem 0.55rem;

    border: 1px solid transparent;
    border-radius: 999px;

    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;

    white-space: nowrap;
    vertical-align: middle;
}

.badge-success {
    color: var(--color-success, #166534);
    background: var(--color-success-bg, #f0fdf4);
    border-color: var(--color-success-border, #bbf7d0);
}

.badge-danger {
    color: var(--color-danger, #991b1b);
    background: var(--color-danger-bg, #fef2f2);
    border-color: var(--color-danger-border, #fecaca);
}

.badge-warning {
    color: var(--color-warning, #92400e);
    background: var(--color-warning-bg, #fffbeb);
    border-color: var(--color-warning-border, #fde68a);
}

.badge-info {
    color: var(--color-info, #075985);
    background: var(--color-info-bg, #f0f9ff);
    border-color: var(--color-info-border, #bae6fd);
}

.badge-primary {
    color: var(--color-primary-dark, #14532d);
    background: var(--color-primary-soft, #f0fdf4);
    border-color: var(--color-primary-border, #bbf7d0);
}

.badge-neutral {
    color: var(--color-text-secondary, #475569);
    background: var(--color-surface-muted, #f8fafc);
    border-color: var(--color-border, #e2e8f0);
}