.p10-decision-workflow{
  margin-top:18px;
  border:1px solid #dfe8e2;
  border-radius:16px;
  background:#fff;
  padding:18px;
  box-shadow:0 8px 24px rgba(0,0,0,.04);
}

.p10-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}

.p10-head h3{
  margin:2px 0 0;
  font-size:20px;
}

.p10-eyebrow{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  color:#16834b;
  text-transform:uppercase;
}

.p10-status{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:7px 12px;
  background:#edf8f1;
  color:#126c40;
  font-weight:700;
  font-size:13px;
}

.p10-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-bottom:16px;
}

.p10-grid>div{
  border:1px solid #edf1ee;
  border-radius:12px;
  padding:10px 12px;
}

.p10-grid span{
  display:block;
  color:#66736b;
  font-size:12px;
  margin-bottom:3px;
}

.p10-grid b{
  font-size:14px;
}

.p10-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:18px;
}

.p10-btn{
  border:0;
  border-radius:10px;
  padding:10px 14px;
  background:#eaf5ee;
  color:#11663d;
  font-weight:700;
  cursor:pointer;
}

.p10-btn.primary{
  background:#12864d;
  color:#fff;
}

.p10-btn.done,
.p10-btn:disabled{
  opacity:.65;
  cursor:not-allowed;
}

.p10-history{
  border-top:1px solid #edf1ee;
  padding-top:14px;
}

.p10-history-title{
  font-weight:700;
  margin-bottom:8px;
}

.p10-history-item{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:3px 10px;
  padding:8px 0;
  border-bottom:1px dashed #edf1ee;
}

.p10-history-item small{
  grid-column:1 / -1;
  color:#68756d;
}

.p10-empty{
  color:#7b877f;
  font-size:13px;
}

@media(max-width:700px){
  .p10-grid{
    grid-template-columns:1fr;
  }

  .p10-history-item{
    grid-template-columns:1fr;
  }
}