.admin-portfolio-controls{
  margin-bottom:20px;
}

.admin-portfolio-summary{
  color:#52606d;
  font-size:0.9rem;
  margin-top:4px;
}

.admin-portfolio-builder{
  margin-bottom:18px;
  padding:0;
  overflow:hidden;
}

.admin-portfolio-builder-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:18px 20px;
  background:#f7fbf8;
  border-bottom:1px solid #e5eee8;
}

.admin-portfolio-builder-head h3{
  margin:0 0 4px;
  color:#18332a;
  font-size:1.1rem;
}

.admin-portfolio-status{
  padding:6px 10px;
  border-radius:999px;
  font-size:0.76rem;
  font-weight:700;
  text-transform:capitalize;
}

.admin-portfolio-status--active{background:#dcfce7;color:#166534;}
.admin-portfolio-status--pending{background:#fef3c7;color:#92400e;}
.admin-portfolio-status--blocked{background:#fee2e2;color:#991b1b;}

.admin-portfolio-project-list{
  display:grid;
}

.admin-portfolio-project{
  display:grid;
  grid-template-columns:80px 86px minmax(0,1fr) 100px;
  align-items:center;
  gap:16px;
  padding:14px 20px;
  border-bottom:1px solid #eef2f0;
}

.admin-portfolio-project:last-child{
  border-bottom:0;
}

.admin-portfolio-checkbox,
.admin-portfolio-order{
  display:flex;
  align-items:center;
  gap:7px;
  color:#334155;
  font-size:0.88rem;
  font-weight:600;
}

.admin-portfolio-checkbox input{
  width:17px;
  height:17px;
  accent-color:#16833d;
}

.admin-portfolio-thumb{
  width:86px;
  height:58px;
  border-radius:8px;
  object-fit:cover;
  background:#e8f1eb;
}

.admin-portfolio-project-copy{
  min-width:0;
}

.admin-portfolio-project-copy strong,
.admin-portfolio-project-copy small{
  display:block;
  overflow-wrap:anywhere;
}

.admin-portfolio-project-copy strong{
  color:#18332a;
}

.admin-portfolio-project-copy small{
  margin-top:4px;
  color:#64748b;
  font-size:0.8rem;
}

.admin-portfolio-order{
  flex-direction:column;
  align-items:flex-start;
}

.admin-portfolio-order input{
  width:78px;
  padding:7px 8px;
  border:1px solid #dbe2ea;
  border-radius:6px;
}

.admin-portfolio-empty{
  color:#64748b;
}

@media (max-width:768px){
  .admin-portfolio-project{
    grid-template-columns:70px 70px minmax(0,1fr);
    gap:10px;
    padding:12px;
  }

  .admin-portfolio-order{
    grid-column:3;
    flex-direction:row;
    align-items:center;
  }

  .admin-portfolio-builder-head{
    padding:14px 12px;
  }
}