.badge { display: inline-flex; align-items: center; gap: var(--sp-1-25); height: var(--size-20); padding: 0 var(--sp-1-75); border-radius: var(--r-sm); font-size: var(--text-xs); font-weight: var(--w-semibold); letter-spacing: .2px; white-space: nowrap; }
.badge--smg { background: var(--text); color: var(--surface); }
.badge--neutral { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-2); }
.badge--success { background: var(--success-bg); color: var(--success-text); }
.badge--warning { background: var(--warning-bg); color: var(--warning-text); }
.badge--danger { background: var(--danger-bg); color: var(--danger-text); }
.badge--info { background: var(--info-bg); color: var(--info-text); }
.badge--offline { background: var(--surface-2); border: 1px solid var(--border); color: var(--text-3); }
.badge .icon { width: var(--size-12); height: var(--size-12); }
.badge__dot { width: var(--size-6); height: var(--size-6); border-radius: 50%; background: currentColor; }

/* Yoğunluk seviyesi */
.level { display: inline-flex; align-items: center; gap: var(--sp-1-5); font-size: var(--text-sm); font-weight: var(--w-medium); }
.level--sakin { color: var(--info-text); } .level--normal { color: var(--success-text); }
.level--yogun { color: var(--warning-text); } .level--cok-yogun { color: var(--danger-text); }