#documents.study-start-source-hidden{display:none!important}

#studyStartTree.study-start-tree{
  display:grid;
  gap:16px;
  max-width:920px;
  margin:0 auto;
}

#studyStartTree .study-start-lead{
  padding:14px 16px;
  border:1px solid #9fbedc;
  border-left:5px solid #2f6faa;
  border-radius:12px;
  background:#edf4fc;
  color:#103969;
  font-weight:700;
  line-height:1.45;
}

#studyStartTree .study-start-step{
  background:#fff;
  border:1px solid #c7d8e8;
  border-radius:16px;
  box-shadow:0 6px 18px rgba(16,57,105,.07);
  overflow:hidden;
}

#studyStartTree .study-start-step-head{
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:16px;
}

#studyStartTree .study-start-step-number{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#2f6faa;
  color:#fff;
  font-size:18px;
  font-weight:900;
  line-height:1;
}

#studyStartTree .study-start-step-heading{
  min-width:0;
  flex:1 1 auto;
}

#studyStartTree .study-start-step-heading h3{
  margin:0;
  color:#103969;
  font-size:19px;
  line-height:1.3;
}

#studyStartTree .study-start-step-heading p{
  margin:6px 0 0;
  color:#526476;
  line-height:1.45;
}

#studyStartTree .study-start-progress{
  font-weight:800;
  color:#174f86!important;
}

#studyStartTree .study-start-step-action{
  display:flex;
  justify-content:flex-end;
  padding:0 16px 16px;
}

#studyStartTree .study-start-step-action .btn{
  min-width:230px;
}

#studyStartTree .study-start-step.is-current{
  border-color:#2f6faa;
  box-shadow:inset 5px 0 0 #2f6faa,0 6px 18px rgba(16,57,105,.08);
}

#studyStartTree .study-start-step.is-complete{
  border-color:#7fa8cf;
  background:#f5f9fd;
}

#studyStartTree .study-start-step.is-complete .study-start-step-number::after{
  content:"✓";
  font-size:20px;
}

#studyStartTree .study-start-step.is-complete .study-start-step-number{
  font-size:0;
  background:#245f98;
}

#studyStartTree .study-start-step.is-locked{
  border-color:#d3dee8;
  background:#f7f9fb;
  box-shadow:none;
}

#studyStartTree .study-start-step.is-locked .study-start-step-number{
  background:#9aaabd;
}

#studyStartTree .study-start-step.is-preview{
  border-color:#8fb4d9;
  background:#f4f8fc;
}

#studyStartTree .doc-list{
  display:grid;
  gap:0;
  border-top:1px solid #d9e4ee;
}

#studyStartTree .doc-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:13px 16px;
  border:0;
  border-bottom:1px solid #e0e8f0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
}

#studyStartTree .doc-card:last-child{border-bottom:0}
#studyStartTree .doc-card.is-confirmed{background:#f3f8fd}

#studyStartTree .doc-card>div:first-child{
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
}

#studyStartTree .study-doc-number{
  color:#2f6faa;
  font-weight:900;
  text-align:right;
}

#studyStartTree .doc-card h3{
  margin:0;
  color:#103969;
  font-size:16px;
  line-height:1.35;
}

#studyStartTree .doc-card>div:first-child>p{display:none!important}

#studyStartTree .doc-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}

#studyStartTree .read-label{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:42px;
  padding:7px 10px;
  border:1px solid #c3d5e6;
  border-radius:9px;
  background:#f8fbfe;
  color:#174f86;
  font-weight:700;
  white-space:nowrap;
}

#studyStartTree .read-label.is-confirmed{
  border-color:#7fa8cf;
  background:#eaf2fb;
}

#studyStartTree .read-label input{
  width:20px;
  height:20px;
  margin:0;
}

#studyStartTree .doc-actions .open-doc{
  min-width:92px;
}

@media(max-width:700px){
  #studyStartTree .study-start-step-head{padding:14px}
  #studyStartTree .study-start-step-number{flex-basis:34px;width:34px;height:34px;font-size:16px}
  #studyStartTree .study-start-step-heading h3{font-size:17px}
  #studyStartTree .doc-card{grid-template-columns:1fr;align-items:stretch;padding:13px 14px}
  #studyStartTree .doc-actions{justify-content:flex-start;width:100%}
  #studyStartTree .doc-actions .open-doc{flex:1 1 120px}
  #studyStartTree .read-label{flex:1 1 180px;justify-content:center}
  #studyStartTree .study-start-step-action{justify-content:stretch;padding:0 14px 14px}
  #studyStartTree .study-start-step-action .btn{width:100%;min-width:0}
}