/**
 * Badge Component
 *
 * Small status indicators and labels.
 */

@layer admin-components {
    .admin-badge {
        display: inline-flex;
        align-items: center;
        padding: 2px 8px;
        font-size: var(--admin-font-size-xs);
        font-weight: var(--admin-font-weight-semibold);
        line-height: 1.5;
        border-radius: 10px;
        white-space: nowrap;
    }

    /* Success badge */
    .admin-badge--success {
        background-color: var(--admin-accent-success);
        color: white;
    }

    /* Warning badge */
    .admin-badge--warning {
        background-color: var(--admin-accent-warning);
        color: oklch(20% 0.02 280); /* Dark text for better contrast */
    }

    /* Error badge */
    .admin-badge--error {
        background-color: var(--admin-accent-error);
        color: white;
    }

    /* Info badge */
    .admin-badge--info {
        background-color: var(--admin-accent-info);
        color: white;
    }

    /* Default badge */
    .admin-badge--default {
        background-color: var(--admin-bg-tertiary);
        color: var(--admin-content-text);
    }
}