/* ═══════════════════════════════════════════════════════════════
   WOOKIT CORE — Badge
   Inline status indicators.
   ═══════════════════════════════════════════════════════════════ */

.wookit-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 2px 8px;
    border-radius: var(--wookit-radius-pill);
    font-size: 11px;
    font-weight: 700;
    font-family: var(--wookit-font);
    line-height: 1;
    min-height: 20px;
    white-space: nowrap;
}
.wookit-badge--accent  { background: var(--wookit-accent); color: var(--wookit-accent-fg, #fff); }
.wookit-badge--success { background: var(--wookit-success-soft); color: var(--wookit-success-text); }
.wookit-badge--warning { background: var(--wookit-warning-soft); color: var(--wookit-warning-text); }
.wookit-badge--danger  { background: var(--wookit-danger-soft); color: var(--wookit-danger-text); }
.wookit-badge--neutral { background: var(--wookit-surface-alt); color: var(--wookit-body); border: 1px solid var(--wookit-border); }