/* Smart Connecta 1.4.116 · Automações → Formulários do WhatsApp (whatsapp-forms.js) e etapas do fluxo. */
.wf-page{display:flex;flex-direction:column;gap:18px}
.wf-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;border:1px solid var(--fb-line,#ece7f4);border-radius:20px;background:#fff}
.wf-intro h2,.wf-verification h2{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--fb-ink,#1d1238);letter-spacing:-.2px}
.wf-intro p,.wf-verification header p{margin:0;font-size:13px;line-height:1.6;color:var(--fb-text,#4a3f66);max-width:760px}
.wf-intro-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.wf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.wf-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--fb-line,#ece7f4);border-radius:20px;background:#fff;box-shadow:0 6px 20px rgba(29,18,56,.04);min-width:0}
.wf-card>header{display:flex;justify-content:space-between;align-items:center;gap:10px}
.wf-card h3{margin:0;font-size:16px;font-weight:800;color:var(--fb-ink,#1d1238);overflow-wrap:anywhere}
.wf-card>footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--fb-line,#ece7f4);padding-top:12px;margin-top:auto}
.wf-fields{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.wf-fields li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--fb-text,#4a3f66);min-width:0}
.wf-fields li b{font-weight:700;color:var(--fb-ink,#1d1238)}
.wf-fields li span{color:var(--fb-muted,#8a80a3);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wf-fields em,.fb-protected{font-style:normal;font-size:11px;font-weight:800;border-radius:999px;padding:2px 8px;background:#f3f1f8;color:#6b6385;white-space:nowrap}
.wf-fields em.wf-protected,.fb-protected{background:var(--fb-violet-soft,#f1ecfe);color:var(--fb-violet,#6a3df0)}
.wf-channels{display:flex;flex-direction:column;gap:8px}
.wf-channels>strong{font-size:12px;color:var(--fb-muted,#8a80a3);text-transform:uppercase;letter-spacing:.04em}
.wf-channel{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;background:var(--fb-soft,#f8f6fc);border-left:3px solid #d7d0e6}
.wf-channel span{display:flex;flex-direction:column;min-width:0}
.wf-channel b{font-size:13px;color:var(--fb-ink,#1d1238);overflow-wrap:anywhere}
.wf-channel small{font-size:12px;color:var(--fb-muted,#8a80a3);overflow-wrap:anywhere}
.wf-channel.ok{border-left-color:var(--fb-green,#1f8a5b)}.wf-channel.ok small{color:var(--fb-green,#1f8a5b)}
.wf-channel.old{border-left-color:var(--fb-amber,#b7791f)}.wf-channel.old small{color:var(--fb-amber,#b7791f)}
.wf-channel.error{border-left-color:var(--fb-red,#c2334d)}.wf-channel.error small{color:var(--fb-red,#c2334d)}
.wf-verification{padding:20px 22px;border:1px solid var(--fb-line,#ece7f4);border-radius:20px;background:#fff;display:flex;flex-direction:column;gap:16px}
.wf-verification-form{display:flex;flex-direction:column;gap:16px}
.wf-verification-form h3{margin:0 0 6px;font-size:15px;font-weight:800;color:var(--fb-ink,#1d1238)}
.wf-verification-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--fb-text,#4a3f66)}
.wf-verification-form label small{font-weight:400;color:var(--fb-muted,#8a80a3)}
.wf-verification-form select,.wf-verification-form input{min-height:40px;border:1px solid #ddd5ec;border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;background:#fff;color:var(--fb-ink,#1d1238)}
.wf-verification-form>footer{display:flex;justify-content:flex-end}
.wf-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wf-attempts{max-width:260px}
.wf-comparisons{border:1px solid var(--fb-line,#ece7f4);border-radius:14px;padding:14px;margin:14px 0 0;display:flex;flex-direction:column;gap:10px}
.wf-comparisons legend{font-size:13px;font-weight:800;color:var(--fb-text,#4a3f66);padding:0 6px}
.wf-compare{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(140px,1.3fr) minmax(140px,1fr);align-items:center;gap:10px;font-size:13px;color:var(--fb-ink,#1d1238)}
.wf-compare b{color:var(--fb-muted,#8a80a3)}
.wf-footnote{margin:0}
/* Editor */
.cp-modal.wf-modal{width:min(1060px,calc(100vw - 32px))}
.wf-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px;align-items:start}
.wf-editor-main{display:flex;flex-direction:column;gap:17px;min-width:0}
.wf-field-list{display:flex;flex-direction:column;gap:12px}
.wf-field{display:grid;grid-template-columns:minmax(130px,1fr) minmax(120px,1fr) minmax(110px,.9fr);gap:10px;padding:12px;border:1px solid #f0eaf5;border-radius:12px;background:#fdfcff}
.wf-field .wf-wide{grid-column:1 / 3}
.wf-flags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wf-flags .cp-check-option{padding:7px 9px}
.wf-editor-preview{position:sticky;top:0}
.wf-phone{border-radius:24px;background:#e7ddd4;padding:14px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 0 1px #d8cdc2}
.wf-bubble{background:#fff;border-radius:12px;padding:10px 12px;font-size:12px;color:#1f2933;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wf-bubble p{margin:0 0 8px;white-space:pre-wrap;overflow-wrap:anywhere}
.wf-bubble b{display:block;text-align:center;color:#0b7a5c;border-top:1px solid #eef0f2;padding-top:8px;font-size:12px}
.wf-screen{background:#fff;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:10px;font-size:12px;color:#1f2933}
.wf-screen header{font-weight:800;font-size:13px;border-bottom:1px solid #eef0f2;padding-bottom:8px;overflow-wrap:anywhere}
.wf-screen>p{margin:0;color:#52606d;overflow-wrap:anywhere}
.wf-preview-field{display:flex;flex-direction:column;gap:3px}
.wf-preview-field span{font-weight:700;color:#3e4c59}
.wf-preview-field i{display:block;min-height:30px;border:1px solid #cbd2d9;border-radius:8px;padding:6px 8px;font-style:normal;color:#9aa5b1}
.wf-preview-field small{color:#7b8794}
.wf-screen footer{background:#0b7a5c;color:#fff;border-radius:999px;text-align:center;padding:8px;font-weight:800}
.cq-verification{border:1px solid var(--fb-line,#ece7f4);border-radius:14px;padding:12px 14px;margin:0;display:flex;flex-direction:column;gap:8px}
.cq-verification legend{font-weight:800;font-size:13px;padding:0 6px}
@media (max-width:860px){.wf-editor-grid{grid-template-columns:1fr}.wf-editor-preview{position:static}}
@media (max-width:640px){.wf-intro{flex-direction:column}.wf-intro-actions{justify-content:flex-start}.wf-two{grid-template-columns:1fr}.wf-grid{grid-template-columns:1fr}
  .wf-field{grid-template-columns:1fr}.wf-field .wf-wide{grid-column:auto}.wf-compare{grid-template-columns:1fr}.wf-compare b{display:none}}
.wf-verification-form [data-wf-query]{margin-top:10px}