.send-production-button.handoff-for-owner{
  border-color:#7c3aed;
  background:#f5f3ff;
  color:#5b21b6;
}
.production-handoff-guide{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:4px 0 14px;
}
.production-handoff-guide>div{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:2px 8px;
  align-items:center;
  padding:12px;
  border:1px solid #dbe3ef;
  border-radius:14px;
  background:#f8fafc;
}
.production-handoff-guide span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:50%;
  background:#2563eb;
  color:#fff;
  font-weight:800;
}
.production-handoff-guide b{font-size:14px;color:#172033}
.production-handoff-guide small{font-size:12px;color:#64748b;line-height:1.45}
.production-handoff-guide.is-substitute>div:nth-child(2){border-color:#c4b5fd;background:#f5f3ff}
.production-handoff-guide.is-substitute>div:nth-child(2) span{background:#7c3aed}
.production-credit-lock{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin:0 0 14px;
  padding:12px 14px;
  border:1px solid #86efac;
  border-radius:12px;
  background:#f0fdf4;
  color:#166534;
}
.production-credit-lock span{font-size:13px;text-align:right}
.production-handoff-reason{border-color:#c4b5fd!important;background:#faf5ff!important}
@media(max-width:760px){
  .production-handoff-guide{grid-template-columns:1fr}
  .production-credit-lock{display:grid}
  .production-credit-lock span{text-align:left}
}