/* ClearComplaint Generator Preview Decision Visual Polish v1.3
   Scope: preview-ready decision state only.
   Objective: reduce old builder chrome, nesting, repeated reassurance and vertical density while preserving the protected preview and checkout flow. */

body.cc-generator-preview-decision-active .cc-announcement{
  display:none !important;
}

body.cc-generator-preview-decision-active .cc-main{
  padding-top:.7rem !important;
}

.cc-generator-page .cc-gen-shell.cc-gen-refresh-v1.cc-gen-cro-v15.cc-gen-shell--preview-decision-ready{
  max-width:1120px !important;
  margin-top:0 !important;
}

/* Once preview exists, stop making the screen look like a form wizard. */
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-builder__head,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-progress,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-steps{
  display:none !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-builder.cc-card{
  padding:clamp(1rem,2.1vw,1.35rem) !important;
  border-color:rgba(111,50,214,.18) !important;
  border-radius:26px !important;
  box-shadow:0 22px 54px rgba(17,26,53,.09) !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-review-pane{
  display:block;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-intro{
  max-width:720px;
  margin:.15rem auto 1rem;
  padding-bottom:.2rem;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-eyebrow{
  margin-bottom:.55rem;
  padding:.35rem .68rem;
  font-size:.82rem;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-intro h3{
  font-size:clamp(2rem,3.6vw,2.75rem);
  line-height:1;
  letter-spacing:-.065em;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-intro p{
  margin-top:.55rem;
  font-size:.98rem;
  line-height:1.45;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-shell{
  grid-template-columns:minmax(0,1fr) minmax(300px,350px) !important;
  gap:1rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-main{
  gap:.7rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-side{
  top:16px !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-card,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision{
  border-radius:20px !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-preview-card .cc-gen-decision-card__inner{
  padding:1rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-preview-card .cc-gen-decision-head{
  align-items:flex-start;
  margin-bottom:.72rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-preview-card .cc-kicker{
  margin-bottom:.24rem;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-preview-card h4{
  font-size:clamp(1.18rem,2vw,1.48rem) !important;
  line-height:1.08;
  letter-spacing:-.045em;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-preview-card [data-preview-explanation-copy]{
  display:block;
  max-width:60ch;
  margin-top:.36rem;
  color:var(--cc-gen-muted,#64748b);
  font-size:.92rem;
  line-height:1.42;
  font-weight:700;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-ai-preview-meta{
  margin-top:.5rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-badge{
  min-height:2rem;
  padding:.42rem .62rem;
  font-size:.78rem;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-letter-paper{
  padding:1rem !important;
  border-radius:18px !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-letter-paper .cc-gen-letter-date{
  margin-bottom:.62rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-letter-paper .cc-gen-ai-preview-text{
  font-size:.96rem !important;
  line-height:1.58 !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-rule{
  margin-top:.68rem !important;
  padding:.62rem .72rem !important;
  border-radius:12px !important;
  font-size:.82rem !important;
  line-height:1.38 !important;
}

/* Remove repeated explanatory box. The preview rule and locked overlay already explain this. */
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-note{
  display:none !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-letter-section-title--locked{
  margin-top:.82rem !important;
  margin-bottom:.45rem !important;
  font-size:.88rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-letter-continuation{
  margin-top:.72rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-preview--fake,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-preview{
  max-height:7.2rem !important;
  min-height:7.2rem !important;
  padding:.78rem !important;
  gap:.45rem !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-letter-continuation-block{
  gap:.36rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-letter-continuation-block span{
  height:.48rem !important;
  opacity:.58 !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-letter-continuation-block:nth-child(n+3){
  display:none !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-overlay{
  width:min(90%,30rem) !important;
  padding:.72rem .82rem !important;
  border-radius:14px !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-overlay strong{
  font-size:.9rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-overlay span{
  margin-top:.28rem !important;
  font-size:.76rem !important;
  line-height:1.32 !important;
}

/* Make the lower confirmation cards feel like a slim confirmation strip. */
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-details-card--compact .cc-gen-decision-card__inner,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-includes-card--strip .cc-gen-decision-card__inner{
  padding:.72rem .82rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-compact-detail-row{
  gap:.75rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-compact-detail-row h4,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-includes-card--strip h4{
  margin:.02rem 0 .2rem !important;
  font-size:1rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-summary-inline{
  font-size:.86rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-compact-detail-row .cc-button{
  min-height:38px !important;
  padding:.52rem .7rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-include-strip{
  gap:.36rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-include-strip span{
  min-height:1.72rem !important;
  padding:.34rem .52rem !important;
  font-size:.78rem !important;
}

/* Keep the payment card decisive: price, two trust badges, three concrete benefits and CTA. */
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision__top{
  padding:.95rem 1rem .82rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision h4{
  font-size:clamp(1.2rem,2vw,1.48rem) !important;
  line-height:1.08;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-price-lockup{
  margin:.5rem 0 .52rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-price-lockup strong{
  font-size:clamp(2.05rem,4.6vw,2.55rem) !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-trust-row span{
  min-height:1.65rem !important;
  padding:.28rem .48rem !important;
  font-size:.72rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-trust-row span:nth-child(n+3){
  display:none !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision__body--compact{
  padding:.92rem 1rem 1rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-simple-list{
  gap:.42rem !important;
  margin-bottom:.78rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-simple-list span{
  padding-left:1.32rem !important;
  font-size:.88rem !important;
  line-height:1.3 !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-simple-list span:before{
  width:.96rem !important;
  height:.96rem !important;
  font-size:.62rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision .cc-button.cc-gen-primary-wide{
  min-height:46px !important;
  margin-top:.48rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-utility-row{
  margin-top:.78rem !important;
  padding:.68rem .8rem !important;
  border-radius:16px !important;
  gap:.65rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-utility-row p{
  font-size:.8rem !important;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-utility-row .cc-button{
  min-height:36px !important;
  padding:.48rem .65rem !important;
  font-size:.82rem !important;
}

@media (max-width:980px){
  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-shell{
    grid-template-columns:1fr !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-side{
    position:static !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-utility-row{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px){
  body.cc-generator-preview-decision-active .cc-main{
    padding-top:.45rem !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-builder.cc-card{
    padding:.78rem !important;
    border-radius:20px !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-intro{
    text-align:left !important;
    margin-bottom:.78rem !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-intro h3{
    font-size:1.85rem !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-ready-intro p{
    font-size:.92rem !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-preview-card .cc-gen-decision-head{
    display:grid !important;
    gap:.5rem !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-preview-badge{
    width:max-content;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-preview--fake,
  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-preview{
    min-height:6.6rem !important;
    max-height:6.6rem !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-continuation-overlay{
    width:min(94%,26rem) !important;
  }
}
