/* Guidance for the real account; demonstration keeps its own introduction. */
.setup-guide { display: grid; gap: var(--space-5); margin-bottom: var(--space-5); padding: var(--space-4); background: radial-gradient(ellipse at top right, #e7f4d5, transparent 70%), var(--surface); }
.setup-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-3); }
.setup-heading > div { flex: 1 1 300px; min-width: 0; }
.setup-guide h2 { color: var(--brand-dark); font-size: 22px; line-height: 1.3; margin: var(--space-2) 0; }
.setup-guide p { font-size: 14px; line-height: 1.65; color: var(--muted); }
.setup-guide .eyebrow { color: var(--brand); font-size: 10px; }
.setup-guide .badge { white-space: normal; font-size: 11px; line-height: 1.5; }
.setup-steps { display: grid; gap: var(--space-3); list-style: none; padding: 0; margin: 0; }
.setup-step { display: grid; grid-template-columns: var(--space-6) minmax(0, 1fr); align-items: start; gap: var(--space-3); padding: var(--space-4); border: 1px solid var(--border); border-radius: var(--radius); background: rgb(255 255 255 / 85%); }
.setup-step.setup-next { border-color: var(--brand); }
.setup-number { display: grid; place-items: center; width: var(--space-6); height: var(--space-6); border-radius: var(--space-2); background: var(--soft-green); color: var(--brand); font-weight: 700; }
.setup-next .setup-number { color: white; background: var(--brand); }
.setup-step-copy { min-width: 0; }
.setup-step-status { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); }
.setup-next-label { color: var(--brand); font-size: 11px; font-weight: 650; }
.setup-step h3 { margin: var(--space-2) 0 var(--space-1); color: var(--brand-dark); font-size: 17px; line-height: 1.4; }
.setup-step p { font-size: 13px; }
.setup-step > .btn { grid-column: 1 / -1; width: 100%; min-height: var(--mobile-action-height, 44px); font-size: var(--mobile-action-font-size, 13px); }
.setup-guide .setup-footnote { display: flex; align-items: flex-start; gap: var(--space-2); font-size: 12px; }
.setup-footnote > svg { flex-shrink: 0; margin-top: var(--space-1); }
.setup-links { display: flex; flex-wrap: wrap; gap: var(--space-2); }
.setup-links .btn { min-height: var(--mobile-action-height, 44px); }
.setup-module-note { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); margin-bottom: var(--space-5); padding: var(--space-3) var(--space-4); border-radius: var(--radius); border: 1px solid var(--border); background: var(--soft-green); }
.setup-module-note p { flex: 1 1 260px; font-size: 13px; line-height: 1.65; }
.setup-module-note .btn { min-height: var(--mobile-action-height, 44px); }
.automation-setup .activation-choice { background: var(--soft-green); }
.automation-setup .activation-choice small { display: block; line-height: 1.65; }
.automation-setup .activation-choice input { flex-shrink: 0; }
.automation-setup .form-grid input { font-size: 16px; }
.whatsapp-dialog .connection-mobile-help { font-size: 12px; text-align: left; line-height: 1.65; }
@media (min-width: 768px) {
  .setup-guide { padding: var(--space-5); }
  .setup-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
  .setup-step { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; gap: var(--space-3); }
  .setup-step > .btn { align-self: end; }
}