.project-file-metadata{
  display:grid;
  grid-template-columns:180px 1fr;
  gap:12px;
  margin-bottom:12px;
}

.project-file-metadata label{
  display:block;
  margin-bottom:5px;
  font-size:12px;
  font-weight:600;
}

.project-file-metadata select,
.project-file-metadata input{
  width:100%;
}

.project-file-filters{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:14px 0 8px;
}

.project-file-filter{
  padding:6px 10px;
  border-radius:999px;
}

.project-file-filter.active{
  font-weight:700;
}

.project-file-category-badge{
  display:inline-flex;
  margin-right:7px;
  padding:2px 6px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:10px;
  font-weight:700;
}

@media(max-width:700px){

  .project-file-metadata{
    grid-template-columns:1fr;
  }

}