.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  white-space: nowrap;
}

.badge-type {
  color: #fff;
}

.badge-type.bug { background: var(--type-bug); }
.badge-type.note { background: var(--type-note); }
.badge-type.idea { background: var(--type-idea); }
.badge-type.suggestion { background: var(--type-suggestion); }
.badge-type.todo { background: var(--type-todo); }
.badge-type.task { background: var(--type-task); }

.badge-priority {
  background: transparent;
  border: 1px solid;
}

.badge-priority.low { color: var(--priority-low); border-color: var(--priority-low); }
.badge-priority.medium { color: var(--priority-medium); border-color: var(--priority-medium); }
.badge-priority.high { color: var(--priority-high); border-color: var(--priority-high); }
.badge-priority.critical { color: var(--priority-critical); border-color: var(--priority-critical); }

.badge-status {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 600;
  color: #fff;
}

.badge-status.backlog { background: var(--col-backlog); }
.badge-status.todo { background: var(--col-todo); }
.badge-status.in_progress { background: var(--col-in_progress); }
.badge-status.review { background: var(--col-review); }
.badge-status.done { background: var(--col-done); }