/* Phase 21M.2 — Quote, Invoice & Order Status in Pocket Tackle */

.dvh21m2-commercial{
  margin-top:12px;
  padding:13px;
  border:1px solid rgba(16,43,39,.09);
  border-radius:16px;
  background:#f8faf7;
}

.dvh21m2-commercial-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:9px;
}

.dvh21m2-commercial-head strong{
  display:block;
  margin-top:3px;
  color:#102b27;
  font-size:.94rem;
}

.dvh21m2-commercial-head small{
  color:#74807c;
  font-size:.64rem;
  text-align:right;
}

.dvh21m2-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.dvh21m2-status{
  display:flex;
  min-width:0;
  min-height:112px;
  flex-direction:column;
  padding:11px 12px;
  border:1px solid rgba(16,43,39,.10);
  border-radius:13px;
  background:#fff;
  color:#102b27;
  text-decoration:none;
  transition:transform .14s ease,border-color .14s ease;
}

a.dvh21m2-status:hover{
  transform:translateY(-1px);
  border-color:rgba(16,63,55,.25);
}

.dvh21m2-status>span{
  color:#74807c;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.dvh21m2-status>strong{
  margin:6px 0 3px;
  font-size:.90rem;
  line-height:1.15;
}

.dvh21m2-status>small{
  overflow:hidden;
  color:#697570;
  font-size:.68rem;
  line-height:1.3;
  text-overflow:ellipsis;
}

.dvh21m2-status>b{
  margin-top:auto;
  padding-top:8px;
  color:#b77412;
  font-size:.66rem;
}

.dvh21m2-status.is-paid{
  border-color:rgba(49,117,72,.24);
  background:#f3faf4;
}

.dvh21m2-status.is-empty{
  opacity:.72;
}

@media(max-width:760px){
  .dvh21m2-commercial{
    padding:11px;
  }

  .dvh21m2-commercial-head{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }

  .dvh21m2-commercial-head small{
    text-align:left;
  }

  .dvh21m2-status-grid{
    grid-template-columns:1fr;
  }

  .dvh21m2-status{
    min-height:0;
  }

  .dvh21m2-status>b{
    margin-top:7px;
    padding-top:0;
  }
}