// Tailwind handles most layout; minimal local overrides only.

.badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
}

.badge-yes {
  background: #dcfce7;
  color: #166534;
}

.badge-no {
  background: #f1f5f9;
  color: #475569;
}

// Ensure Tailwind text-red-600 works even with preflight off
.text-red-600 {
  color: #dc2626;
}
