:root{--bg:#020702;--card:#061206;--neon:#00ff66;--neon2:#21d07a;--text:#d7ffe4;--muted:#78a889;--danger:#ff4d6d;--line:#0e3b1d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}.matrix-bg{position:fixed;inset:0;background:radial-gradient(circle at 20% 10%,rgba(0,255,102,.18),transparent 28%),linear-gradient(180deg,rgba(0,255,102,.04),transparent);pointer-events:none}.top{position:sticky;top:0;z-index:5;background:rgba(2,7,2,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(8px);display:flex;justify-content:space-between;align-items:center;padding:14px 24px}.brand{font-weight:900;color:var(--neon);text-decoration:none;text-shadow:0 0 14px var(--neon)}nav a{color:var(--text);text-decoration:none;margin-left:14px;font-size:14px}.wrap{max-width:1180px;margin:0 auto;padding:28px 18px;position:relative}.card{background:linear-gradient(180deg,rgba(6,18,6,.96),rgba(3,10,3,.96));border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 0 28px rgba(0,255,102,.09);margin-bottom:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}h1,h2,h3{color:var(--neon);margin-top:0}.muted{color:var(--muted)}input,textarea,select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid var(--line);background:#020b02;color:var(--text);outline:none}textarea{min-height:110px}label{display:block;margin:10px 0 6px;color:var(--muted)}button,.btn{display:inline-block;padding:11px 15px;border:1px solid var(--neon);border-radius:12px;background:rgba(0,255,102,.12);color:var(--neon);font-weight:700;cursor:pointer;text-decoration:none}button:hover,.btn:hover{box-shadow:0 0 18px rgba(0,255,102,.3)}.danger{border-color:var(--danger);color:var(--danger);background:rgba(255,77,109,.08)}.flash{padding:12px;border-radius:12px;margin:12px 0;border:1px solid var(--line);background:#041204}.flash.err{border-color:var(--danger);color:var(--danger)}table{width:100%;border-collapse:collapse}td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left}.block{border:1px dashed var(--line);padding:14px;border-radius:14px;margin:12px 0}.pill{display:inline-block;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--neon);font-size:12px}footer{text-align:center;color:var(--muted);padding:25px}.login{max-width:460px;margin:8vh auto}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.top{display:block}.top nav{margin-top:12px}.top nav a{display:inline-block;margin:5px 8px 5px 0}.two{grid-template-columns:1fr}}


/* Flow builder estilo Zap Voice - blocos flutuantes com fios */
.flow-builder{display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:start}.palette{position:sticky;top:74px;padding:14px}.palette h2{font-size:18px}.palette p{font-size:12px;margin-top:-6px}.palette-grid{display:grid;grid-template-columns:1fr;gap:7px}.palette-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;border-style:dashed;background:rgba(0,255,102,.07);padding:7px 9px;border-radius:10px;font-size:12px}.palette-icon,.node-icon{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line);color:var(--neon);font-weight:900;background:#020b02;font-size:11px}.canvas-shell{min-height:650px;padding:14px}.canvas-shell h2{font-size:18px}.flow-canvas{min-height:560px;height:64vh;max-height:760px;border:1px dashed var(--line);border-radius:18px;padding:0;position:relative;overflow:auto;background-color:#080f1d;background-image:radial-gradient(rgba(0,255,102,.14) 1px,transparent 1px);background-size:18px 18px}.canvas-empty{position:absolute;inset:18px;display:grid;place-items:center;text-align:center;color:var(--muted);border:1px dashed rgba(0,255,102,.18);border-radius:16px;background:rgba(0,0,0,.08);pointer-events:none}.flow-wires{position:absolute;left:0;top:0;min-width:1800px;min-height:1100px;pointer-events:none;overflow:visible;z-index:1}.wire-path{fill:none;stroke:#25ff75;stroke-width:2.2;stroke-dasharray:8 6;filter:drop-shadow(0 0 5px rgba(37,255,117,.8))}.mini-node{position:absolute;z-index:2;width:168px;min-height:76px;margin:0;padding:8px 9px 12px;border-radius:9px;background:#182640;border:1px solid #274368;box-shadow:0 8px 18px rgba(0,0,0,.22);cursor:default;user-select:none;touch-action:none}.mini-node:before{content:var(--idx);position:absolute;left:-7px;top:-8px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#101928;border:1px solid var(--neon);color:var(--neon);font-size:9px;font-weight:900}.mini-node.dragging{opacity:.82;transform:scale(.99);box-shadow:0 0 30px rgba(0,255,102,.22)}.mini-node.connecting-from{outline:2px solid #25ff75;box-shadow:0 0 22px rgba(37,255,117,.45)}.mini-node .node-icon{width:18px;height:18px;border-radius:5px;font-size:9px;background:rgba(255,255,255,.08)}.mini-top{display:flex;align-items:center;gap:6px;min-width:0;cursor:grab}.mini-top:active{cursor:grabbing}.mini-top strong{font-size:12px;line-height:1;color:#eafff0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-tools{margin-left:auto;display:flex;gap:4px}.node-edit,.mini-node .node-remove{width:18px;height:18px;min-width:18px;padding:0;border:0;border-radius:4px;background:rgba(255,255,255,.08);font-size:11px;color:#eafff0;line-height:1}.mini-node .node-remove{color:#b7d3ff;background:rgba(255,255,255,.08)}.mini-preview{font-size:10.5px;line-height:1.25;color:#dbe8ff;margin-top:8px;max-height:28px;overflow:hidden}.connector{position:absolute;width:14px;height:14px;padding:0;border:2px solid #2ee66b;border-radius:50%;background:#17243c;box-shadow:0 0 10px rgba(0,255,102,.45);z-index:5;cursor:crosshair}.connector:hover{background:#25ff75;transform:translateX(-50%) scale(1.15)}.connector-top{top:-17px;left:50%;transform:translateX(-50%)}.connector-bottom{bottom:-17px;left:50%;transform:translateX(-50%)}.node-content-hidden,.node-delay-hidden,.node-file-hidden{display:none!important}.node-file-btn{margin-top:6px;padding:3px 6px;border-radius:6px;font-size:10px;border-color:#385c86;color:#dbe8ff;background:rgba(255,255,255,.06)}.soft-hidden{opacity:.35}.mini-node.green{background:#1f7a54;border-color:#3bd97b}.mini-node.blue{background:#264f86;border-color:#5aa7ff}.mini-node.red{background:#633049;border-color:#ff5c7c}.mini-node.gold{background:#72622b;border-color:#ffe166}.mini-node.slate{background:#263a5f;border-color:#6686bf}.mini-node.purple,.mini-node.violet{background:#4a3b84;border-color:#9a7cff}.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.builder-actions button{padding:8px 11px;border-radius:9px;font-size:12px}.flow-mini{font-size:12px;color:var(--muted);max-width:460px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:860px){.flow-builder{grid-template-columns:1fr}.palette{position:static}.palette-grid{grid-template-columns:repeat(4,1fr)}.flow-canvas{height:62vh}.mini-node{width:150px}}

.mini-node.cyan{background:#1f6170;border-color:#4de6ff}.mini-node.cyan .node-icon{color:#d9fbff}