/* ClearComplaint v2 Generator Early Commitment UX v1.6.2
   Corrective patch based on the agreed canvas direction.
   Keeps the circular readiness score, removes the failed hero badge row,
   replaces the hero sales stack with a command panel, preserves all complaint reasons,
   adds dynamic problem guidance and fixes step scroll. */

.cc-generator-page .cc-announcement{
  position:relative !important;
  top:auto !important;
  z-index:20 !important;
  box-shadow:none !important;
}

.cc-generator-page .cc-main{
  padding-top:18px;
}

.cc-gen-cro-v15-hero .cc-gen-trust-strip,
.cc-gen-trust-strip{
  display:none !important;
}

.cc-gen-command-panel{
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%) !important;
  color:var(--cc-gen-ink,#111a35) !important;
  border:1px solid var(--cc-gen-border,#dde3ef) !important;
  border-radius:30px !important;
  box-shadow:0 18px 42px rgba(17,26,53,.10) !important;
  padding:20px !important;
}

.cc-gen-command-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:14px;
}

.cc-gen-command-identity{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}

.cc-gen-command-initial{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:var(--cc-gen-purple-soft,#f2ecff);
  color:var(--cc-gen-purple-dark,#5522b4);
  font-weight:900;
}

.cc-gen-command-identity h2{
  margin:0 0 3px !important;
  color:var(--cc-gen-ink,#111a35) !important;
  font-size:1.05rem !important;
  line-height:1.18 !important;
  letter-spacing:-.03em;
}

.cc-gen-command-identity p{
  margin:0 !important;
  color:var(--cc-gen-muted,#64748b) !important;
  font-size:.84rem !important;
  font-weight:650;
}

.cc-gen-command-ready{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:7px 11px;
  border:1px solid #bfe8dc;
  border-radius:999px;
  background:#f2fbf8;
  color:#174f46;
  font-size:.76rem;
  font-weight:850;
  white-space:nowrap;
}

.cc-gen-command-block{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--cc-gen-border,#dde3ef);
  border-radius:20px;
  background:#fff;
}

.cc-gen-command-block--soft{
  background:linear-gradient(135deg,var(--cc-gen-purple-soft,#f2ecff),#fff 75%);
  border-color:var(--cc-gen-purple-line,#dac9ff);
}

.cc-gen-command-block h3{
  margin:0 0 10px !important;
  color:var(--cc-gen-ink-soft,#24304d) !important;
  font-size:.92rem !important;
  letter-spacing:-.015em;
}

.cc-gen-command-rows{ margin:0; }

.cc-gen-command-rows div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 0;
  border-top:1px solid #edf1f7;
}

.cc-gen-command-rows div:first-child{ border-top:0; padding-top:0; }
.cc-gen-command-rows div:last-child{ padding-bottom:0; }

.cc-gen-command-rows dt{
  margin:0;
  color:var(--cc-gen-muted,#64748b);
  font-weight:700;
}

.cc-gen-command-rows dd{
  margin:0;
  color:var(--cc-gen-ink,#111a35);
  font-weight:850;
  text-align:right;
}

.cc-gen-command-block ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:8px;
}

.cc-gen-command-block li{
  display:flex;
  gap:8px;
  color:var(--cc-gen-ink-soft,#24304d);
  font-size:.9rem;
  font-weight:650;
  line-height:1.35;
}

.cc-gen-command-block li::before{
  content:"✓";
  color:var(--cc-gen-purple-dark,#5522b4);
  font-weight:900;
}

.cc-gen-command-primary{
  width:100%;
  margin-top:14px;
  justify-content:center;
}

.cc-gen-prepared-route{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 16px;
  padding:14px 16px;
  border:1px solid var(--cc-gen-purple-line,#dac9ff);
  border-radius:20px;
  background:linear-gradient(135deg,var(--cc-gen-purple-soft,#f2ecff),#fff 80%);
}

.cc-gen-prepared-route h4{
  margin:0 0 4px;
  color:var(--cc-gen-ink,#111a35);
  font-size:1rem;
  letter-spacing:-.02em;
}

.cc-gen-prepared-route p{
  margin:0;
  color:var(--cc-gen-muted,#64748b);
  font-weight:650;
}

.cc-gen-prepared-route > span{
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--cc-gen-purple-line,#dac9ff);
  color:var(--cc-gen-purple-dark,#5522b4);
  font-size:.78rem;
  font-weight:850;
}

.cc-gen-problem-coach{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:12px;
  margin:14px 0 16px;
  padding:14px;
  border:1px solid var(--cc-gen-purple-line,#dac9ff);
  border-radius:20px;
  background:linear-gradient(135deg,var(--cc-gen-purple-soft,#f2ecff),#fff 78%);
}

.cc-gen-problem-coach__icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--cc-gen-purple-dark,#5522b4);
  font-weight:900;
}

.cc-gen-problem-coach h4{
  margin:0 0 4px;
  color:var(--cc-gen-ink,#111a35);
  font-size:1rem;
  letter-spacing:-.02em;
}

.cc-gen-problem-coach p{
  margin:0;
  color:var(--cc-gen-muted,#64748b);
  line-height:1.45;
  font-size:.92rem;
  font-weight:650;
}

.cc-gen-problem-coach ul{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:10px 0 0;
  padding:0;
  list-style:none;
}

.cc-gen-problem-coach li{
  padding:5px 8px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--cc-gen-border,#dde3ef);
  color:var(--cc-gen-ink-soft,#24304d);
  font-size:.78rem;
  font-weight:800;
}


.cc-gen-pane,
.cc-gen-builder{
  scroll-margin-top:132px;
}

.cc-generator-engaged .cc-announcement{ opacity:.82; }

.cc-gen-seo-content--quiet{ margin-top:2rem; }
.cc-gen-seo-content--quiet .cc-gen-seo-grid{ align-items:start; }
.cc-gen-seo-content--quiet .cc-card,
.cc-gen-seo-content--quiet .cc-gen-use-case-panel,
.cc-gen-seo-content--quiet .cc-gen-related-routes a,
.cc-gen-faq details,
.cc-gen-final-cta{ box-shadow:none !important; }

@media (max-width:720px){
  .cc-generator-page .cc-main{ padding-top:12px; }
  .cc-gen-command-panel{ border-radius:22px !important; padding:18px !important; }
  .cc-gen-command-top,
  .cc-gen-prepared-route{ align-items:flex-start; flex-direction:column; }
  .cc-gen-command-ready,
  .cc-gen-prepared-route > span{ align-self:flex-start; }
  .cc-gen-command-primary{ min-height:52px; }
  .cc-gen-problem-coach{ grid-template-columns:1fr; }
  .cc-gen-problem-coach__icon{ display:none; }
  .cc-gen-pane,
  .cc-gen-builder{ scroll-margin-top:112px; }
  .cc-gen-cro-v15 .cc-gen-side{ display:grid; gap:.85rem; }
}


/* v1.6 correction: no extra cards below the generator shell. The side area should contain the circular readiness card only. */
.cc-gen-cro-v15 .cc-gen-side > .cc-card:not(.cc-gen-strength){
  display:none !important;
}

.cc-gen-cro-v15 .cc-gen-side{
  align-self:start;
}

/* Keep the SEO content indexable, but remove the heavy card-stack look directly below the task. */
.cc-gen-seo-content--quiet{
  margin-top:2.25rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(100,116,139,.16);
}

.cc-gen-seo-content--quiet .cc-gen-seo-grid{
  display:grid;
  gap:1.25rem;
}

.cc-gen-seo-content--quiet .cc-card,
.cc-gen-seo-content--quiet .cc-gen-use-case-panel{
  box-shadow:none !important;
  border-color:rgba(100,116,139,.18) !important;
  background:rgba(255,255,255,.54) !important;
}

.cc-gen-seo-content--quiet .cc-gen-related-routes a,
.cc-gen-faq details,
.cc-gen-final-cta{
  box-shadow:none !important;
}

@media (max-width:720px){
  .cc-gen-cro-v15 .cc-gen-side{
    display:grid;
    gap:.85rem;
  }
  .cc-gen-cro-v15 .cc-gen-side > .cc-card:not(.cc-gen-strength){
    display:none !important;
  }
}


/* ClearComplaint v2 Generator Early Commitment UX v1.6.2
   Surgical cleanup after v1.5: keep only the circular readiness companion in the generator side rail.
   No below-generator side-card stack, no inner suggestions panel, no repeated unlock card outside the review/preview step. */
.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only]{
  align-self:start;
}

.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] > .cc-card:not(.cc-gen-strength){
  display:none !important;
}

.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] .cc-gen-strength{
  position:sticky;
  top:96px;
}

.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] .cc-gen-panel-block,
.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] [data-suggestions]{
  display:none !important;
}

.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] .cc-gen-cro-readiness-copy{
  margin-top:.7rem;
}

.cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] .cc-gen-strength{
  padding:1.05rem !important;
}

@media (max-width:720px){
  .cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only]{
    display:grid;
    position:static;
    margin-top:.95rem;
  }
  .cc-gen-cro-v15 .cc-gen-side[data-gec-v162-readiness-only] .cc-gen-strength{
    position:static;
  }
}


/* ClearComplaint Generator Early Commitment UX v1.6.2: generator page is the task builder only. */
.cc-generator-page .cc-gen-seo-content,
.cc-generator-page .cc-gen-faq,
.cc-generator-page .cc-gen-final-cta{
  display:none !important;
}