/* Phase 21M.6 — Pocket Tackle Smart Next Step */

.dvh21m6-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  margin:12px 0 14px;
  padding:15px 17px;
  border:1px solid rgba(16,43,39,.11);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(217,149,32,.10),transparent 18rem),
    #fff;
  box-shadow:0 9px 26px rgba(16,43,39,.045);
}

.dvh21m6-copy{
  min-width:0;
}

.dvh21m6-copy>span{
  display:block;
  margin-bottom:4px;
  color:#7a8580;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.dvh21m6-copy>strong{
  display:block;
  color:#102b27;
  font-size:1.05rem;
  line-height:1.15;
}

.dvh21m6-copy>p{
  margin:4px 0 0;
  color:#68746f;
  font-size:.73rem;
  line-height:1.4;
}

.dvh21m6-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:39px;
  padding:0 14px;
  border-radius:999px;
  background:#123f38;
  color:#fff;
  font-size:.72rem;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
  box-shadow:0 7px 18px rgba(18,63,56,.15);
  transition:transform .14s ease,background .14s ease;
}

.dvh21m6-action:hover{
  transform:translateY(-1px);
  background:#194d44;
}

.dvh21m6-action b{
  font-size:.92rem;
}

/* Quiet contextual tones. */
.dvh21m6-attention{
  border-color:rgba(217,149,32,.28);
  background:
    radial-gradient(circle at 100% 0,rgba(217,149,32,.14),transparent 18rem),
    #fffaf1;
}

.dvh21m6-attention .dvh21m6-action{
  background:#d99520;
  color:#102b27;
}

.dvh21m6-profile{
  border-color:rgba(47,109,94,.20);
}

.dvh21m6-alerts{
  border-color:rgba(66,109,135,.20);
}

.dvh21m6-cart{
  border-color:rgba(217,149,32,.22);
}

.dvh21m6-status{
  border-color:rgba(31,117,102,.22);
}

.dvh21m6-document{
  border-color:rgba(139,107,45,.22);
}

@media(max-width:650px){
  .dvh21m6-next{
    grid-template-columns:1fr;
    gap:10px;
    margin:9px 0 12px;
    padding:13px;
    border-radius:16px;
  }

  .dvh21m6-action{
    width:100%;
    min-height:40px;
  }
}