/* ClearComplaint Generator Preview Decision Layout Hardening v1.2
   Scope: post-preview Step 6 decision state.
   Objective: make the installed output closer to the approved canvas by turning the ready state into a dedicated decision screen. */

body.cc-generator-preview-decision-active [data-generator-cro-v15-hero]{
  display:none !important;
}

body.cc-generator-preview-decision-active .cc-main{
  padding-top:clamp(.75rem,2vw,1.4rem);
}

.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;
}

.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-review-title,
.cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-review-copy{
  display:none !important;
}

.cc-gen-preview-ready-intro[hidden]{
  display:none !important;
}

.cc-gen-preview-ready-intro{
  max-width:780px;
  margin:0 auto 1.1rem;
  text-align:center;
}

.cc-gen-preview-ready-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  margin-bottom:.72rem;
  padding:.42rem .72rem;
  border:1px solid var(--cc-gen-purple-line,#dac9ff);
  border-radius:999px;
  background:var(--cc-gen-purple-soft,#f2ecff);
  color:var(--cc-gen-purple-dark,#5522b4);
  font-size:.86rem;
  font-weight:950;
}

.cc-gen-preview-ready-intro h3{
  margin:0;
  color:var(--cc-gen-ink,#111a35);
  font-size:clamp(2rem,4vw,3.15rem);
  line-height:.98;
  letter-spacing:-.07em;
}

.cc-gen-preview-ready-intro p{
  max-width:640px;
  margin:.78rem auto 0;
  color:var(--cc-gen-muted,#64748b);
  font-size:1.05rem;
  font-weight:700;
  line-height:1.52;
}

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

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

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

.cc-gen-decision-card,
.cc-gen-unlock-decision{
  border-radius:22px;
}

.cc-gen-decision-preview-card .cc-gen-decision-card__inner{
  padding:clamp(1rem,2.2vw,1.2rem);
}

.cc-gen-decision-preview-card .cc-gen-decision-head{
  margin-bottom:.85rem;
}

.cc-gen-decision-preview-card .cc-gen-decision-head h4{
  font-size:clamp(1.28rem,2.2vw,1.7rem);
}

.cc-gen-decision-preview-card [data-preview-explanation-copy]{
  max-width:620px;
}

.cc-gen-decision-letter-paper{
  padding:clamp(1rem,2.4vw,1.35rem) !important;
}

.cc-gen-decision-letter-paper .cc-gen-letter-date,
.cc-gen-decision-letter-paper .cc-gen-preview-rule{
  margin-bottom:.75rem;
}

.cc-gen-decision-letter-paper .cc-gen-letter-continuation{
  margin-top:.9rem;
}

.cc-gen-preview-note{
  margin-top:.85rem;
  padding:.78rem .88rem;
}

.cc-gen-decision-details-card--compact .cc-gen-decision-card__inner{
  padding:.9rem 1rem;
}

.cc-gen-compact-detail-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
}

.cc-gen-compact-detail-row h4{
  margin:.05rem 0 .28rem;
  color:var(--cc-gen-ink,#111a35);
  font-size:1.08rem;
  letter-spacing:-.03em;
}

.cc-gen-decision-summary-inline{
  margin:0;
  color:var(--cc-gen-muted,#64748b);
  font-size:.94rem;
  font-weight:760;
  line-height:1.45;
}

.cc-gen-compact-detail-row .cc-button{
  min-height:42px;
  padding:.62rem .85rem;
  white-space:nowrap;
}

.cc-gen-decision-includes-card--strip .cc-gen-decision-card__inner{
  padding:.95rem 1rem 1rem;
}

.cc-gen-decision-includes-card--strip h4{
  margin:.05rem 0 .7rem;
  color:var(--cc-gen-ink,#111a35);
  font-size:1.08rem;
  letter-spacing:-.03em;
}

.cc-gen-include-strip{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
}

.cc-gen-include-strip span{
  display:inline-flex;
  align-items:center;
  min-height:2rem;
  padding:.42rem .64rem;
  border:1px solid rgba(111,50,214,.14);
  border-radius:999px;
  background:#fff;
  color:var(--cc-gen-ink-soft,#24304d);
  font-size:.84rem;
  font-weight:850;
}

.cc-gen-unlock-decision__top{
  padding:1.08rem 1.12rem .95rem;
}

.cc-gen-unlock-decision h4{
  font-size:clamp(1.35rem,2.2vw,1.68rem);
}

.cc-gen-price-lockup{
  margin:.62rem 0 .68rem;
}

.cc-gen-price-lockup strong{
  font-size:clamp(2.25rem,5vw,2.8rem);
}

.cc-gen-trust-row{
  gap:.38rem;
}

.cc-gen-trust-row span{
  min-height:1.86rem;
  padding:.36rem .55rem;
  font-size:.78rem;
}

.cc-gen-unlock-decision__body--compact{
  padding:1rem 1.12rem 1.12rem;
}

.cc-gen-unlock-simple-list{
  display:grid;
  gap:.55rem;
  margin:0 0 .95rem;
}

.cc-gen-unlock-simple-list span{
  position:relative;
  display:block;
  padding-left:1.45rem;
  color:var(--cc-gen-ink-soft,#24304d);
  font-weight:850;
  line-height:1.35;
}

.cc-gen-unlock-simple-list span:before{
  content:"✓";
  position:absolute;
  left:0;
  top:.05rem;
  display:grid;
  place-items:center;
  width:1.04rem;
  height:1.04rem;
  border-radius:999px;
  background:var(--cc-gen-success,#12805c);
  color:#fff;
  font-size:.68rem;
  font-weight:950;
}

.cc-gen-unlock-decision .cc-button.cc-gen-primary-wide{
  min-height:50px;
  margin-top:.55rem;
}

.cc-gen-unlock-decision .cc-button.cc-gen-primary-wide:first-of-type{
  margin-top:0;
}

.cc-gen-decision-utility-row[hidden]{
  display:none !important;
}

.cc-gen-decision-utility-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  align-items:center;
  gap:.85rem;
  margin:.95rem auto 0;
  padding:.85rem 1rem;
  border:1px solid var(--cc-gen-border,#dde3ef);
  border-radius:18px;
  background:rgba(255,255,255,.78);
  box-shadow:0 12px 28px rgba(17,26,53,.06);
}

.cc-gen-decision-utility-row p{
  margin:0;
  color:var(--cc-gen-muted,#64748b);
  font-size:.86rem;
  font-weight:720;
  line-height:1.4;
}

.cc-gen-decision-utility-row strong{
  color:var(--cc-gen-ink,#111a35);
}

.cc-gen-decision-utility-row .cc-button{
  min-height:40px;
  white-space:nowrap;
}

/* Override v1.1 tablet behaviour: the canvas has preview first, then unlock card on narrow screens. */
@media (max-width:980px){
  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-shell{
    grid-template-columns:1fr;
  }

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

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision{
    display:block !important;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-unlock-decision__top{
    border-right:0 !important;
    border-bottom:1px solid var(--cc-gen-purple-line,#dac9ff) !important;
  }

  .cc-gen-decision-utility-row{
    grid-template-columns:1fr;
  }
}

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

  .cc-gen-preview-ready-intro{
    text-align:left;
    margin-bottom:.9rem;
  }

  .cc-gen-preview-ready-intro h3{
    font-size:2.05rem;
  }

  .cc-generator-page .cc-gen-shell--preview-decision-ready .cc-gen-decision-shell{
    gap:.8rem;
  }

  .cc-gen-compact-detail-row{
    grid-template-columns:1fr;
  }

  .cc-gen-compact-detail-row .cc-button{
    width:max-content;
  }

  .cc-gen-include-strip{
    display:grid;
    grid-template-columns:1fr;
  }

  .cc-gen-unlock-decision__body--compact,
  .cc-gen-unlock-decision__top,
  .cc-gen-decision-card__inner{
    padding:1rem;
  }
}
