*{box-sizing:border-box;margin:0}:root{--purple-950: #1a0533;--purple-900: #2e0a5c;--purple-800: #44119e;--purple-700: #5b21b6;--purple-600: #7c3aed;--purple-500: #8b5cf6;--purple-400: #a78bfa;--purple-300: #c4b5fd;--bg: #f7f5fd;--panel: #ffffff;--panel2: #f3effc;--border: rgba(124, 58, 237, .16);--border-strong: rgba(124, 58, 237, .3);--text: #23103f;--muted: #6f6489;--accent: var(--purple-600);--accent2: var(--purple-500);--on-accent: #ffffff;--shadow-card: 0 14px 36px rgba(10, 0, 30, .12);--shadow-cta: 0 8px 24px rgba(124, 58, 237, .35);--bubble-contact: #ede9fb;--bubble-bot: #e4dcf9;--green: #10b981;--red: #ef4444;--amber: #f59e0b}[data-theme=dark]{--bg: var(--purple-950);--panel: #22093f;--panel2: #2e0a5c;--border: rgba(167, 139, 250, .22);--border-strong: rgba(167, 139, 250, .35);--text: #f5f3ff;--muted: var(--purple-300);--shadow-card: 0 14px 36px rgba(10, 0, 30, .45);--shadow-cta: 0 8px 24px rgba(124, 58, 237, .5);--bubble-contact: #3a1470;--bubble-bot: #2e0a5c}body{background:var(--bg);color:var(--text);font-family:Helvetica Now Display,Helvetica Neue,Segoe UI,system-ui,sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4{font-weight:500;letter-spacing:-.01em}button{cursor:pointer;border:1px solid var(--border-strong);background:var(--panel);color:var(--text);padding:.45rem 1rem;border-radius:8px;font-size:.9rem;font-family:inherit;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}button.primary{background:linear-gradient(135deg,var(--purple-600),var(--purple-500));border-color:transparent;color:var(--on-accent)}button.primary:hover{box-shadow:var(--shadow-cta)}button.danger{background:transparent;border-color:var(--red);color:var(--red)}button.small{padding:.2rem .7rem;font-size:.8rem}button.ghost{border-color:transparent;background:transparent}button.ghost:hover{background:var(--panel2);box-shadow:none;transform:none}input,select,textarea{background:var(--panel);border:1px solid var(--border-strong);color:var(--text);padding:.5rem .7rem;border-radius:12px;font-size:.9rem;font-family:inherit;width:100%}input:focus,select:focus,textarea:focus{outline:2px solid var(--purple-400);outline-offset:1px}textarea{resize:vertical}label{display:block;margin:.7rem 0 .25rem;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.app{display:flex;height:100vh}.sidebar{width:230px;background:var(--panel);border-right:1px solid var(--border);padding:1rem .7rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex-shrink:0}.sidebar .logo{display:flex;align-items:center;gap:.6rem;padding:0 .7rem 1rem}.sidebar .logo img{width:40px;height:40px;border-radius:12px;object-fit:contain;background:var(--panel2)}.sidebar .wordmark{font-size:1.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;line-height:1;color:var(--text)}.sidebar .wordmark small{display:block;font-size:.65rem;font-weight:400;letter-spacing:.22em;color:var(--purple-400);text-transform:uppercase;margin-top:3px}.sidebar a{color:var(--muted);text-decoration:none;padding:.5rem .7rem;border-radius:8px;font-size:.92rem;transition:background .2s ease,color .2s ease}.sidebar a.active,.sidebar a:hover{background:var(--panel2);color:var(--text)}.sidebar a.active{border-left:3px solid var(--purple-500);border-radius:4px 8px 8px 4px}.sidebar .spacer{flex:1}.sidebar .userbox{padding:.7rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--muted)}.main{flex:1;overflow-y:auto;padding:1.5rem 2rem}.main h1{font-size:1.4rem;margin-bottom:1rem}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:1.2rem 1.5rem;margin-bottom:1rem}.row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid var(--border)}th{color:var(--muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.badge.BOT{background:#8b5cf626;color:var(--purple-600)}.badge.QUEUED{background:#f59e0b26;color:#b45309}.badge.ACTIVE{background:#10b98126;color:#047857}.badge.CLOSED{background:#6e648926;color:var(--muted)}[data-theme=dark] .badge.QUEUED{color:var(--amber)}[data-theme=dark] .badge.ACTIVE{color:var(--green)}[data-theme=dark] .badge.BOT{color:var(--purple-300)}.tagchip{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:.72rem;color:#fff}.chip-x{cursor:pointer;opacity:.7}.chip-channel{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:6px;font-size:.65rem;font-weight:700;color:#fff;flex-shrink:0}.inbox{display:grid;grid-template-columns:320px 1fr;gap:1rem;height:calc(100vh - 110px)}.convlist{overflow-y:auto}.convitem{padding:.7rem;border-bottom:1px solid var(--border);cursor:pointer;border-radius:8px}.convitem:hover,.convitem.sel{background:var(--panel2)}.convitem .who{font-weight:600;display:inline-flex;align-items:center;gap:6px}.convitem .prev{color:var(--muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{display:flex;flex-direction:column;height:100%}.chat .msgs{flex:1;overflow-y:auto;padding:.7rem;display:flex;flex-direction:column;gap:.5rem}.bubble{max-width:72%;padding:.55rem .85rem;border-radius:14px;line-height:1.45;white-space:pre-wrap;font-size:.92rem}.bubble.CONTACT{background:var(--bubble-contact);align-self:flex-start;border-bottom-left-radius:4px}.bubble.AGENT{background:linear-gradient(135deg,var(--purple-600),var(--purple-500));color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.bubble.AI{background:var(--purple-800);color:#f5f3ff;align-self:flex-end;border-bottom-right-radius:4px}.bubble.BOT{background:var(--bubble-bot);align-self:flex-end;border-bottom-right-radius:4px}.bubble.SYSTEM{background:transparent;border:1px dashed var(--border-strong);color:var(--muted);align-self:center;font-size:.78rem}.bubble.NOTE{background:#f59e0b1f;border:1px dashed var(--amber);align-self:stretch;max-width:100%;font-size:.85rem}.qr-popup{position:absolute;bottom:100%;left:0;right:0;z-index:10;background:var(--panel);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden;margin-bottom:4px}.qr-item{padding:.5rem .8rem;cursor:pointer;font-size:.85rem}.qr-item:hover{background:var(--panel2)}.sla-over{color:var(--red);font-weight:700}td.row{display:table-cell}td.row>button,td.row>a{margin-right:6px;margin-bottom:2px}#ui-toasts{position:fixed;top:18px;right:18px;z-index:1000;display:flex;flex-direction:column;gap:8px}.ui-toast{background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-left:4px solid var(--purple-500);border-radius:12px;padding:.7rem 1rem;max-width:340px;box-shadow:var(--shadow-card);font-size:.9rem;opacity:0;transform:translateY(-8px);transition:opacity .25s ease,transform .25s ease}.ui-toast.show{opacity:1;transform:translateY(0)}.ui-toast-success{border-left-color:var(--green)}.ui-toast-error{border-left-color:var(--red)}.ui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#1a053373;display:grid;place-items:center;opacity:0;transition:opacity .2s ease}.ui-overlay.show{opacity:1}.ui-modal{background:var(--panel);color:var(--text);border:1px solid var(--border-strong);border-radius:16px;padding:1.3rem 1.5rem;width:min(420px,90vw);box-shadow:0 14px 36px #0a001e73}.ui-modal p{margin-bottom:.8rem;line-height:1.5}.ui-modal input{margin-bottom:.4rem}.ui-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.8rem}.bubble .meta{font-size:.65rem;opacity:.65;margin-top:4px}.composer{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--border);align-items:center}.composer-field{display:flex;flex-direction:column;flex:1;min-width:0;border:1px solid var(--border-strong);border-radius:12px;padding:.15rem .35rem;background:var(--panel);gap:.25rem}.composer-field:focus-within{outline:2px solid var(--purple-400);outline-offset:1px}.composer-field.drag-over{outline:2px dashed var(--purple-500);outline-offset:3px;background:var(--panel2)}.composer-field-row{display:flex;align-items:center;gap:.35rem;min-width:0}.composer-field-attachments{display:flex;gap:6px;padding:6px 4px 2px;flex-wrap:wrap}.pending-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 8px;border-radius:8px;background:var(--panel2);border:1px solid var(--border);font-size:.78rem;max-width:220px;min-width:0}.pending-chip img{width:28px;height:28px;border-radius:6px;object-fit:cover;flex-shrink:0}.pending-chip .pending-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.pending-chip button{border:none;background:transparent;padding:2px 4px;color:var(--muted);border-radius:4px}.pending-chip button:hover{color:var(--red);transform:none;box-shadow:none;background:transparent}.pending-chip.uploading{opacity:.7}.pending-chip .spinner{width:12px;height:12px;border:2px solid var(--purple-300);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.composer-field input,.composer-field-row>input{flex:1;min-width:0;border:none!important;padding:.4rem .5rem;background:transparent!important;border-radius:0;outline:none!important;box-shadow:none!important}.composer-field input:focus{outline:none!important}.composer-field-btn{padding:.35rem .55rem;border:none!important;background:transparent!important;border-radius:8px;color:var(--text)}.composer-field-btn:hover{background:var(--panel2)!important;transform:none;box-shadow:none}.composer-field-btn.primary{background:linear-gradient(135deg,var(--purple-600),var(--purple-500))!important;color:var(--on-accent)}.composer-field-btn.primary:hover{box-shadow:var(--shadow-cta)}.composer-field .recorder-bar{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.composer-field .recorder-bar audio{flex:1;height:32px;min-width:0}.vad-bars{display:flex;align-items:center;gap:2px;flex:1;min-width:0;height:28px;padding:0 6px;overflow:hidden}.vad-bars .bar{flex:1;min-width:2px;max-width:6px;height:6%;background:linear-gradient(180deg,#ef4444,var(--purple-500));border-radius:2px;transition:height 60ms linear}.vad-bars.paused .bar{background:var(--border-strong)}.msg-status{display:inline-flex;align-items:center;gap:2px;margin-left:4px;opacity:.65}.msg-status.READ{color:#38b6ff;opacity:1}.msg-status.FAILED{color:var(--red);opacity:1}.msg-status svg{display:block}.reply-quote{border-left:3px solid var(--purple-500);padding:4px 8px;margin:0 0 6px;background:#7c3aed14;border-radius:4px;font-size:.82rem;opacity:.9}.reply-quote-author{font-weight:600;font-size:.72rem;opacity:.8;text-transform:uppercase;letter-spacing:.04em}.reply-quote-text{margin-top:2px}.bubble .reply-btn{border:none;background:transparent;padding:0 4px;color:inherit;opacity:.6;cursor:pointer;margin-left:6px}.bubble .reply-btn:hover{opacity:1;background:transparent;box-shadow:none;transform:none}.reply-preview{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 10px;margin:6px 8px 0;background:var(--panel2);border-left:3px solid var(--purple-500);border-radius:6px;font-size:.82rem}.typing-indicator{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:.78rem;font-style:italic}.typing-indicator .dots span{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--muted);margin:0 1px;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator .dots span:nth-child(2){animation-delay:.15s}.typing-indicator .dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.simphone{max-width:420px;border:1px solid var(--border-strong);border-radius:18px;overflow:hidden;background:var(--panel);box-shadow:var(--shadow-card)}.simphone .simhead{padding:.7rem 1rem;background:var(--panel2);font-weight:600}.simphone .msgs{height:420px}.simbtns{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.simbtns button{border-color:var(--purple-500);color:var(--purple-600);background:transparent;border-radius:999px}[data-theme=dark] .simbtns button{color:var(--purple-300)}.login-wrap{display:grid;place-items:center;height:100vh;background:linear-gradient(160deg,var(--purple-950),var(--purple-900) 55%,var(--purple-800))}.login-card{width:350px;background:#fff;color:#23103f;border:none;box-shadow:0 14px 36px #0a001e73}.login-card label{color:#6f6489}.login-card input{background:#f7f5fd;color:#23103f}.login-logo{font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:#23103f;margin-bottom:.2rem}.login-logo+.kicker{margin-bottom:1rem}.login-card img.tenant-logo{max-height:48px;margin-bottom:.7rem}.kicker{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:var(--purple-400);display:flex;align-items:center;gap:.5rem}.kicker:before{content:"";width:18px;height:1px;background:var(--purple-400)}.error{color:var(--red);font-size:.8rem;margin-top:.5rem}.muted{color:var(--muted);font-size:.8rem}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.9rem}.kpi{background:var(--panel2);border-radius:12px;padding:1rem}.kpi .n{font-size:1.6rem;font-weight:700;color:var(--purple-600)}[data-theme=dark] .kpi .n{color:var(--purple-300)}.permgrid label{display:flex;align-items:center;gap:.5rem;margin:.4rem 0;color:var(--text);font-size:.88rem;text-transform:none;letter-spacing:0}.permgrid input[type=checkbox]{width:auto}.floweditor{display:grid;grid-template-columns:1fr 300px;gap:1rem;height:calc(100vh - 210px);min-height:480px}.flowcanvas-wrap{position:relative;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px}.flowcanvas{position:relative;width:2200px;height:1400px;background-image:radial-gradient(circle,var(--border-strong) 1px,transparent 1px);background-size:22px 22px}.flownode{position:absolute;width:210px;background:var(--panel);border:1.5px solid var(--border-strong);border-radius:12px;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-card)}.flownode.sel{border-color:var(--purple-600);outline:2px solid rgba(124,58,237,.25)}.flownode.start-node:before{content:"INÍCIO";position:absolute;top:-18px;left:8px;font-size:.6rem;letter-spacing:.18em;color:var(--purple-500);font-weight:700}.flownode .nhead{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.85rem;border-radius:12px 12px 0 0}.flownode .nbody{padding:.5rem .7rem;font-size:.75rem;color:var(--muted);min-height:30px;word-break:break-word}.flownode .ndot{width:10px;height:10px;border-radius:999px;flex-shrink:0}.ntype-message .ndot{background:var(--purple-400)}.ntype-menu .ndot{background:var(--amber)}.ntype-ai .ndot{background:var(--purple-600)}.ntype-ai_triage .ndot{background:linear-gradient(135deg,var(--purple-600),var(--purple-400))}.ntype-queue .ndot{background:var(--green)}.ntype-form .ndot{background:#06b6d4}.ntype-close .ndot{background:var(--muted)}.flowside{overflow-y:auto}.flowpalette{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.7rem}.flowedge{stroke:var(--purple-500);stroke-width:2;fill:none;opacity:.75}.flowedge-label{font-size:10px;fill:var(--muted)}.themetoggle{display:inline-flex;align-items:center;gap:.4rem}.fade-up{animation:fadeUp .7s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media (max-width: 900px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;align-items:center}.sidebar .spacer,.sidebar .userbox{display:none}.main{padding:1rem}.inbox,.grid2,.floweditor{grid-template-columns:1fr}}@font-face{font-family:AtaliumBrand;src:url(/fonts/atalium.woff2) format("woff2"),url(/fonts/atalium.ttf) format("truetype");font-display:swap}.brandfont{font-family:AtaliumBrand,Outfit,sans-serif}
