/* ============================================================
   Component: badges (durum etiketleri)
   ============================================================ */
.badge {
  display: inline-flex; align-items: center;
  padding: 3px 10px; border-radius: var(--radius-full);
  font-size: var(--fs-xs); font-weight: 600; line-height: 1.4;
  background: var(--bg); color: var(--text-muted);
}
.badge--green { background: var(--green-soft); color: var(--green); }
.badge--red   { background: var(--red-soft);   color: var(--red); }
.badge--yellow{ background: var(--yellow-soft); color: var(--yellow); }
.badge--blue  { background: var(--blue-soft);   color: var(--blue); }
.badge--muted { background: var(--bg);          color: var(--text-muted); }