:root{--brand:#2C3EE9;--brand-d:#1F2DB8;--accent:#2881FB;--canvas:#F2F5FF;--ink:#121826;--ink-d:#0B1020;--mut:#5A6378;--line:#E3E7F3;--surface:#fff;--surface-2:#F9FAFC;--tint:#E3E7FF;--ok:#0E7A57;--ok-bg:#E3F6EE;--bad:#8F1D13;--bad-bg:#FDECEA;--warn:#8A4B00;--warn-bg:#FFF1D6;--info:#0B5E94;--info-bg:#E4F2FB;--r:12px;--shadow:0 1px 2px rgba(11,16,32,.06),0 4px 14px rgba(11,16,32,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:15px/1.45 Outfit,system-ui,sans-serif;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--brand);text-decoration:none}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600}.mut{color:var(--mut)}.sm{font-size:13px}.xs{font-size:12px}.b{font-weight:600}.row{display:flex;align-items:center;gap:10px}.row.wrap{flex-wrap:wrap}.col{display:flex;flex-direction:column;gap:10px}.grow{flex:1;min-width:0}.right{margin-left:auto}.trunc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app{display:grid;grid-template-columns:232px 1fr;height:100vh}.side{background:var(--ink-d);padding:18px 14px;display:flex;flex-direction:column;gap:3px;overflow:auto}.side .logo{padding:2px 8px 18px}.side .logo img{width:140px;display:block}.nav{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:#b7c0d4;font-weight:500;border:0;background:none;text-align:left;width:100%}.nav:hover{background:#ffffff0f;color:#fff}.nav.on{background:#ffffff21;color:#fff}.nav .badge{margin-left:auto;background:var(--accent);color:#fff;font-size:12px;border-radius:99px;padding:0 7px;font-weight:600}.side .sp{flex:1}.demo{margin:10px 4px 0;padding:12px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;color:#b7c0d4;font-size:13px}.demo button{margin-top:8px;width:100%;background:#ffffff1f;color:#fff;border:0;border-radius:9px;padding:7px}.main{display:flex;flex-direction:column;min-width:0;height:100vh}.top{display:flex;align-items:center;gap:14px;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--line)}.top h1{font-size:20px}.page{flex:1;overflow:auto;padding:22px 24px}.page.flush{padding:0;overflow:hidden}.svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.btn{border:1px solid transparent;border-radius:10px;padding:8px 14px;font-weight:500;background:var(--brand);color:#fff;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.btn:hover{background:var(--brand-d)}.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn.ghost:hover{background:var(--surface-2)}.btn.soft{background:var(--tint);color:var(--brand)}.btn.soft:hover{background:#d5dbff}.btn.danger{background:var(--bad)}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}.icon-btn{border:0;background:none;border-radius:8px;padding:6px;color:var(--mut);display:inline-flex}.icon-btn:hover{background:var(--tint);color:var(--brand)}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--tint);border-color:var(--brand)}.textarea{resize:vertical;min-height:80px}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.field>label{font-size:13px;color:var(--mut);font-weight:500}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:500;background:var(--tint);color:var(--brand);white-space:nowrap}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.gray{background:#eceff5;color:#3a4560}.pill.info{background:var(--info-bg);color:var(--info)}.seg{display:inline-flex;background:#eceff5;border-radius:10px;padding:3px;gap:2px}.seg button{border:0;background:none;padding:5px 9px;font-size:14px;border-radius:8px;font-weight:500;color:#3a4560}.seg button.on{background:var(--brand);color:#fff}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:13px;color:#fff;flex:none}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.empty{display:grid;place-items:center;text-align:center;color:var(--mut);padding:40px;gap:6px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tabs button{border:0;background:none;padding:9px 14px;color:var(--mut);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--brand);border-color:var(--brand)}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-weight:500;color:var(--mut);font-size:13px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2)}.tbl td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:var(--surface-2)}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi .v{font-size:30px;font-weight:700;color:var(--brand);line-height:1.1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b102080;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--surface);border-radius:16px;width:min(520px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 60px #0b102059}.modal.wide{width:min(760px,100%)}.modal>header{padding:18px 20px 6px;display:flex;align-items:center}.modal>div{padding:8px 20px}.modal>footer{padding:14px 20px 18px;display:flex;gap:10px;justify-content:flex-end}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--surface);z-index:50;box-shadow:-10px 0 40px #0b102033;display:flex;flex-direction:column}.toast{position:fixed;top:78px;left:50%;transform:translate(-50%);background:var(--ink-d);color:#fff;padding:10px 16px;border-radius:12px;z-index:60;box-shadow:var(--shadow)}.inbox{display:grid;grid-template-columns:340px minmax(0,1fr) 330px;height:100%}.inbox>section{min-height:0;display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--line)}.conv-list{overflow:auto;flex:1}.conv{display:flex;gap:11px;padding:12px 14px;border-bottom:1px solid var(--line);cursor:pointer;background:none;border-left:0;border-right:0;border-top:0;width:100%;text-align:left}.conv:hover{background:var(--surface-2)}.conv.on{background:var(--tint)}.conv .unread{background:var(--brand);color:#fff;border-radius:99px;font-size:12px;min-width:20px;height:20px;display:grid;place-items:center;padding:0 6px;font-weight:600}.thread{background:var(--canvas)!important}.msgs{flex:1;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:6px}.bub{max-width:68%;padding:8px 12px;border-radius:14px;white-space:pre-wrap;word-break:break-word;font-size:14.5px;box-shadow:0 1px 1px #0b10200f}.bub.in{align-self:flex-start;background:#fff;border-top-left-radius:4px}.bub.out{align-self:flex-end;background:var(--brand);color:#fff;border-top-right-radius:4px}.bub.bot{align-self:flex-end;background:var(--tint);color:#1b2a9c;border-top-right-radius:4px}.bub.sys{align-self:center;background:transparent;box-shadow:none;color:var(--mut);font-size:12.5px;text-align:center;max-width:90%}.bub small{display:block;text-align:right;font-size:11px;opacity:.7;margin-top:2px}.composer{background:var(--surface);border-top:1px solid var(--line);padding:12px 16px;position:relative}.qr-pop{position:absolute;bottom:100%;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:6px}.qr-pop button{display:block;width:100%;text-align:left;border:0;background:none;padding:9px 14px}.qr-pop button:hover,.qr-pop button.on{background:var(--tint)}.info-panel{overflow:auto;padding:16px;gap:14px}.board{display:flex;gap:14px;padding:4px 2px 18px;overflow:auto;align-items:flex-start;height:100%}.stage{flex:0 0 280px;background:#e9edfb;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;max-height:100%}.stage.over{outline:2px dashed var(--brand);background:#dfe5ff}.kcard{background:#fff;border-radius:12px;padding:11px 12px;box-shadow:var(--shadow);cursor:grab;border:1px solid var(--line)}.kcard:active{cursor:grabbing}.fb{display:grid;grid-template-columns:1fr 340px;height:100%}.fb-canvas{position:relative;overflow:hidden;background:radial-gradient(#cfd6ee 1px,transparent 1px) 0 0/22px 22px,#f6f8ff;cursor:grab}.fb-canvas.drag{cursor:grabbing}.fb-world{position:absolute;left:0;top:0;transform-origin:0 0}.fnode{position:absolute;width:230px;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:9px 11px;box-shadow:var(--shadow);cursor:pointer}.fnode.sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--tint)}.fnode .t{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;margin-bottom:4px}.fnode .m{font-size:12.5px;color:var(--mut);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.fb-ctl{position:absolute;right:14px;bottom:14px;display:flex;gap:6px}.fb-side{background:var(--surface);border-left:1px solid var(--line);overflow:auto;padding:16px}@media (max-width:1100px){.inbox{grid-template-columns:300px minmax(0,1fr)}.inbox>.info-panel{display:none}.g4{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.app{grid-template-columns:64px 1fr}.side .logo img,.nav span.lbl,.nav .badge,.demo{display:none}.g2,.g3,.inbox{grid-template-columns:1fr}.inbox>section:nth-child(2){display:none}}.fbhead{padding:9px 16px;background:var(--surface);border-bottom:1px solid var(--line);gap:10px;flex-wrap:wrap}.zoom{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:10px;padding:0 4px}.zoom .xs{min-width:38px;text-align:center}.fcard{position:absolute;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;cursor:default}.fcard.sel{border-color:var(--brand);box-shadow:0 0 0 3px var(--tint),var(--shadow)}.fcard.act{border-color:#12a150;box-shadow:0 0 0 4px #cdefd9}.fcard.err{border-color:#e7a29b}.fh{display:flex;align-items:center;gap:6px;padding:8px 10px;font-size:13px}.fh b{font-weight:600}.fh .icon-btn{padding:3px;color:inherit;opacity:.8}.fh .icon-btn:disabled{opacity:.25}.fid{margin-left:auto;font-size:11px;opacity:.7;font-variant-numeric:tabular-nums}.fbadge{display:inline-flex;align-items:center;gap:3px;border-radius:99px;padding:0 6px;font-size:11px;font-weight:600}.fbadge.bad{background:var(--bad);color:#fff}.fbadge.warn{background:#f2a900;color:#3a2600}.fb-body{padding:8px 12px;flex:1;min-height:0;display:flex;flex-direction:column;gap:4px;overflow:hidden}.fb-body .textarea{resize:none;padding:7px 10px;font-size:14px}.fb-body .input,.fb-body .select{padding:6px 10px;font-size:14px}.fl{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);font-weight:500;margin-top:2px}.cnt{font-size:11px;color:var(--mut);font-weight:400}.cnt.over{color:var(--bad);font-weight:600}.vchips{display:flex;flex-wrap:wrap;gap:4px;max-height:44px;overflow:hidden}.vchip{border:1px solid var(--line);background:var(--surface-2);border-radius:99px;font-size:11.5px;padding:1px 8px;color:var(--brand)}.vchip:hover{background:var(--tint)}.chk{display:flex;align-items:center;gap:7px;font-size:13px;margin-top:2px}.qnt{background:var(--warn-bg);color:var(--warn);border-radius:99px;font-size:12px;font-weight:600;padding:2px 10px}.fnote{font-size:12px;color:var(--mut);margin:6px 0 0}.pfx{display:flex;align-items:center;gap:8px}.pfx span{font-weight:600;color:var(--mut)}.fbar{display:flex;gap:2px;padding:6px 10px;border-top:1px solid var(--line);background:var(--surface-2)}.fadd{width:28px;height:28px;border:0;border-radius:8px;background:none;color:var(--brand);display:grid;place-items:center}.fadd:hover:not(:disabled){background:var(--tint)}.fadd:disabled{opacity:.3;cursor:not-allowed}.fadd.soon{color:#8a93a8;opacity:.55}.fwarn{position:absolute;left:14px;top:14px;width:340px;max-height:60%;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px;z-index:5}.wi{display:flex;gap:8px;align-items:flex-start;width:100%;text-align:left;border:0;background:none;padding:7px 4px;border-radius:8px;font-size:13px}.wi:hover{background:var(--surface-2)}.wi .dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex:none}.wi .dot.erro{background:var(--bad)}.wi .dot.aviso{background:#f2a900}.fb-ctl{right:auto;left:14px;bottom:10px}.tester{display:flex;flex-direction:column;min-height:0}.tmsgs{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:6px;background:var(--canvas);border-radius:12px;padding:10px;margin-bottom:8px}.tm{max-width:88%;padding:7px 10px;border-radius:12px;font-size:14px;white-space:pre-wrap}.tm.bot{background:#fff;border:1px solid var(--line);align-self:flex-start}.tm.me{background:var(--brand);color:#fff;align-self:flex-end}.tm.sys{align-self:center;background:#eceff5;color:#3a4560;font-size:12px;border-radius:99px}.tm ol{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.opt{width:100%;text-align:left;border:1px solid var(--brand);color:var(--brand);background:#fff;border-radius:8px;padding:5px 9px;font-size:13px}.opt:disabled{opacity:.5}.tinfo{display:flex;flex-direction:column;gap:8px;font-size:12.5px;margin-top:10px;max-height:150px;overflow:auto}.viewsel{font-weight:600;flex:1;min-width:0}.fsel{flex:1;min-width:0;padding:6px 8px;font-size:13px}.qbtn{position:relative}.qbtn.on{background:var(--tint);color:var(--brand)}.qn{position:absolute;top:-3px;right:-3px;background:#e5484d;color:#fff;border-radius:99px;font-size:10.5px;min-width:16px;height:16px;display:grid;place-items:center;font-weight:700;padding:0 4px}.tagchip:before,.pill.tg:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--surface) inset}.tagchip{display:inline-flex;align-items:center;gap:4px;border-radius:6px;font-size:11.5px;padding:1px 7px;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagchip.lg{font-size:12.5px;padding:3px 9px;max-width:none}.dotst{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#9aa3b8}.dotst.open{background:#12a150}.dotst.queue{background:#f2a900}.dotst.bot{background:var(--accent)}.menu{position:absolute;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);z-index:20;min-width:240px;overflow:hidden}.menu button{display:block;width:100%;text-align:left;border:0;background:none;padding:10px 14px;font-size:14px}.menu button:hover{background:var(--tint)}.bopts{display:flex;flex-direction:column;gap:5px;margin-top:8px}.bopt{border:1px solid #2C3EE9;background:#fff;color:#2c3ee9;border-radius:8px;padding:5px 10px;font-size:13.5px;font-weight:500}.assign{background:var(--surface);border-top:1px solid var(--line);padding:6px 18px;font-size:12px;color:var(--mut);display:flex;gap:8px}.itabs{display:flex;border-bottom:1px solid var(--line);padding:0 6px}.itabs button{border:0;background:none;padding:8px 7px;font-size:12.5px;color:var(--mut);font-weight:500;border-bottom:2px solid transparent}.itabs button.on{color:var(--brand);border-color:var(--brand)}.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:0;font-size:13.5px}.dl dt{color:var(--mut)}.dl dd{margin:0;word-break:break-word}.tl{list-style:none;margin:0;padding:0 0 0 10px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:10px}.bulk{gap:8px;background:var(--tint);padding:6px 10px;border-radius:12px}.gauge{position:relative;width:74px;height:74px;flex:none}.gauge b{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:20px;color:var(--ink)}.mon-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 12px 4px 5px;font-size:13.5px}.pdot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#9aa3b8}.pdot.online{background:#12a150}.pdot.away{background:#f2a900}.qrow{display:grid;grid-template-columns:34px 1fr auto auto;gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}.itabs button{font-size:12px;padding:8px 6px;white-space:nowrap}.thread .row b{white-space:nowrap}.tbl td:nth-child(3),.tbl td:nth-child(7){white-space:nowrap}.avbtn{display:flex;align-items:center;gap:8px;border:0;background:none;border-radius:99px;padding:3px 8px 3px 3px;color:var(--ink)}.avbtn:hover{background:var(--tint)}.umenu{position:absolute;right:0;top:calc(100% + 8px);width:290px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #0b102033;z-index:40;padding:8px 0;max-height:80vh;overflow:auto}.umenu button[role=menuitem]{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;background:none;padding:9px 16px;font-size:14px;color:var(--ink)}.umenu button[role=menuitem]:hover{background:var(--tint)}.umenu .danger{color:var(--bad)}.uhead{display:flex;gap:12px;align-items:center;padding:10px 16px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.usec{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);padding:10px 16px 4px;font-weight:600}.cambtn{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;border-radius:50%;border:2px solid #fff;background:var(--brand);color:#fff;display:grid;place-items:center;padding:0}@media (max-width:900px){.hide-sm{display:none}}.tpl-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px}@media (max-width:900px){.tpl-grid{grid-template-columns:1fr}}.wa-bg{background:#e8e1d6;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:3px}.wa-bub{background:#fff;border-radius:10px 10px 10px 2px;padding:8px 10px;font-size:14px;max-width:92%;box-shadow:0 1px 1px #0000001a}.wa-bub small{display:block;text-align:right;font-size:11px;color:#8a93a8}.wa-btn{background:#fff;color:#128c7e;border-radius:8px;text-align:center;padding:7px;font-size:14px;max-width:92%;font-weight:500;box-shadow:0 1px 1px #0000001a}.inbox.no-info{grid-template-columns:340px minmax(0,1fr)}.icon-btn.on{background:var(--brand-soft,#E3E7FF);color:var(--brand,#2C3EE9)}.fh{touch-action:none;-webkit-user-select:none;user-select:none}.wiz{display:flex;gap:6px;list-style:none;padding:0;margin:0 0 16px;flex-wrap:wrap}.wiz li{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--mut);padding:4px 10px 4px 4px;border-radius:99px}.wiz li span{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--line);font-size:12px;font-weight:600}.wiz li.on{color:var(--ink);font-weight:600}.wiz li.on span{background:var(--brand);color:#fff}.wiz li.done span{background:var(--ok);color:#fff}.chk{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none;color:#fff}.chk.ok{background:var(--ok)}.chk.warn{background:var(--warn)}.chk.bad{background:var(--bad)}