.mcm-ed { --mc-azul:#0b63e5; --mc-azul2:#1a73e8; --mc-verde:#22c55e; --mc-verde-cl:#e3f7ea; --mc-am:#fde7a7; --mc-am-cl:#fdf3d8; --mc-ciano:#c8f0f4; --mc-borda:#e5e7eb; --mc-txt:#1f2328; --mc-sub:#6b7280; --mc-fundo:#f3f3f3; }
/* mc-editor.css — editor de fluxo padrão ManyChat */
.mc-ed { --mc-azul:#0b63e5; --mc-azul2:#1a73e8; --mc-verde:#22c55e; --mc-verde-cl:#e3f7ea; --mc-am:#fde7a7; --mc-am-cl:#fdf3d8; --mc-ciano:#c8f0f4; --mc-borda:#e5e7eb; --mc-txt:#1f2328; --mc-sub:#6b7280; --mc-fundo:#f3f3f3;
  display:flex; flex-direction:column; height:100%; min-height:560px; background:var(--mc-fundo); color:var(--mc-txt); font:14px/1.4 Inter, -apple-system, "Segoe UI", Roboto, sans-serif; position:relative; overflow:hidden; }
.mc-ed * { box-sizing:border-box; }
.mc-ed button { font:inherit; cursor:pointer; }
.mc-topo { height:54px; flex:0 0 54px; display:flex; align-items:center; justify-content:space-between; padding:0 16px 0 24px; background:#f6f6f6; border-bottom:1px solid var(--mc-borda); }
.mc-migalha { display:flex; align-items:center; gap:8px; color:var(--mc-sub); font-size:15px; min-width:0; }
.mc-migalha a { color:var(--mc-sub); cursor:pointer; white-space:nowrap; }
.mc-migalha > span { color:var(--mc-azul); font-size:18px; }
.mc-nome { color:var(--mc-txt); font-weight:500; outline:none; border-bottom:1px solid transparent; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:420px; }
.mc-nome[contenteditable=true]:focus { border-bottom-color:var(--mc-azul); }
.mc-lapis { color:var(--mc-sub); display:inline-flex; font-style:normal; }
.mc-st { font-style:normal; font-size:12px; letter-spacing:.5px; padding:2px 8px; border-radius:4px; margin-left:6px; }
.mc-st-draft, .mc-st-stop { background:#f1f1f1; color:#6b7280; border:1px solid #e5e5e5; }
.mc-st-live { background:#e5262b; color:#fff; font-weight:600; }
.mc-acoes-topo { display:flex; align-items:center; gap:10px; }
.mc-salvo { color:var(--mc-sub); font-size:14px; }
.mc-btn { background:var(--mc-azul); color:#fff; border:0; border-radius:6px; padding:9px 34px; font-weight:500; display:inline-flex; align-items:center; gap:8px; }
.mc-btn:hover { background:#0954c4; }
.mc-btn-sec { background:#fff; color:var(--mc-azul); border:1px solid #c9d7f2; padding:8px 16px; }
.mc-btn-sec:hover { background:#f2f6ff; }
.mc-acoes-topo .mc-btn-sec[data-acao=editar] { color:var(--mc-txt); border-color:#d6d6d6; }
.mc-ico-btn { background:none; border:0; font-size:20px; color:#555; width:30px; height:30px; border-radius:6px; }
.mc-ico-btn:disabled { color:#c4c4c4; cursor:default; }
.mc-kebab { border:1px solid #c9d7f2; color:var(--mc-azul); width:34px; height:36px; background:#fff; }
.mc-corpo { flex:1; display:flex; min-height:0; position:relative; }
.mc-painel { width:380px; flex:0 0 380px; background:#fff; border-right:1px solid var(--mc-borda); overflow-y:auto; transition:margin .2s; z-index:3; }
.mc-sem-painel .mc-painel { margin-left:-380px; }
.mc-recolher { position:absolute; left:396px; top:50%; z-index:4; width:30px; height:30px; border-radius:50%; border:0; background:#dfe5ee; color:#93a0b4; font-size:18px; transition:left .2s; }
.mc-sem-painel .mc-recolher { left:12px; transform:scaleX(-1); }
.mc-canvas { flex:1; position:relative; overflow:hidden; cursor:grab; touch-action:none; background:var(--mc-fundo); }
.mc-canvas:active { cursor:grabbing; }
.mc-mundo { position:absolute; left:0; top:0; transform-origin:0 0; }
.mc-fios { position:absolute; left:0; top:0; width:1px; height:1px; overflow:visible; pointer-events:none; }
.mc-fios path { fill:none; stroke:#7b8794; stroke-width:1.6; }
.mc-fios path.mc-fio-v { stroke:#ef4444; }
.mc-fios path.mc-fio-tmp { stroke:var(--mc-azul); stroke-dasharray:5 4; }
.mc-aviso { position:absolute; top:0; left:50%; transform:translateX(-50%); background:#ebebeb; color:#555; padding:7px 14px; border-radius:0 0 6px 6px; font-size:14px; z-index:2; white-space:nowrap; }
.mc-aviso-ver { background:#fdf3dc; border:1px solid #f6dfa8; border-top:0; }
.mc-aviso a { color:var(--mc-azul); text-decoration:underline; margin-left:24px; cursor:pointer; }
.mc-zoom { position:absolute; right:22px; top:46%; display:flex; flex-direction:column; gap:14px; z-index:2; }
.mc-zoom button { width:36px; height:36px; border-radius:6px; border:1px solid #d7dbe0; background:#fff; color:#444; font-size:20px; display:flex; align-items:center; justify-content:center; }
.mc-fab { position:absolute; right:20px; top:44px; width:60px; height:60px; border-radius:50%; background:var(--mc-azul); color:#fff; border:0; font-size:34px; font-weight:300; box-shadow:0 6px 18px rgba(11,99,229,.35); z-index:2; }
/* nós */
.mc-no { position:absolute; background:#fafafa; border:2px solid transparent; border-radius:14px; box-shadow:0 1px 4px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.03); width:300px; cursor:pointer; user-select:none; }
.mc-no:hover { box-shadow:0 2px 10px rgba(0,0,0,.12), 0 0 0 1px rgba(0,0,0,.04); }
.mc-no.mc-sel { border-color:var(--mc-verde); }
.mc-no-in { padding:6px 16px 4px; }
.mc-prox { text-align:right; color:#6b7280; font-size:13px; padding:6px 20px 12px; position:relative; }
.mc-porta { position:absolute; right:-7px; top:50%; transform:translateY(-50%); width:13px; height:13px; border-radius:50%; background:#fff; border:2px solid #7b8794; cursor:crosshair; z-index:1; }
.mc-prox .mc-porta { right:-8px; }
.mc-porta.mc-ligada, .mc-bt .mc-porta { background:#6b7280; border-color:#6b7280; }
.mc-bt .mc-porta:not(.mc-ligada) { background:#9aa3ad; border-color:#9aa3ad; }
.mc-porta-v { border-color:#ef4444; }
.mc-porta-v.mc-ligada { background:#ef4444; border-color:#ef4444; }
.mc-porta-url { background:#fff !important; border-color:#f59e0b !important; cursor:default; right:8px; }
.mc-no-gat { width:340px; background:#fff; }
.mc-gat-tit { padding:14px 18px 8px; font-size:14px; display:flex; align-items:center; gap:8px; }
.mc-gat { margin:4px 14px 8px; background:#dcf8e5; border-radius:8px; padding:9px 12px; display:flex; gap:10px; align-items:flex-start; font-size:13px; }
.mc-gat b { font-weight:500; display:block; }
.mc-gat small { color:#4b5563; font-size:11px; }
.mc-gat-ico svg { width:18px; height:18px; }
.mc-gat-novo { margin:4px 14px 6px; border:1px dashed #cfd8e3; border-radius:8px; padding:9px; text-align:center; color:var(--mc-azul); font-size:12px; }
.mc-cab-acoes, .mc-cab-cond, .mc-cab-rand, .mc-cab-atraso, .mc-cab-iniciar { padding:10px 16px; border-radius:12px 12px 0 0; display:flex; align-items:center; gap:8px; font-weight:500; }
.mc-cab-acoes { background:var(--mc-am); }
.mc-cab-acoes svg { color:#dc2626; }
.mc-cab-cond { background:var(--mc-ciano); }
.mc-cab-rand { background:#ece4ff; }
.mc-cab-atraso { background:#e6f0ff; }
.mc-cab-iniciar { background:#eef1f5; }
.mc-no-acoes { width:280px; }
.mc-acao { padding:8px 0; border-bottom:1px solid #eee; font-size:13px; }
.mc-acao:last-child { border-bottom:0; }
.mc-acao small { color:#6b7280; display:block; font-size:12px; }
.mc-no-cond { width:300px; }
.mc-cond-sim, .mc-cond-nao { position:relative; padding:9px 18px 9px 0; font-size:12.5px; color:#374151; }
.mc-cond-sim { border-bottom:1px solid #eee; }
.mc-cond-l::before { content:"✓"; color:#16a34a; margin-right:6px; }
.mc-cond-nao { color:#6b7280; }
.mc-no-msg { width:330px; }
.mc-msg-cab { display:flex; gap:10px; padding:12px 16px 4px; align-items:center; position:relative; }
.mc-msg-cab i { display:inline-flex; }
.mc-msg-cab small { display:block; font-size:11px; color:#6b7280; line-height:1.1; }
.mc-msg-cab b { font-weight:500; font-size:15px; }
.mc-msg-tipo { position:absolute; right:14px; top:12px; }
.mc-stats { display:grid; grid-template-columns:repeat(3,1fr); text-align:center; padding:8px 8px 6px; }
.mc-stats4 { grid-template-columns:repeat(4,1fr); }
.mc-stats b { color:var(--mc-azul2); font-weight:400; font-size:20px; display:block; }
.mc-stats small { color:#4b5563; font-size:12px; }
.mc-bolha { background:#efefef; border-radius:10px; padding:12px 14px; margin:8px 0; font-size:13px; color:#1f2328; word-break:break-word; }
.mc-vazio { color:#9ca3af; text-align:center; }
.mc-bts { margin-top:10px; display:flex; flex-direction:column; gap:6px; }
.mc-bt { background:#fafafa; border-radius:8px; padding:9px 30px 9px 12px; text-align:center; position:relative; display:flex; justify-content:center; gap:10px; align-items:center; font-size:13.5px; }
.mc-bt .mc-porta { right:10px; }
.mc-ctr { color:var(--mc-azul2); font-style:normal; font-size:12.5px; }
.mc-link { color:var(--mc-azul2); position:absolute; right:26px; top:50%; transform:translateY(-50%); }
.mc-var { background:var(--mc-azul2); color:#fff; border-radius:4px; padding:0 5px; font-size:.95em; }
.mc-modelo-num { display:inline-block; background:var(--mc-azul2); color:#fff; border-radius:4px; font-size:11px; padding:0 6px; margin-bottom:6px; }
.mc-espera { background:#efeafd; color:#374151; border-radius:10px; padding:10px 14px; margin:8px 0; display:flex; align-items:center; justify-content:center; gap:8px; font-size:13px; }
.mc-espera-in { margin:8px 0 0; background:#e8e1fb; }
.mc-img { display:flex; align-items:center; justify-content:center; color:#9ca3af; min-height:90px; }
.mc-img img { max-width:100%; border-radius:8px; }
.mc-nota { background:#fdf1dd; border:0; border-radius:8px; box-shadow:none; padding:12px 14px; font-size:13px; color:#3f3a33; width:230px; }
.mc-nota.mc-sel { outline:2px solid var(--mc-verde); }
.mc-ferr { position:absolute; display:flex; gap:6px; background:#fff; border-radius:10px; box-shadow:0 2px 10px rgba(0,0,0,.12); padding:6px; z-index:5; }
.mc-ferr button { border:0; background:none; width:30px; height:30px; display:flex; align-items:center; justify-content:center; border-radius:6px; }
.mc-ferr button:hover { background:#f3f4f6; }
/* menu próximo passo */
.mc-menu { position:absolute; width:270px; background:#fff; border-radius:12px; box-shadow:0 10px 30px rgba(0,0,0,.18); padding:8px; z-index:10; cursor:default; }
.mc-menu-t { font-size:12px; color:#6b7280; padding:6px 10px; text-transform:uppercase; letter-spacing:.5px; }
.mc-menu button { width:100%; display:flex; gap:12px; align-items:center; text-align:left; border:0; background:none; padding:8px 10px; border-radius:8px; }
.mc-menu button:hover { background:#f3f6fb; }
.mc-menu b { font-weight:500; display:block; }
.mc-menu small { color:#6b7280; font-size:12px; }
.mc-mi { width:22px; height:22px; border-radius:6px; display:inline-flex; align-items:center; justify-content:center; background:#eef1f5; flex:0 0 22px; }
.mc-mi svg { width:14px; height:14px; }
.mc-mi-am { background:var(--mc-am); color:#dc2626; } .mc-mi-az { background:var(--mc-ciano); } .mc-mi-ro { background:#ece4ff; } .mc-mi-ci { background:#e6f0ff; } .mc-mi-no { background:#fdf1dd; }
/* painel */
.mc-pcab { padding:22px 20px; text-align:center; font-size:22px; position:relative; }
.mc-pcab b { font-weight:600; }
.mc-pcab .mc-lapis { margin-left:8px; vertical-align:middle; }
.mc-pc-verde { background:var(--mc-verde-cl); } .mc-pc-amarelo { background:var(--mc-am-cl); } .mc-pc-azul { background:#e1f6f8; } .mc-pc-nota { background:#fdf1dd; }
.mc-pcorpo { padding:22px 28px 40px; }
.mc-metr h3 { font-size:22px; font-weight:600; margin:6px 0 18px; }
.mc-sel-gat { border:1px solid #d1d5db; background:#fff; border-radius:6px; padding:8px 12px; margin-bottom:22px; }
.mc-cards { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.mc-card { border:1px solid #dcdcdc; border-radius:6px; padding:14px 12px 16px; position:relative; min-height:96px; }
.mc-card small { color:#4b5563; font-size:14px; display:block; margin-bottom:16px; }
.mc-card b { font-size:24px; font-weight:500; }
.mc-card b em { font-size:14px; font-style:normal; font-weight:400; }
.mc-card i { position:absolute; right:14px; bottom:22px; font-style:normal; color:#555; }
.mc-alvo { margin-top:40px; }
.mc-alvo h4 { font-weight:400; color:#4b5563; margin:24px 0 8px 28px; }
.mc-alvo-g { border:1px solid #dcdcdc; border-radius:4px; padding:10px 10px 6px; font-size:14px; }
.mc-alvo-g > b { font-weight:600; display:block; margin-bottom:8px; }
.mc-alvo-c { border:1px solid #eee; border-radius:4px; padding:10px 12px; margin:0 0 8px; display:inline-block; min-width:60%; }
.mc-alvo-c span { display:flex; align-items:center; gap:6px; }
.mc-alvo-c small { color:#6b7280; font-size:14px; display:block; margin-top:6px; }
.mc-mini svg { width:14px; height:14px; }
.mc-and { text-align:right; margin:-10px 18px -10px 0; position:relative; z-index:1; } .mc-and::after { content:""; }
.mc-and { font-size:13px; } .mc-and { display:flex; justify-content:flex-end; } .mc-and { background:none; }
.mc-and::before { content:""; }
.mc-quando { font-weight:600; }
.mc-estat { margin:-22px -28px 22px; padding:22px 28px; border-bottom:1px solid #e5e7eb; }
.mc-estat-t { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:18px; }
.mc-estat-t b { font-size:19px; font-weight:600; display:block; }
.mc-estat-t small { font-size:14px; }
.mc-estat-t em { color:#15803d; font-style:normal; font-size:20px; font-weight:600; }
.mc-estat table { width:100%; border-collapse:collapse; font-size:14px; }
.mc-estat th { font-weight:400; color:#4b5563; font-size:12px; text-align:right; padding:6px 0; border-bottom:1px dashed #d1d5db; }
.mc-estat th:first-child, .mc-estat td:first-child { text-align:left; }
.mc-estat td { text-align:right; padding:10px 0; border-bottom:1px dashed #e5e7eb; vertical-align:top; }
.mc-estat td small { display:block; color:#15803d; font-size:12px; }
.mc-janela { font-size:16px; margin:4px 0 18px; text-align:center; }
.mc-janela a { color:var(--mc-azul); border-bottom:1px solid #b9cdf3; }
.mc-q { display:inline-flex; width:15px; height:15px; border:1px solid #9ca3af; border-radius:50%; font-size:10px; align-items:center; justify-content:center; color:#9ca3af; }
.mc-modelo-nome { font-size:16px; margin:0 0 10px; display:flex; justify-content:space-between; align-items:center; }
.mc-modelo-nome i { color:#555; cursor:pointer; }
.mc-pbloco { background:#f0f0f0; border-radius:10px; padding:10px; margin-bottom:12px; }
.mc-pbloco-modelo { padding:10px 0 0; }
.mc-pbloco-modelo .mc-modelo-num, .mc-pbloco-modelo .mc-ptexto { margin-left:8px; margin-right:8px; }
.mc-ptexto { font-size:15px; line-height:1.55; padding-bottom:10px; }
.mc-ta { width:100%; border:0; background:transparent; resize:vertical; min-height:96px; font:15px/1.5 inherit; font-family:inherit; color:inherit; outline:none; }
.mc-ta-barra { display:flex; align-items:center; gap:14px; background:#2b2b2b; color:#fff; border-radius:8px; padding:6px 12px; width:max-content; margin:4px auto 8px; font-size:13px; }
.mc-ta-barra em { font-style:normal; color:#ddd; }
.mc-pbts { border:1px solid #cfd4da; border-radius:10px; overflow:hidden; background:#fff; }
.mc-pbt { display:flex; border-bottom:1px solid #cfd4da; color:var(--mc-azul); }
.mc-pbt:last-child { border-bottom:0; }
.mc-pbt span { flex:1; text-align:center; padding:9px; }
.mc-pbt i { width:72px; border-left:1px solid #cfd4da; display:flex; align-items:center; justify-content:center; font-style:normal; font-size:20px; }
.mc-add-bt { width:100%; border:1px dashed #c7cdd4; background:none; border-radius:0 0 8px 8px; padding:9px; color:#8b95a1; margin-top:8px; }
.mc-pimg { display:flex; align-items:center; gap:10px; color:#6b7280; }
.mc-in-mini { width:44px; border:1px solid #d1d5db; border-radius:4px; padding:2px 4px; text-align:center; }
.mc-blocos { border-top:1px solid #e5e7eb; margin-top:24px; padding-top:20px; }
.mc-blocos p { color:#4b5563; margin:0 0 12px; font-size:14px; }
.mc-bloco-op { width:100%; display:flex; gap:14px; align-items:center; text-align:left; border:1.5px dashed #c9ced6; background:#fff; border-radius:10px; padding:12px 16px; margin-bottom:12px; }
.mc-bloco-op:hover { border-color:var(--mc-azul); }
.mc-bloco-op i { color:#374151; display:inline-flex; }
.mc-bloco-op b { font-weight:500; display:block; }
.mc-bloco-op small { color:#6b7280; font-size:13px; }
.mc-ptit { font-size:16px; margin:2px 0 18px; }
.mc-pa { margin:0 0 22px 14px; }
.mc-pa-t { display:flex; align-items:center; gap:10px; font-size:16px; position:relative; }
.mc-pa-t i { display:inline-flex; }
.mc-pa-det { margin:6px 0 0 30px; font-size:15px; color:#1f2328; border-bottom:1px solid #d1d5db; padding-bottom:4px; width:max-content; max-width:88%; }
.mc-pa-det span { color:#6b7280; }
.mc-pa-caixa { margin:10px 0 0 0; background:#f1f1f1; border:1px solid #d6d6d6; border-radius:4px; padding:8px 12px; font-size:14px; width:88%; }
.mc-pa-caixa em { color:#7c3aed; font-style:normal; font-size:18px; margin-right:6px; }
.mc-pa-x { margin-left:auto; border:0; background:none; color:#9ca3af; display:inline-flex; }
.mc-tracejado { width:100%; border:1.5px dashed #c9d7f2; background:#fff; color:var(--mc-azul); border-radius:8px; padding:12px; margin-top:6px; }
.mc-tracejado-amarelo { border-color:#f6c24a; color:#b45309; }
.mc-tracejado-azul { border-color:#a8c3f4; padding:14px; }
.mc-hr { border:0; border-top:1px solid #e5e7eb; margin:24px 0 16px; }
.mc-entao { font-size:16px; margin:18px 0 12px; }
.mc-prox-card { display:flex; gap:14px; align-items:center; border:1.5px solid #c8cdd3; background:#f3f4f6; border-radius:10px; padding:14px 18px; cursor:pointer; position:relative; }
.mc-prox-card b { font-weight:500; display:block; font-size:16px; }
.mc-prox-card small { font-size:14px; color:#374151; }
.mc-prox-card i { display:inline-flex; }
.mc-prox-card i svg { width:30px; height:30px; }
.mc-prox-amarelo { background:#fef3e2; border-color:#f6c24a; } .mc-prox-amarelo i { color:#f59e0b; }
.mc-prox-azul { background:#e9f8fa; border-color:#7dd3e0; }
.mc-pgat { display:flex; gap:12px; align-items:flex-start; background:#dcf8e5; border-radius:8px; padding:12px 14px; margin-bottom:10px; }
.mc-pgat b { font-weight:500; display:block; }
.mc-pgat small { color:#4b5563; font-size:12px; }
.mc-nota-ta { background:#fdf1dd; border-radius:8px; padding:12px; min-height:160px; }
.mc-dica { color:#6b7280; }
@media (max-width: 760px) { .mc-painel { width:100%; flex-basis:100%; position:absolute; height:100%; } .mc-recolher { display:none; } .mc-btn { padding:8px 14px; } }
/* v235 — edição real */
.mc-sel-modelo, .mc-pa-sel, .mc-cond-ed select, .mc-var-l select { border:1px solid #d1d5db; border-radius:6px; padding:9px 10px; background:#fff; font:inherit; width:100%; margin-bottom:14px; color:#1f2328; }
.mc-pa-sel { width:auto; margin:0; padding:4px 8px; border-color:transparent; font-size:16px; background:transparent; }
.mc-pa-sel:hover { border-color:#d1d5db; }
.mc-in { width:100%; border:1px solid #d6d6d6; background:#f6f6f6; border-radius:4px; padding:8px 10px; font:inherit; font-size:14px; color:#1f2328; }
.mc-in:focus { outline:none; border-color:var(--mc-azul); background:#fff; }
.mc-in-ta { min-height:70px; resize:vertical; margin-top:8px; }
.mc-pa-ed { margin:8px 0 0 30px; }
.mc-cond-ed { display:grid; grid-template-columns:1fr 80px; gap:6px; margin-bottom:12px; position:relative; padding-right:26px; }
.mc-cond-ed select { margin:0; }
.mc-cond-ed .mc-in { grid-column:1 / -1; }
.mc-cond-ed .mc-pa-x { position:absolute; right:0; top:8px; }
.mc-var-l { display:flex; align-items:center; gap:8px; margin-bottom:8px; flex-wrap:wrap; }
.mc-var-l select { flex:1; margin:0; }
.mc-var-l .mc-in { flex-basis:100%; }
.mc-info { background:#eef4ff; border:1px solid #c9d7f2; border-radius:8px; padding:12px 14px; color:#1f2a44; font-size:13.5px; margin-top:14px; }
.mc-pbt-in { flex:1; border:0; text-align:center; color:var(--mc-azul); font:inherit; padding:9px; outline:none; background:transparent; }
.mc-pbt i[data-acao] { cursor:pointer; color:#9ca3af; }
.mc-tirar-bloco { border:0; background:none; color:#9ca3af; font-size:12px; margin-top:6px; }
.mc-ta-barra span[data-acao] { cursor:pointer; }
/* ---------- v235 · Mensagem em massa (mc-massa.js) ---------- */
#mkt-massa.mcm-cheia { padding:0; }
#mkt-massa.mcm-cheia > .section-header { display:none; }
.mcm-editor { height:calc(100vh - 64px); }
.mcm-topo { display:flex; justify-content:space-between; align-items:center; margin:4px 0 26px; gap:12px; flex-wrap:wrap; }
.mcm-topo h1 { margin:0; font-size:26px; }
.mcm-topo-acoes { display:flex; gap:8px; }
.mcm-btn { background:#0b63e5; color:#fff; border:0; border-radius:6px; padding:9px 34px; font-weight:500; cursor:pointer; font:inherit; }
.mcm-btn:disabled { background:#a9c6f5; cursor:default; }
.mcm-btn-ico { padding:9px 12px; }
.mcm-btn-sec { background:#fff; color:#0b63e5; border:1px solid #c9d7f2; border-radius:6px; padding:8px 14px; cursor:pointer; font:inherit; }
.mcm-h3 { font-weight:500; font-size:17px; margin:22px 0 12px; }
.mcm-tab { background:#fff; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,.06); overflow:hidden; position:relative; }
.mcm-tr { display:grid; align-items:center; padding:0 18px; min-height:62px; border-bottom:1px solid #eee; cursor:pointer; gap:12px; }
.mcm-tr:last-child { border-bottom:0; }
.mcm-tr:not(.mcm-th):hover { background:#fafbfc; }
.mcm-th { min-height:52px; font-weight:500; cursor:default; }
.mcm-r { grid-template-columns:40px 70px minmax(160px,1fr) 1.4fr; }
.mcm-h { grid-template-columns:40px 70px minmax(180px,1.6fr) 1.6fr .8fr 1fr 1fr 1fr; }
.mcm-tr > span:nth-child(2) { display:flex; justify-content:center; }
.mcm-kebab { border:0; background:none; font-size:20px; color:#555; cursor:pointer; }
.mcm-ponto { width:10px; height:10px; border-radius:50%; background:#d9dde3; display:inline-block; }
.mcm-vazio { padding:24px; color:#6b7280; }
.mcm-tag-ag, .mcm-tag-env { font-style:normal; font-size:11px; padding:2px 6px; border-radius:4px; margin-left:6px; background:#eef4ff; color:#0b63e5; }
.mcm-tag-env { background:#ecfdf3; color:#15803d; }
.mcm-menu { position:absolute; background:#fff; border-radius:8px; box-shadow:0 8px 24px rgba(0,0,0,.16); padding:6px; z-index:20; min-width:200px; }
.mcm-menu button { display:block; width:100%; text-align:left; border:0; background:none; padding:9px 12px; border-radius:6px; cursor:pointer; font:inherit; }
.mcm-menu button:hover { background:#f3f6fb; }
#mcmRoot { position:relative; }
/* conteúdo */
.mcm-ed { display:flex; flex-direction:column; height:calc(100vh - 64px); background:#f3f3f3; font:14px/1.4 Inter, -apple-system, "Segoe UI", Roboto, sans-serif; color:#1f2328; }
.mcm-ed-topo { height:54px; display:flex; align-items:center; justify-content:space-between; padding:0 16px 0 24px; background:#f6f6f6; border-bottom:1px solid #e5e7eb; gap:12px; }
.mcm-ed .mc-migalha { display:flex; align-items:center; gap:8px; color:#6b7280; font-size:15px; }
.mcm-ed .mc-migalha a { cursor:pointer; color:#6b7280; }
.mcm-ed .mc-migalha > span { color:#0b63e5; font-size:18px; }
.mcm-nome { color:#1f2328; font-size:20px; font-weight:600; outline:none; border-bottom:1px solid #9ca3af; }
.mcm-ed-acoes { display:flex; align-items:center; gap:8px; }
.mcm-ed .mc-salvo { color:#6b7280; }
.mcm-cont-barra { display:flex; justify-content:space-between; align-items:center; background:#fff; border-bottom:1px solid #e5e7eb; padding:12px 16px; margin:0 0 0 0; }
.mcm-cont-barra b { font-weight:500; font-size:16px; }
.mcm-cont-barra a, .mc-info a { color:#0b63e5; cursor:pointer; }
.mcm-cont { flex:1; display:flex; min-height:0; }
.mcm-cont-painel { width:380px; flex:0 0 380px; background:#fff; border-right:1px solid #e5e7eb; overflow-y:auto; }
.mcm-lab { display:block; font-size:12px; color:#6b7280; margin-bottom:4px; }
.mcm-ou { text-align:center; color:#6b7280; font-size:13px; margin:10px 0; }
.mcm-cel-area { flex:1; display:flex; align-items:center; justify-content:center; overflow:auto; padding:24px; }
.mcm-cel { width:316px; height:600px; border-radius:46px; background:#fff; padding:12px; box-shadow:0 0 0 2px #e5e7eb, 0 10px 30px rgba(0,0,0,.08); }
.mcm-cel-tela { width:100%; height:100%; border-radius:36px; overflow:hidden; display:flex; flex-direction:column; background:#e9e1d4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='%23d8cdbb' stroke-width='1'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M40 8l8 8M48 8l-8 8M10 44h12M16 38v12M44 40a6 6 0 1 0 0.1 0'/%3E%3C/g%3E%3C/svg%3E"); }
.mcm-cel-topo { background:#0b6b5d; color:#fff; font-size:11px; display:flex; justify-content:space-between; align-items:center; padding:10px 22px 4px; }
.mcm-cel-topo i { width:110px; height:22px; background:#fff; border-radius:0 0 14px 14px; margin-top:-10px; }
.mcm-cel-cab { background:#0b6b5d; color:#fff; display:flex; align-items:center; gap:10px; padding:8px 12px 12px; }
.mcm-cel-cab b { flex:1; font-weight:500; }
.mcm-cel-av { width:30px; height:30px; border-radius:50%; background:#c7d2cf; color:#0b6b5d; display:flex; align-items:center; justify-content:center; font-style:normal; font-weight:700; }
.mcm-cel-chat { flex:1; overflow-y:auto; padding:10px 10px; display:flex; flex-direction:column; gap:4px; }
.mcm-bal { background:#fff; border-radius:0 8px 8px 8px; padding:8px 10px 18px; font-size:13px; line-height:1.4; position:relative; word-break:break-word; box-shadow:0 1px 1px rgba(0,0,0,.08); }
.mcm-bal-mid { background:#e5e7eb; border-radius:6px; min-height:90px; display:flex; align-items:center; justify-content:center; color:#6b7280; margin-bottom:6px; overflow:hidden; }
.mcm-bal-mid img { width:100%; display:block; }
.mcm-bal-rod { color:#8a8f94; font-size:12px; margin-top:6px; }
.mcm-bal-h { position:absolute; right:8px; bottom:4px; font-size:10px; color:#8a8f94; }
.mcm-bal-bt { background:#fff; border-radius:8px; text-align:center; color:#0b84d6; padding:9px; font-size:13.5px; box-shadow:0 1px 1px rgba(0,0,0,.08); }
.mcm-cel-rodape { display:flex; align-items:center; gap:8px; padding:8px 10px 14px; }
.mcm-cel-rodape div { flex:1; background:#fff; border-radius:20px; display:flex; align-items:center; gap:8px; padding:8px 12px; color:#8a8f94; font-size:13px; }
.mcm-cel-rodape em { flex:1; font-style:normal; }
.mcm-cel-rodape i { width:38px; height:38px; border-radius:50%; background:#0b6b5d; display:flex; align-items:center; justify-content:center; font-style:normal; }
/* público */
.mcm-grupo { border:1px solid #dcdcdc; border-radius:6px; padding:12px; }
.mcm-grupo > b { display:block; margin-bottom:10px; font-weight:600; }
.mcm-cond { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:8px; align-items:center; }
.mcm-cond select:first-child { flex:1 1 150px; } .mcm-cond input[data-k=valor] { flex:2 1 160px; }
.mcm-cond select, .mcm-cond input { border:1px solid #d1d5db; border-radius:6px; padding:7px 8px; font:inherit; min-width:0; }
.mcm-cond input[data-k=nomecampo] { width:120px; }
.mcm-cond button { border:0; background:none; color:#9ca3af; cursor:pointer; }
.mcm-and { text-align:center; margin:8px 0; font-size:12px; color:#6b7280; }
.mcm-pub-cnt { margin-top:14px; padding:10px 12px; background:#f3f6fb; border-radius:6px; min-height:20px; }
@media (max-width: 860px) { .mcm-h { grid-template-columns:30px 40px 1.4fr 1fr .6fr; } .mcm-h > span:nth-child(n+6) { display:none; } .mcm-cont { flex-direction:column; } .mcm-cont-painel { width:100%; flex-basis:auto; } }