/* Phase 21M.6.2 — Make Smart Next Step unmistakable */

.dvh21m6-next{
  position:relative;
  grid-template-columns:minmax(0,1fr) auto!important;
  padding:18px 17px 16px!important;
  border:1px solid rgba(217,149,32,.28)!important;
  background:
    linear-gradient(135deg,rgba(255,250,240,.98),rgba(255,255,255,.98))!important;
  box-shadow:0 12px 30px rgba(16,43,39,.06)!important;
}

.dvh21m62-recommended{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:7px;
  width:max-content;
  max-width:100%;
  margin:-2px 0 2px;
  padding:5px 9px 5px 6px;
  border-radius:999px;
  background:#d99520;
  color:#102b27;
  font-size:.60rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dvh21m62-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#123f38;
  color:#fff;
  font-size:.78rem;
  line-height:1;
}

.dvh21m6-copy>span{
  margin-top:4px!important;
  color:#7d776a!important;
}

.dvh21m6-copy>strong{
  margin-top:2px!important;
  font-size:1.12rem!important;
}

.dvh21m6-action{
  align-self:end!important;
  min-height:42px!important;
  padding:0 16px!important;
}

.dvh21m6-status .dvh21m6-action,
.dvh21m6-document .dvh21m6-action,
.dvh21m6-cart .dvh21m6-action,
.dvh21m6-attention .dvh21m6-action{
  background:#123f38!important;
  color:#fff!important;
}

@media(max-width:650px){
  .dvh21m6-next{
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:14px!important;
  }

  .dvh21m62-recommended{
    width:auto;
    justify-content:flex-start;
  }

  .dvh21m6-action{
    width:100%!important;
    margin-top:2px;
  }
}