.fe-shell{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}
.fe-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--border)}
.fe-bar label{font-size:12px;color:var(--text-2)}.fe-bar input,.fe-bar select{max-width:260px}
.fe-bar button,.fe-tools button,.fe-inspector button{min-height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--text);padding:6px 10px;cursor:pointer}
.fe-bar .btnp{background:var(--primary);color:white}.fe-help{padding:9px 16px;font-size:12px;color:var(--text-2);border-bottom:1px solid var(--border)}
.fe-workspace{display:flex;height:clamp(560px,76vh,900px);min-height:560px;position:relative}.fe-stage{position:relative;flex:1;min-width:0}
.fe-stage #drawflow{height:100%;width:100%;background-color:var(--surface-3);background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}
.fe-tools{position:absolute;bottom:18px;left:18px;display:flex;align-items:center;gap:5px;z-index:5;border:1px solid var(--border-strong);border-radius:11px;background:var(--surface);padding:5px;box-shadow:var(--shadow-sm)}
.fe-tools output{min-width:48px;text-align:center;font-size:12px;font-weight:700;color:var(--text)}.fe-tools button{min-width:34px}
.fe-inspector{width:350px;flex-shrink:0;border-left:1px solid var(--border);background:var(--surface);overflow:auto;padding:18px;color:var(--text);font-size:13px}
.fe-inspector h3{font-size:16px;margin:0 0 8px}.fe-inspector h4{font-size:13px;margin:18px 0 9px}.fe-inspector p{font-size:12px;color:var(--text-2);line-height:1.55}
.fe-inspector label{display:block;font-size:12px;color:var(--text-2);margin:12px 0 5px}.fe-inspector input,.fe-inspector select,.fe-inspector textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:8px;padding:9px;background:var(--surface-3);color:var(--text);font:inherit}
.fe-inspector textarea{min-height:135px;resize:vertical}.fe-inspector input[readonly]{opacity:.8}.fe-inspector fieldset{margin:15px 0;padding:12px;border:1px solid var(--border);border-radius:11px;min-width:0}.fe-inspector legend{font-weight:700;font-size:12px}.fe-inspector .fe-note{padding:10px;border-radius:8px;background:var(--surface-3);font-size:12px;line-height:1.5;color:var(--text-2)}
#drawflow .drawflow-node{width:300px;padding:0;border-radius:13px;display:block}
#drawflow .drawflow-node .drawflow_content_node{width:100%}#drawflow .fe-head{display:flex;gap:8px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:750;cursor:move}
#drawflow .fe-head span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#drawflow .fe-head button{border:0;background:var(--surface-3);color:var(--text-2);border-radius:6px;padding:4px 7px;cursor:pointer}
#drawflow .fe-kind{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);padding:12px 14px 0;font-weight:700}
#drawflow .fe-preview{padding:9px 14px 14px;font-size:12px;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;max-height:110px;overflow:hidden}
#drawflow .fe-route{position:relative;margin:0 14px 9px;padding:10px 28px 10px 10px;border:1px solid var(--border-strong);border-radius:9px;font-size:12px;color:var(--text);background:var(--surface-2);min-height:39px;box-sizing:border-box;overflow-wrap:anywhere;cursor:pointer}
#drawflow .fe-route small{display:block;color:var(--text-2);font-size:10px;margin-top:4px}#drawflow .fe-route.fe-wait{border-style:dashed;border-color:#b7791f;background:rgba(183,121,31,.06)}
#drawflow .fe-edit{margin:0 14px 12px;width:calc(100% - 28px);padding:7px;color:var(--text-2);font-size:11px;background:transparent;border:0;cursor:pointer;text-align:left}
#drawflow .outputs,#drawflow .inputs{position:absolute;inset:0;pointer-events:none;width:auto;height:auto}#drawflow .drawflow-node .output,#drawflow .drawflow-node .input{position:absolute;margin:0;pointer-events:auto;width:15px;height:15px;box-sizing:border-box;z-index:3}
#drawflow .drawflow-node .output{left:calc(100% - 7px);right:auto;background:var(--primary)}#drawflow .drawflow-node .input{left:-8px;top:20px;background:#3B82F6}#drawflow .drawflow-node .output_4{background:#d69e36}
#drawflow .fe-collapsed .fe-preview{display:none}#drawflow .fe-collapsed{width:260px}
#drawflow .connection.fe-timeout .main-path{stroke:#d69e36;stroke-dasharray:7 5}#drawflow .fe-edge-label{font-size:11px;fill:var(--text);paint-order:stroke;stroke:var(--surface-3);stroke-width:6px;stroke-linejoin:round;pointer-events:none}
#drawflow .fe-invalid{border-color:#EF5A6F}.fe-errors:not(:empty){padding:12px 16px;color:#EF5A6F;font-size:13px;border-bottom:1px solid var(--border);white-space:pre-line}
.fe-automatic{padding:10px 16px;border-bottom:1px solid var(--border);font-size:12px}.fe-automatic summary{cursor:pointer;color:var(--text-2)}.fe-automatic .fe-bar{border:0;padding:12px 0 0}
.fe-inspector :focus-visible,.fe-tools :focus-visible,#drawflow :focus-visible{outline:2px solid var(--primary);outline-offset:3px}
@media(max-width:1100px){.fe-inspector{width:300px}.fe-bar input{max-width:210px}}@media(max-width:760px){.fe-workspace{height:auto;display:block}.fe-stage{height:560px}.fe-inspector{width:auto;border-left:0;border-top:1px solid var(--border);max-height:470px}.fe-tools{flex-wrap:wrap;right:14px}.fe-bar{padding:12px}}

#drawflow .drawflow{transform-origin:0 0}
/* Mantém os controles de navegação dentro da altura útil da tela. */
.fe-workspace{height:clamp(380px,calc(100dvh - 340px),900px);min-height:380px}
.fe-bar>label{display:flex;flex-direction:column;gap:5px}.fe-bar>label:first-child input{width:260px}
.fe-automatic .fe-bar>label:first-child{flex-direction:row;align-items:center}.fe-automatic .fe-bar>label:first-child input{width:auto}
@media(max-width:760px){.fe-workspace{height:auto}.fe-stage{height:480px}}
/* A navegação usa o canvas; foco e cliques não devem rolar o contêiner por baixo. */
.fe-stage #drawflow{overflow:clip}
/* Construtor por blocos: painel à esquerda, ferramentas na borda direita. */
.fe-inspector{order:-1;width:360px;border-left:0;border-right:1px solid var(--border);display:none}
.fe-editing .fe-inspector{display:block;animation:fe-panel-in .18s ease-out}
.fe-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fe-panel-head h3{margin:0}.fe-panel-head button{font-size:23px;line-height:1}
.fe-tools{left:auto;right:18px;bottom:18px;flex-direction:column}.fe-tools button{width:38px;height:38px;padding:0;font-size:18px}.fe-tools button:nth-last-child(-n+2){font-size:10px;height:32px}.fe-tools output{font-size:10px;min-width:38px}.fe-tools button[onclick="feZoom(0,true)"]{font-size:10px}
.fe-add-step{position:absolute;right:18px;top:18px;width:48px;height:48px;border-radius:50%;border:0;background:var(--primary);color:#fff;font-size:30px;box-shadow:var(--shadow);z-index:6;cursor:pointer;transition:transform .15s,background .15s}
.fe-add-step:hover{transform:scale(1.06);background:var(--primary-d)}
#drawflow .fe-preview{max-height:none;padding-top:10px}#drawflow .fe-block-preview{display:flex;gap:8px;background:var(--surface-2);border-radius:7px;padding:9px;margin-bottom:6px;color:var(--text-2);white-space:pre-wrap;max-height:90px;overflow:hidden}#drawflow .fe-block-preview>span{color:var(--primary);font-weight:700}#drawflow .fe-block-wait{background:var(--primary-soft);color:var(--primary)}
.fe-content-block{border:1px solid var(--border-strong);border-radius:10px;margin-top:12px;background:var(--surface-3);padding:10px;animation:fe-panel-in .16s ease-out}
.fe-block-head{display:flex;align-items:center;gap:4px}.fe-block-head>b{flex:1;font-size:12px}.fe-block-head>span{cursor:grab;font-size:19px}.fe-block-head button{min-height:28px;width:28px;padding:0;font-size:14px}.fe-block-head button:disabled{opacity:.3;cursor:default}.fe-content-block small{display:block;font-size:11px;color:var(--text-2);line-height:1.5}.fe-content-block textarea{min-height:90px}.fe-content-block label{font-size:11px}.fe-insert{width:100%;border-style:dashed!important;margin:8px 0 3px;color:var(--primary)!important;font-size:12px}
.fe-upload{padding:9px;border:1px dashed var(--border-strong);border-radius:8px}.fe-upload input{border:0;padding:5px 0;font-size:11px}
.fe-palette{position:fixed;width:290px;max-height:calc(100dvh - 24px);overflow:auto;background:var(--surface,#fff);color:var(--text,#1B1822);border:1px solid var(--border-strong,#ddd);border-radius:13px;box-shadow:var(--shadow-lg);padding:8px;z-index:100000;animation:fe-menu-in .13s ease-out}
.fe-palette-title{display:flex;align-items:center;justify-content:space-between;padding:7px 10px 10px;font-size:13px}.fe-palette-title button{background:transparent;color:inherit;border:0;font-size:22px;cursor:pointer}.fe-palette-item{display:flex;align-items:center;gap:13px;width:100%;padding:12px 10px;background:transparent;color:inherit;border:0;border-radius:9px;text-align:left;cursor:pointer}.fe-palette-item:hover,.fe-palette-item:focus-visible{background:var(--primary-soft);outline:2px solid var(--primary);outline-offset:-2px}.fe-palette-item>span{width:30px;height:30px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;color:var(--primary)}.fe-palette-item b{font-size:13px}.fe-palette-item small{display:block;margin-top:3px;font-size:11px;color:var(--text-2)}
@keyframes fe-panel-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes fe-menu-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.fe-inspector,.fe-palette,.fe-content-block,.fe-add-step{animation:none;transition:none}}
@media(max-width:760px){.fe-workspace{display:flex;flex-direction:column}.fe-inspector{order:1;width:auto;border-right:0;border-top:1px solid var(--border)}.fe-stage{min-height:480px;flex:none}.fe-tools{right:10px;bottom:10px}.fe-add-step{right:10px;top:10px}}

.fe-tools button,.fe-tools button:nth-last-child(-n+2){width:40px;height:40px;font-size:20px}
.fe-sr-only{position:absolute;width:1px!important;height:1px!important;min-width:0!important;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Navegação secundária no menu lateral: o construtor fica livre de abas. */
.f-subnav{margin:0 0 5px 21px;padding:4px 0 4px 15px;border-left:1px solid var(--border-strong);display:flex;flex-direction:column;gap:2px}
.f-subitem{display:block;border:0;background:transparent;color:var(--text-2);font:inherit;font-size:12px;line-height:1.3;text-align:left;padding:8px 9px;border-radius:7px;cursor:pointer;min-height:32px}
.f-subitem:hover{background:var(--surface-2);color:var(--text)}.f-subitem.is-current{background:var(--primary-soft);color:var(--primary);font-weight:650}
#app>div>aside>nav:has(.f-subnav){overflow-y:auto;min-height:0;scrollbar-width:thin}
.fe-topbar{display:flex;align-items:center;gap:8px;height:60px;padding:0 16px;border-bottom:1px solid var(--border);background:var(--surface)}
.fe-icon-btn,.fe-config-btn,.fe-save-btn,.fe-title-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;border:1px solid var(--border-strong);border-radius:8px;font:inherit;font-size:12px;line-height:1;cursor:pointer;background:var(--surface);color:var(--text);padding:0 12px;transition:background .15s,border-color .15s}
.fe-icon-btn{width:36px;flex-shrink:0;padding:0;border-color:transparent;color:var(--text-2)}.fe-icon-btn:hover,.fe-title-button:hover{background:var(--surface-2)}
.fe-title-button{min-width:0;max-width:440px;border:0;font-size:14px;font-weight:650;padding-left:5px}.fe-title-button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fe-title-button svg{flex-shrink:0;color:var(--text-3);width:16px}
.fe-top-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.fe-config-btn{color:var(--text-2);border-color:transparent}.fe-config-btn svg{width:17px}.fe-config-btn:hover{background:var(--surface-2);border-color:var(--border)}
.fe-save-btn{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:650;padding:0 15px}.fe-save-btn:hover{background:var(--primary-d);border-color:var(--primary-d)}
.fe-topbar :focus-visible,.fe-settings :focus-visible,.f-subitem:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
.fe-workspace{height:clamp(380px,calc(100dvh - 186px),1100px)}
.fe-add-step,.fe-tools button{display:grid;place-items:center;line-height:1;padding:0}.fe-add-step svg{display:block;width:24px;height:24px}.fe-tools svg{display:block;width:18px;height:18px}
.fe-settings{position:fixed;inset:0 0 0 auto;margin:0;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-lg);overflow:hidden}
.fe-settings[open]{display:flex;flex-direction:column;animation:fe-settings-in .2s ease-out}.fe-settings::backdrop{background:rgba(20,16,30,.24)}
.fe-settings-head{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border);flex-shrink:0}.fe-settings-head p{font-size:10px;letter-spacing:.1em;color:var(--text-3);margin:0 0 5px;font-weight:700}.fe-settings h2{font-size:20px;letter-spacing:-.3px;margin:0}.fe-settings h3{font-size:14px;margin:0 0 16px}.fe-settings h4{font-size:12px;margin:24px 0 10px}
.fe-settings-body{padding:24px;overflow:auto;flex:1;min-height:0}.fe-settings section+section{border-top:1px solid var(--border);margin-top:25px;padding-top:25px}.fe-settings label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px;color:var(--text-2)}
.fe-settings input:not([type="checkbox"]),.fe-settings select{display:block;box-sizing:border-box;width:100%;height:40px;border:1px solid var(--border-strong);border-radius:8px;padding:0 11px;background:var(--surface-3);color:var(--text);font:inherit;font-size:13px;line-height:normal}
.fe-field-help{font-size:11.5px;color:var(--text-2);line-height:1.6;margin:8px 0 0}.fe-config-note{font-size:12px;line-height:1.65;color:var(--text-2);padding:12px;background:var(--surface-2);border-radius:9px;margin-top:15px}.fe-config-note[hidden],#fe_auto_fields[hidden]{display:none}
.fe-switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.fe-switch-row h3{margin:0 0 5px}.fe-switch-row p{font-size:12px;color:var(--text-2);margin:0;line-height:1.5}.fe-switch{appearance:none;position:relative;flex-shrink:0;width:36px;height:22px;border:0;border-radius:15px;background:var(--border-strong);cursor:pointer;transition:background .15s}.fe-switch:before{content:'';position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.fe-switch:checked{background:var(--primary)}.fe-switch:checked:before{transform:translateX(14px)}
.fe-days-field{display:flex;gap:10px;align-items:center}.fe-days-field input{width:82px!important;flex-shrink:0}.fe-days-field>span{font-size:12px;color:var(--text-2)}
.fe-hours{display:flex;align-items:flex-end;gap:12px}.fe-hours label{flex:1;margin:0;font-weight:500}.fe-hours select{margin-top:7px}.fe-hours>span{font-size:12px;color:var(--text-3);padding-bottom:13px}
.fe-settings-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;gap:18px;flex-shrink:0}.fe-settings-footer p{font-size:11px;line-height:1.5;color:var(--text-2);margin:0;flex:1}
@keyframes fe-settings-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.fe-settings[open],.fe-switch,.fe-switch:before{animation:none;transition:none}}
@media(max-width:760px){.fe-topbar{padding:0 10px}.fe-title-button{font-size:12px;max-width:180px}.fe-config-btn span{display:none}.fe-config-btn{width:36px;padding:0}.fe-top-actions{gap:4px}.fe-workspace{height:auto}.fe-settings-head,.fe-settings-body{padding:20px}}

/* === ManyChat + WhatsApp Oficial (Cloud API) Flow Builder Upgrade === */
.fe-wa-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.12);color:#047857;font-size:11px;font-weight:700;letter-spacing:.01em;border:1px solid rgba(16,185,129,.25)}
.fe-save-status{font-size:11.5px;color:#059669;font-weight:600;padding:0 6px}
.fe-save-status.is-dirty{color:#D97706}
.fe-preview-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:8px;border:1px solid rgba(0,132,255,.35);background:rgba(0,132,255,.08);color:#0066CC;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .15s,border-color .15s}
.fe-preview-btn:hover{background:rgba(0,132,255,.15);border-color:#0084FF}

/* Promotional Banner Artwork (ManyChat Card Style) */
.fe-promo-banner{border-radius:9px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden;position:relative}
.fe-promo-banner img{width:100%;max-height:170px;object-fit:cover;border-radius:7px;display:block}
.fe-promo-vdc{background:linear-gradient(160deg,#FCE7F3 0%,#FBCFE8 55%,#F9A8D4 100%);color:#4C1D95;border:1px solid rgba(190,24,93,.15)}
.fe-promo-gap{background:linear-gradient(160deg,#ECFDF5 0%,#D1FAE5 55%,#A7F3D0 100%);color:#064E3B;border:1px solid rgba(5,150,105,.2)}
.fe-promo-pill{font-size:9.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.72)}
.fe-promo-list{font-size:10.5px;font-weight:700;line-height:1.4}
.fe-promo-price{display:flex;flex-direction:column;line-height:1.15;margin-top:2px}
.fe-promo-price small{font-size:9.5px;color:#DC2626;text-decoration:line-through;font-weight:700}
.fe-promo-price b{font-size:15px;font-weight:900;color:#15803D}
.fe-promo-price span{font-size:9px;opacity:.85}
.fe-promo-badge{margin-top:2px;background:#16A34A;color:#fff;font-size:10px;font-weight:800;padding:4px 12px;border-radius:6px;letter-spacing:.03em;box-shadow:0 2px 6px rgba(22,163,74,.3)}
.fe-promo-banner.is-compact{padding:8px;gap:3px}
.fe-promo-banner.is-compact .fe-promo-list{font-size:9.5px;line-height:1.3}
.fe-promo-banner.is-compact .fe-promo-price b{font-size:13px}

/* Canvas Node Headers, Telemetry & Blocks (ManyChat style) */
#drawflow .drawflow-node{width:296px;border-radius:14px;overflow:visible;box-shadow:0 6px 20px rgba(15,23,42,.08);border:1.5px solid var(--border-strong);background:var(--surface)}
#drawflow .drawflow-node.selected{border-color:#22C55E;box-shadow:0 0 0 3px rgba(34,197,94,.2),0 8px 24px rgba(15,23,42,.12)}
#drawflow .fe-head{border-radius:12px 12px 0 0;padding:10px 12px}
#drawflow .fe-node-badge{font-size:14px;flex-shrink:0}
#drawflow .fe-head-tpl{background:linear-gradient(135deg,#059669,#10B981);color:#fff;border-bottom-color:rgba(255,255,255,.18)}
#drawflow .fe-head-msg{background:linear-gradient(135deg,#0066CC,#0084FF);color:#fff;border-bottom-color:rgba(255,255,255,.18)}
#drawflow .fe-head-tpl button,#drawflow .fe-head-msg button{background:rgba(255,255,255,.18);color:#fff}
#drawflow .fe-head-tpl button:hover,#drawflow .fe-head-msg button:hover{background:rgba(255,255,255,.3)}
#drawflow .fe-stats-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:7px 10px;background:var(--surface-2);border-bottom:1px solid var(--border);text-align:center}
#drawflow .fe-stats-bar>div{display:flex;flex-direction:column;gap:1px}
#drawflow .fe-stats-bar b{font-size:12.5px;font-weight:750;color:var(--text)}
#drawflow .fe-stats-bar small{font-size:9px;color:var(--text-3);text-transform:uppercase;letter-spacing:.03em}
#drawflow .fe-preview{padding:10px 12px;max-height:none;display:flex;flex-direction:column;gap:6px}
#drawflow .fe-tpl-bubble{background:var(--surface-2);border-radius:9px;padding:9px 11px;font-size:12px;line-height:1.45;color:var(--text)}
#drawflow .fe-node-24h-pill{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 9px;border-radius:8px;background:rgba(16,185,129,.09);border:1px solid rgba(16,185,129,.28);font-size:10.5px;font-weight:700}
#drawflow .fe-block-preview{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:9px;padding:8px 10px;margin:0;color:var(--text);font-size:11.5px;line-height:1.4;max-height:none;overflow:visible}
#drawflow .fe-block-wait{background:#EEF2FF;color:#4F46E5;font-weight:600;justify-content:center;padding:6px 10px}
#drawflow .fe-block-tag-action{background:#FFFBEB;border:1px solid rgba(245,158,11,.45);color:#92400E}
#drawflow .fe-block-tag-action>div{display:flex;flex-direction:column;gap:1px;font-size:11px}
#drawflow .fe-block-media{flex-direction:column;align-items:center;text-align:center;padding:10px;border:1px solid var(--border)}
#drawflow .fe-media-icon{font-size:16px}
#drawflow .fe-media-name{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}
#drawflow .fe-media-name b{font-size:11.5px;font-weight:650;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#drawflow .fe-media-name small{display:block;font-size:10.5px;color:var(--text-2);white-space:normal}
#drawflow .fe-block-card{flex-direction:column;align-items:stretch;padding:8px;background:var(--surface);border:1px solid var(--border-strong);gap:7px}
#drawflow .fe-card-meta{display:flex;flex-direction:column;gap:3px}
#drawflow .fe-card-meta b{display:block;font-size:12px;font-weight:750;color:var(--text);line-height:1.3}
#drawflow .fe-card-meta small{display:block;font-size:11px;color:var(--text-2);line-height:1.35}
#drawflow .fe-card-cta{display:flex;align-items:center;justify-content:space-between;margin-top:4px;padding:6px 10px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border-strong);font-size:11px;font-weight:750;color:var(--text)}
#drawflow .fe-card-tag-pill{margin-top:3px;padding:3px 7px;border-radius:6px;background:#FFFBEB;border:1px solid rgba(245,158,11,.4);color:#92400E;font-size:10px;font-weight:700}
#drawflow .fe-route{margin:0 12px 7px;padding:8px 26px 8px 11px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border-strong)}
#drawflow .fe-route-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#drawflow .fe-route-top b{font-size:12px;font-weight:700;color:var(--text)}
#drawflow .fe-ctr-pill{font-size:10px;font-weight:750;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.14);color:#047857;flex-shrink:0}
#drawflow .fe-route.fe-next{border-style:dashed;border-color:#0084FF;background:rgba(0,132,255,.06);color:#0066CC}

/* Left Inspector ManyChat Clean Drawer */
.fe-inspector{width:386px;padding:0;display:none;background:var(--surface)}
.fe-editing .fe-inspector{display:flex;flex-direction:column;height:100%;overflow:hidden}
.fe-panel-head{padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}
.fe-panel-head-tpl{background:linear-gradient(135deg,#059669,#10B981);color:#fff}
.fe-panel-head-msg{background:linear-gradient(135deg,#EDE9FE,#DDD6FE);color:#1E1B4B}
.fe-panel-head h3{font-size:15px;font-weight:750;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;flex:1}
.fe-panel-head-tpl h3{color:#fff}
.fe-panel-head-msg h3{color:#1E1B4B}
.fe-panel-head button,.fe-back-node{min-height:28px;width:28px;padding:0;border-radius:7px;border:0;background:rgba(0,0,0,.08)!important;color:inherit!important;font-size:17px;cursor:pointer;display:grid;place-items:center}
.fe-panel-head button:hover,.fe-back-node:hover{background:rgba(0,0,0,.15)!important}
.fe-panel-body{padding:16px 26px 24px 16px;overflow-y:auto;flex:1;min-height:0}
.fe-inspector input[hidden]{display:none!important}
.fe-mc-window-note{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:10px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#065F46;font-size:11.5px;margin-top:10px;line-height:1.4}
.fe-mc-tpl-preview{margin-top:10px;padding:12px;border-radius:11px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;line-height:1.5}

/* ManyChat Block List & Right Hover Action Rail */
.fe-block-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.fe-content-block{position:relative;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface);padding:0;margin:0;transition:border-color .15s,box-shadow .15s}
.fe-content-block:hover,.fe-content-block:focus-within{border-color:#0084FF;box-shadow:0 3px 12px rgba(0,132,255,.1)}
.fe-block-side-actions{position:absolute;right:-24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;opacity:0;pointer-events:none;transition:opacity .15s;z-index:4}
.fe-content-block:hover .fe-block-side-actions,.fe-content-block:focus-within .fe-block-side-actions{opacity:1;pointer-events:auto}
.fe-block-side-actions button{min-height:22px;width:22px;padding:0;font-size:12px;border-radius:5px;border:0;background:transparent;color:var(--text-2)}
.fe-block-side-actions button:hover:not(:disabled){background:var(--surface-2);color:var(--text)}

/* 1. Text Block (ManyChat Bubble Style) */
.fe-content-text{background:var(--surface-2);overflow:hidden}
.fe-content-text textarea{border:0!important;background:transparent!important;padding:12px 13px 6px!important;min-height:76px!important;font-size:13px;line-height:1.45;resize:vertical}
.fe-content-text textarea:focus{outline:none}
.fe-bubble-bar{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:1px dashed var(--border-strong);background:rgba(255,255,255,.5)}
.fe-tool-chip{min-height:26px!important;padding:2px 8px!important;font-size:11.5px!important;border-radius:6px!important;background:var(--surface)!important;font-weight:650}
.fe-tool-chip:hover{background:rgba(0,132,255,.12)!important;color:#0066CC!important;border-color:#0084FF!important}
.fe-char-count{margin-left:auto;font-size:11px;color:var(--text-3);font-variant-numeric:tabular-nums}

/* 2. Delay Block (ManyChat Single Pill Card) */
.fe-content-delay{border-color:var(--border-strong);background:var(--surface)}
.fe-delay-card-btn{width:100%;min-height:52px!important;border:0!important;background:transparent!important;border-radius:12px!important;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-2)!important;cursor:pointer}
.fe-delay-card-btn b{color:var(--text);font-weight:700}
.fe-delay-card-btn:hover{background:var(--surface-2)!important}

/* 3. Media Block (ManyChat Clean Dropzone Card) */
.fe-mc-media-box{padding:18px 14px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer;border-radius:12px}
.fe-mc-media-icon{font-size:22px;color:var(--text-2)}
.fe-mc-media-filename{font-size:12.5px;font-weight:600;color:var(--text);word-break:break-all}
.fe-mc-media-cap{font-size:11.5px;color:var(--text-2);background:var(--surface-2);padding:4px 9px;border-radius:7px;max-width:100%}
.fe-mc-media-actions{display:flex;gap:6px;margin-top:6px}
.fe-media-upload-btn,.fe-media-link-btn{display:inline-flex;align-items:center;gap:4px;min-height:28px!important;padding:3px 10px!important;font-size:11px!important;font-weight:650;border-radius:7px!important;border:1px solid var(--border-strong)!important;background:var(--surface-2)!important;color:var(--text)!important;cursor:pointer;margin:0!important}
.fe-media-upload-btn:hover,.fe-media-link-btn:hover{border-color:#0084FF!important;color:#0066CC!important}

/* 4. Offer Card Block (ManyChat Visual Card Style) */
.fe-content-card{overflow:hidden}
.fe-mc-card-box{display:flex;flex-direction:column}
.fe-mc-card-hero{position:relative;padding:8px 8px 0}
.fe-card-upload-pill{position:absolute;top:14px;right:14px;background:rgba(15,23,42,.75);color:#fff!important;padding:4px 9px;border-radius:999px;font-size:10.5px!important;font-weight:650;cursor:pointer;margin:0!important;backdrop-filter:blur(4px)}
.fe-card-upload-pill:hover{background:#0084FF}
.fe-mc-card-inputs{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.fe-card-inline-title{border:0!important;background:transparent!important;padding:2px 0!important;font-size:13.5px!important;font-weight:750!important;color:var(--text)!important}
.fe-card-inline-sub{border:0!important;background:transparent!important;padding:2px 0!important;min-height:46px!important;font-size:12px!important;color:var(--text-2)!important;resize:none}
.fe-card-inline-title:focus,.fe-card-inline-sub:focus{outline:none;background:var(--surface-2)!important;border-radius:5px;padding-left:5px!important}
.fe-mc-card-btn{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px!important;border:0!important;border-top:1px solid var(--border-strong)!important;border-radius:0!important;background:var(--surface-2)!important;color:#0066CC!important;font-weight:750;font-size:12.5px;padding:8px 14px!important}
.fe-mc-card-btn:hover{background:rgba(0,132,255,.08)!important}
.fe-card-tag-footer{padding:6px 12px;background:#FFFBEB;border-top:1px solid rgba(245,158,11,.35);color:#92400E;font-size:11px}
.fe-sck-warn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:rgba(245,158,11,.14);border-top:1px solid rgba(245,158,11,.4);color:#92400E;font-size:11px}
.fe-sck-warn button{min-height:24px;padding:2px 8px;font-size:10.5px;font-weight:700;background:#D97706;color:#fff;border:0}
.fe-sck-btn{width:100%;margin-top:6px;font-size:11.5px!important;background:rgba(16,185,129,.12)!important;color:#047857!important;border-color:rgba(16,185,129,.35)!important;font-weight:650}

/* 5. Yellow Tag Action Block (ManyChat Ações) */
.fe-content-tag-action{background:#FFFBEB;border-color:rgba(245,158,11,.55);padding:10px 12px}
.fe-tag-action-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:#92400E;margin-bottom:7px}
.fe-tag-action-head small{font-size:10px;font-weight:600;opacity:.8}
.fe-tag-action-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:6px}
.fe-tag-action-grid select{padding:6px 8px;font-size:11.5px;background:#fff}
.fe-tag-inline-create{display:flex;gap:6px;margin-top:7px}
.fe-tag-inline-create input{flex:1;padding:5px 8px;font-size:11.5px;background:#fff}
.fe-tag-create-btn{min-height:30px!important;padding:0 10px!important;background:#D97706!important;color:#fff!important;border-color:#D97706!important;font-size:11.5px;font-weight:750}

/* Quick Replies Pills (ManyChat Pill Buttons) */
.fe-mc-qr-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.fe-mc-qr-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.fe-mc-qr-header h4{margin:0;font-size:12.5px}
.fe-mc-qr-header small{font-size:11px;color:var(--text-3)}
.fe-mc-qr-list{display:flex;flex-direction:column;gap:7px}
.fe-mc-qr-empty{font-size:11.5px;color:var(--text-3);padding:6px 0}
.fe-mc-qr-pill{display:flex;align-items:center;gap:6px}
.fe-mc-qr-main{flex:1;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px!important;padding:6px 14px!important;border-radius:999px!important;border:1.5px solid #0084FF!important;background:var(--surface)!important;color:#0066CC!important;font-weight:650;font-size:12.5px}
.fe-mc-qr-main:hover{background:rgba(0,132,255,.07)!important}
.fe-mc-qr-ctr,.fe-mc-qr-tag{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:999px;background:rgba(16,185,129,.14);color:#047857}
.fe-mc-qr-go{width:34px!important;min-height:34px!important;padding:0!important;border-radius:999px!important;border:1px solid var(--border-strong)!important;background:var(--surface-2)!important;color:#0066CC!important;font-weight:750}
.fe-mc-qr-add{width:100%;min-height:36px!important;border:1px dashed var(--border-strong)!important;color:var(--text-2)!important;background:transparent!important;border-radius:10px!important;font-weight:650;font-size:12px}
.fe-mc-qr-add:hover{border-color:#0084FF!important;color:#0066CC!important;background:rgba(0,132,255,.05)!important}

/* Floating Popover (ManyChat Side Card Popover) */
.fe-mc-popover{position:fixed;z-index:100001;width:316px;max-width:calc(100vw - 24px);padding:14px;border-radius:13px;background:var(--surface,#fff);color:var(--text,#111827);border:1px solid var(--border-strong);box-shadow:0 16px 38px rgba(15,23,42,.2);animation:fe-menu-in .14s ease-out}
.fe-mc-pop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.fe-mc-pop-head b{font-size:13.5px}
.fe-mc-pop-head button{min-height:26px;width:26px;padding:0;border:0;background:transparent;font-size:18px;cursor:pointer;color:var(--text-2)}
.fe-mc-pop-body label{display:block;font-size:11.5px;font-weight:600;color:var(--text-2);margin:10px 0 4px}
.fe-mc-pop-body input,.fe-mc-pop-body select,.fe-mc-pop-body textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-strong);border-radius:8px;padding:7px 9px;background:var(--surface-2);color:var(--text);font:inherit;font-size:12.5px}
.fe-mc-delay-row{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}
.fe-mc-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.fe-mc-chip{min-height:26px;padding:3px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);font-size:11px;font-weight:650;cursor:pointer}
.fe-mc-chip.is-active,.fe-mc-chip:hover{background:#0084FF;color:#fff;border-color:#0084FF}
.fe-mc-pop-help{font-size:11px;color:var(--text-2);margin:8px 0 0;line-height:1.4}
.fe-mc-action-badge{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);font-size:11.5px}
.fe-mc-action-badge small{display:block;color:var(--text-2);font-size:10.5px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fe-mc-pop-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}
.fe-btn-danger,.fe-btn-danger-outline{min-height:34px;padding:0 12px;border-radius:8px;border:1px solid rgba(239,68,68,.35)!important;background:rgba(239,68,68,.08)!important;color:#DC2626!important;font-weight:650;font-size:12px;cursor:pointer}

/* ManyChat 5 + Mais Bottom Block Palette */
.fe-mc-palette-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.fe-mc-palette-label{display:block;font-size:11.5px;font-weight:700;color:var(--text-2);margin-bottom:8px}
.fe-mc-palette-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.fe-mc-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;padding:9px 5px!important;border-radius:10px!important;background:var(--surface-2)!important;border:1px solid var(--border-strong)!important;transition:all .14s}
.fe-mc-tile b{display:block;font-size:11.5px;color:var(--text)}
.fe-mc-tile small{display:none}
.fe-mc-tile:hover{border-color:#0084FF!important;background:rgba(0,132,255,.08)!important;transform:translateY(-1px)}
.fe-mc-tile-icon{font-size:16px;color:#0066CC}
.fe-step-foot-btns{display:flex;gap:8px;margin-top:16px}
.fe-step-foot-btns button{flex:1;font-size:12px}

/* === Floating Smartphone Mockup (ManyChat "Visualização" Style) === */
.fe-sim-floating{position:fixed;top:142px;right:72px;z-index:9998;display:flex;align-items:flex-start;gap:10px;animation:fe-settings-in .2s ease-out}
.fe-sim-floating[hidden]{display:none!important}
.fe-sim-bezel{width:308px;height:590px;max-height:calc(100dvh - 158px);background:#181D26;border-radius:38px;padding:18px 14px 18px;box-shadow:0 24px 60px rgba(15,23,42,.45),0 0 0 1px rgba(255,255,255,.08);display:flex;flex-direction:column;box-sizing:border-box}
.fe-sim-notch{width:46px;height:4px;border-radius:999px;background:#2D3645;margin:0 auto 12px;flex-shrink:0}
.fe-sim-screen{flex:1;min-height:0;display:flex;flex-direction:column;background:#181D26;border-radius:24px;overflow:hidden}
.fe-sim-wa-top{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0}
.fe-sim-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#EC4899,#8B5CF6);display:grid;place-items:center;font-size:17px;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.fe-sim-wa-info{min-width:0;flex:1}
.fe-sim-wa-info b{display:block;font-size:12.5px;font-weight:750;color:#fff;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fe-sim-wa-info small{display:block;font-size:11px;color:#9AA5B5;margin-top:2px}
.fe-sim-ext-btns{display:flex;flex-direction:column;gap:8px;padding-top:12px}
.fe-sim-ext-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#181D26;color:#fff;font-size:15px;font-weight:700;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 20px rgba(15,23,42,.3)}
.fe-sim-ext-btn:hover{background:#2D3645}
.fe-sim-chat{flex:1;overflow-y:auto;padding:10px 8px 14px;display:flex;flex-direction:column;gap:9px;scrollbar-width:thin;scrollbar-color:#2D3645 transparent}
.fe-sim-j24{margin:6px 8px 2px;padding:5px 9px;border-radius:999px;font-size:10.5px;text-align:center;flex-shrink:0}
.fe-sim-j24.is-closed{background:#2D3645;color:#FDE68A;border:1px solid rgba(253,230,138,.25)}
.fe-sim-j24.is-open{background:#065F46;color:#D1FAE5;border:1px solid rgba(16,185,129,.4)}
.fe-sim-row{display:flex;align-items:flex-end;gap:7px}
.fe-sim-bot-av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#EC4899,#8B5CF6);display:grid;place-items:center;font-size:12px;flex-shrink:0}
.fe-sim-row-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start}
.fe-sim-msg{max-width:214px;padding:10px 12px;border-radius:13px 13px 13px 4px;background:#2D3645;color:#fff;font-size:13px;line-height:1.42;word-break:break-word}
.fe-sim-badge{font-size:9.5px;font-weight:750;text-transform:uppercase;letter-spacing:.03em;color:#34D399;margin-bottom:4px}
.fe-sim-user-row{display:flex;justify-content:flex-end;margin:2px 0}
.fe-sim-user{max-width:210px;padding:8px 13px;border-radius:999px;background:#0084FF;color:#fff;font-size:13px;font-weight:600;line-height:1.35}
.fe-sim-sys{align-self:center;font-size:10.5px;color:#9AA5B5;background:rgba(45,54,69,.7);padding:3px 10px;border-radius:999px;text-align:center;max-width:92%}
.fe-sim-sys-tag{background:rgba(245,158,11,.16);color:#FDE68A;border:1px solid rgba(245,158,11,.3)}
.fe-sim-wait{align-self:center;display:flex;align-items:center;gap:8px;background:#2D3645;color:#FDE68A;font-size:11px;padding:5px 10px;border-radius:999px}
.fe-sim-wait button{border:0;background:#0084FF;color:#fff;font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:999px;cursor:pointer}
.fe-sim-audio-pill{width:214px;height:44px;border-radius:999px;background:#F1F3F4;color:#111827;display:flex;align-items:center;gap:7px;padding:0 11px;box-sizing:border-box}
.fe-sim-audio-play{border:0;background:transparent;color:#111827;font-size:12px;cursor:pointer;padding:0;width:18px}
.fe-sim-audio-time{font-size:11px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.fe-sim-audio-track{flex:1;height:3px;background:#CBD5E1;border-radius:999px;position:relative}
.fe-sim-audio-track span{position:absolute;left:0;top:0;width:35%;height:100%;background:#0084FF;border-radius:999px}
.fe-sim-audio-ico{font-size:12px;color:#475569}
.fe-sim-video-card{width:204px;border-radius:13px;overflow:hidden;background:#2D3645}
.fe-sim-video-screen{height:270px;background:linear-gradient(165deg,#0F172A 0%,#1E293B 50%,#334155 100%);display:flex;flex-direction:column;justify-content:space-between;padding:10px;color:#fff;position:relative}
.fe-sim-video-badge{font-size:10px;background:rgba(0,0,0,.45);padding:3px 8px;border-radius:999px;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fe-sim-video-art{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.fe-sim-video-play{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.22);backdrop-filter:blur(4px);display:grid;place-items:center;font-size:18px}
.fe-sim-video-art span{font-size:11px;color:#CBD5E1;font-weight:600}
.fe-sim-video-bar{display:flex;align-items:center;gap:7px;font-size:11px;opacity:.9}
.fe-sim-video-prog{flex:1;height:3px;background:rgba(255,255,255,.3);border-radius:999px}
.fe-sim-video-prog span{display:block;width:40%;height:100%;background:#fff;border-radius:999px}
.fe-sim-video-cap{padding:8px 10px;font-size:12px;color:#E2E8F0;line-height:1.35}
.fe-sim-card-wrap{width:196px;border-radius:13px;overflow:hidden;background:#2D3645;color:#fff}
.fe-sim-card-wrap .fe-promo-banner{border-radius:0}
.fe-sim-card-body{padding:11px}
.fe-sim-card-body b{display:block;font-size:13px;font-weight:750;line-height:1.3;margin-bottom:4px;color:#fff}
.fe-sim-card-body p{font-size:11.5px;color:#CBD5E1;line-height:1.38;margin:0 0 10px}
.fe-sim-cta{display:block;text-align:center;padding:8px 10px;border-radius:7px;background:#414A59;color:#fff;font-size:12px;font-weight:750;text-decoration:none;transition:background .15s}
.fe-sim-cta:hover{background:#0084FF}
.fe-sim-qr-group{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-left:31px;margin-top:2px}
.fe-sim-qr{padding:8px 14px;border-radius:999px;border:0;background:#2D3645;color:#80C2FF;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:background .15s,color .15s}
.fe-sim-qr:hover{background:#0084FF;color:#fff}
.fe-sim-qr-wait{background:rgba(245,158,11,.18);color:#FDE68A;font-size:11.5px}

.fe-sim-speed{display:block;padding:9px 12px;background:var(--surface-2);font-size:11px;color:var(--text-2)}.fe-sim-speed select{display:block;width:100%;margin-top:5px;font:inherit;border:1px solid var(--border-strong);border-radius:6px;padding:6px;background:var(--surface);color:var(--text)}
.fe-sim-row-content audio,.fe-sim-row-content video,.fe-sim-row-content img{display:block;max-width:100%;width:240px;border-radius:8px}.fe-media-placeholder{display:flex;min-height:100px;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:var(--surface-2)!important;color:var(--text-3)!important}.fe-media-placeholder span{font-size:28px}