/*
 * badges.css — unified status badge.
 *
 * Single copy of .status-badge + --success/--danger/--warning, previously
 * near-duplicated across Offenders, Alarms and OffenderDetail scoped CSS.
 * Uses the var(--va-success, var(--va-success)) fallback form (from Alarms) so it is the
 * most resilient of the three. Per Docs/decisions/2026-06-01-css-mimari-tek-klasor.md.
 */

.status-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 10px;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}
.status-badge::before {
    content: '';
    width: 6px; height: 6px;
    border-radius: 50%;
    background: currentColor;
}
.status-badge--success { background: color-mix(in oklab, var(--va-success, var(--va-success)) 15%, transparent); color: var(--va-success, var(--va-success)); }
.status-badge--danger  { background: color-mix(in oklab, var(--va-danger)  15%, transparent); color: var(--va-danger);  }
.status-badge--warning { background: color-mix(in oklab, var(--va-warning) 15%, transparent); color: var(--va-warning); }
/* Ek tonlar: info (İncelemede / bilgi), muted (Kapalı / bitti / pasif nötr) — Alarms, CaseOfficers, Audit. */
.status-badge--info    { background: color-mix(in oklab, var(--va-info)    15%, transparent); color: var(--va-info);    }
.status-badge--muted   { background: var(--va-elevated); color: var(--va-text-dim); border: 1px solid var(--va-border); }