:root{--violeta:#5b47e0;--violeta2:#6c5be8;--cyan:#5dd9d2;--bg:#f5f4fb;--panel:#fff;--line:#e9e7f3;--muted:#8a86a8;--ink:#24213a;--grad:linear-gradient(135deg, #5b47e0 0%, #6c5be8 45%, #5dd9d2 100%);--grad-soft:linear-gradient(135deg, #efecfd 0%, #e8f8f6 100%)}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.login{background:var(--grad);justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.login .card{text-align:center;background:#fff;border-radius:16px;width:340px;max-width:100%;padding:30px;box-shadow:0 12px 40px #28145047}.login h2{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:19px}.login p{color:var(--muted);margin:0 0 16px;font-size:13px}.login input{border:1px solid var(--line);border-radius:11px;width:100%;margin-bottom:10px;padding:12px 14px;font-size:14px}.login input:focus{border-color:var(--violeta);outline:none}.login button{background:var(--grad);color:#fff;cursor:pointer;border:0;border-radius:11px;width:100%;padding:12px;font-size:14px;font-weight:600}.login button:disabled{opacity:.6;cursor:default}.login .err{color:#d23;min-height:18px;margin-top:4px;font-size:12.5px}.app{flex-direction:column;max-width:100%;height:100vh;display:flex;overflow-x:hidden}header{background:var(--grad);color:#fff;align-items:center;gap:10px;padding:13px 20px;display:flex;box-shadow:0 2px 14px #5b47e040}header .dot{background:var(--cyan);width:10px;height:10px;box-shadow:0 0 8px var(--cyan);border-radius:50%}header h1{letter-spacing:.2px;margin:0;font-size:15px;font-weight:700}header .sub{opacity:.85;margin-left:auto;font-size:12px}header .btn{color:#fff;cursor:pointer;background:#ffffff2e;border:0;border-radius:9px;padding:7px 13px;font-size:12px}header .btn:hover{background:#ffffff4d}header .notif{margin-left:auto}header .notif.on{background:#5dd9d252;box-shadow:inset 0 0 0 1px #5dd9d299}.pushHint{color:#9a3412;background:#fff7ed;border-bottom:1px solid #fed7aa;margin:0;padding:8px 20px;font-size:13px;line-height:1.4}.channels{background:#fff;flex-wrap:wrap;gap:8px;padding:12px 20px 2px;display:flex}.channels .ch{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:11px;align-items:center;gap:7px;padding:7px 13px;font-size:12.5px;font-weight:500;display:flex}.channels .ch .cnt{color:var(--muted);font-size:11px;font-weight:600}.channels .ch.active{color:#fff;border-color:#0000}.channels .ch.active .cnt{color:#ffffffd9}.channels .ch.active.todos{background:var(--grad)}.channels .ch.active.whatsapp{background:#1fae54}.channels .ch.active.facebook{background:#0084ff}.channels .ch.active.instagram{background:linear-gradient(135deg,#feda75,#fa7e1e 35%,#d62976 70%,#962fbf)}.kpis{border-bottom:1px solid var(--line);background:#fff;gap:12px;padding:14px 20px;display:flex}.kpi{background:var(--grad-soft);border:1px solid var(--line);border-radius:12px;flex:1;padding:11px 14px}.kpi .v{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700}.kpi .l{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px;font-size:11px}.filters{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;gap:7px;padding:10px 20px;display:flex}.filters .pill{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:20px;padding:5px 13px;font-size:12px}.filters .pill.active{background:var(--grad);color:#fff;border-color:#0000}.nav{border-bottom:1px solid var(--line);background:#fff;gap:4px;padding:0 16px;display:flex}.navtab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 16px;font-size:13.5px;font-weight:600}.navtab:hover{color:var(--ink)}.navtab.active{color:var(--violeta);border-bottom-color:var(--violeta)}.navtab .ico,.navtab .lbl.short{display:none}.navtab .lbl.full{display:inline}.section{flex:1;min-height:0;display:flex}.inbox{flex-direction:column;flex:1;min-height:0;display:flex}.inbox.tall .channels,.inbox.tall .filters{display:none}.dash{flex:1;padding:20px;overflow-y:auto}.dash-cards{gap:14px;margin-bottom:18px;display:flex}.dcard{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;padding:16px 18px}.dcard.alert{background:#fff6f6;border-color:#f3c2c2}.dcard .v{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:800}.dcard .l{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:3px;font-size:12px}.dash-row{align-items:flex-start;gap:14px;display:flex}.dash-box{border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;padding:18px}.dash-box h3{margin:0 0 12px;font-size:14px}.funnel-stage h3{align-items:center;gap:8px;display:flex}.fcount{color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.aviso{border:1px solid var(--line);cursor:pointer;border-radius:11px;align-items:center;gap:11px;margin-bottom:8px;padding:10px;display:flex}.aviso:hover{border-color:var(--violeta);background:#faf9ff}.avatar.sm{background:var(--grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex;position:relative}.avatar.sm .chbadge{background:#fff;border-radius:50%;padding:1px;line-height:0;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 1.5px #fff}.aviso .ai{flex:1;min-width:0}.aviso .an{font-size:13.5px;font-weight:600}.aviso .ar{color:#b3540a;margin-top:1px;font-size:12px}.aviso .go{color:var(--violeta);flex:none;font-size:12px;font-weight:600}.cost-total{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:34px;font-weight:800}.cost-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:-2px;font-size:11px}.cost-rows{margin:14px 0}.cost-rows div{border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 0;font-size:13.5px;display:flex}.cost-detail{color:var(--muted);margin-top:10px;font-size:12.5px;line-height:1.5}.cost-note{color:var(--muted);border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:11.5px;line-height:1.5}.tpls{flex:1;padding:20px;overflow-y:auto}.tpls-head h2{margin:0 0 4px;font-size:18px}.tpls-head p{color:var(--muted);max-width:680px;margin:0 0 18px;font-size:13px;line-height:1.5}.tpls-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.tplcard{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px}.tc-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tc-name{font-size:14px;font-weight:700}.tc-cat{color:var(--muted);text-transform:capitalize;margin-left:auto;font-size:11px}.tc-body{color:#4a4766;white-space:pre-wrap;margin:10px 0;font-size:13px;line-height:1.45}.tc-tags{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding-top:10px;display:flex}.chip{background:var(--grad-soft);border:1px solid var(--line);color:var(--violeta);border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;display:flex}.chip i{cursor:pointer;opacity:.6;font-style:normal}.chip i:hover{opacity:1}.chip-input{border:1px dashed var(--line);border-radius:20px;width:100px;padding:3px 10px;font-size:11.5px}.chip-input:focus{border-color:var(--violeta);outline:none}.tickets{flex:1;max-width:760px;padding:20px;overflow-y:auto}.tk-head{align-items:center;gap:12px;display:flex}.tk-head h2{flex:1;margin:0;font-size:18px}.tk-filter{gap:7px;display:flex}.tk-sub{color:var(--muted);margin:6px 0 16px;font-size:13px}.tkcard{border:1px solid var(--line);border-left:4px solid var(--line);background:#fff;border-radius:12px;margin-bottom:11px;padding:14px 16px}.tkcard.sev-alta{border-left-color:#e23b3b}.tkcard.sev-media{border-left-color:#f0a020}.tkcard.sev-baja{border-left-color:#5dd9d2}.tkcard.done{opacity:.6}.tk-top{align-items:center;gap:11px;display:flex}.tk-who{flex:1;min-width:0}.tk-name{align-items:center;gap:7px;font-size:14px;font-weight:600;display:flex}.tk-meta{color:var(--muted);margin-top:1px;font-size:11.5px}.tk-sev{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.tk-sev.alta{color:#b03;background:#fde2e2}.tk-sev.media{color:#a05a00;background:#fff0d9}.tk-sev.baja{color:#1a7d72;background:#e2f8f6}.tk-problem{color:#3a3650;white-space:pre-wrap;margin:10px 0 12px;font-size:13.5px;line-height:1.5}.tk-status{gap:7px;display:flex}.tk-st{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;padding:6px 12px;font-size:12px;font-weight:600}.tk-st:hover{background:#f5f4fb}.tk-st.on{background:var(--grad);color:#fff;border-color:#0000}.cols{border-top:1px solid var(--line);flex:1;min-height:0;display:flex}.list{border-right:1px solid var(--line);background:#fff;width:350px;overflow-y:auto}.list .item{border-bottom:1px solid var(--line);cursor:pointer;border-left:3px solid #0000;align-items:center;gap:12px;padding:11px 16px;display:flex}.list .item:hover{background:#faf9ff}.list .item.active{background:var(--grad-soft);border-left-color:var(--violeta)}.list .item .avatar{background:var(--grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:46px;height:46px;font-size:18px;font-weight:700;display:flex;position:relative}.list .item .avatar .chbadge{background:#fff;border-radius:50%;padding:1px;line-height:0;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 1.5px #fff}.list .item .itc{flex:1;min-width:0}.list .item .r1{align-items:baseline;gap:8px;display:flex}.list .item .r1 .name{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14.5px;font-weight:600;overflow:hidden}.list .item .r1 .time{color:var(--muted);flex:none;font-size:11px}.list .item .r2{align-items:center;gap:6px;margin-top:3px;display:flex}.list .item .r2 .snippet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12.5px;overflow:hidden}.badge{color:#555;text-transform:capitalize;background:#eee;border-radius:20px;padding:2px 8px;font-size:10px}.badge.calificado,.badge.cliente{color:#1a7d52;background:#d9f7e8}.badge.agendado{color:#2647b0;background:#e0e8ff}.badge.descartado{color:#b03;background:#fde2e2}.badge.explorando{color:#5b47e0;background:#efe9ff}.badge.human{color:#a05a00;background:#fff0d9}.conv{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.conv .head{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:13px 20px;display:flex}.conv .head .htext{flex:1;min-width:0}.conv .head h3{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.conv .head .meta{color:var(--muted);margin-top:2px;font-size:12px}.role-badge{background:var(--grad-soft);color:var(--violeta);text-transform:capitalize;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.head-photo{object-fit:cover;width:40px;height:40px;box-shadow:0 0 0 2px var(--line);border-radius:50%;flex:none}.backBtn{color:var(--violeta);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:26px;line-height:1;display:none}.iconbtn{border:1px solid var(--line);cursor:pointer;color:var(--violeta);white-space:nowrap;background:#f5f4fb;border-radius:9px;padding:6px 11px;font-size:12px;font-weight:600}.conv .body{flex-direction:column;flex:1;gap:9px;padding:18px;display:flex;overflow-y:auto}.msg{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:72%;padding:9px 13px;font-size:13.5px;line-height:1.45;position:relative}.msg.user{border:1px solid var(--line);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.msg.assistant{background:var(--grad);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg.assistant.manual{background:linear-gradient(120deg,#f0a020 0%,#d97a16 100%)}.msg .who{text-transform:uppercase;letter-spacing:.06em;opacity:.8;margin-bottom:3px;font-size:9.5px;font-weight:600;display:block}.msg img,.msg video{border-radius:10px;max-width:100%;max-height:340px;display:block}.msg audio{width:230px;display:block}.msg .cap{margin-top:5px}.takeover{border-top:1px solid var(--line);background:#fff;align-items:center;gap:10px;padding:10px 20px;display:flex}.takeover .state{color:var(--muted);flex:1;align-items:center;gap:7px;font-size:12.5px;display:flex}.takeover .state .dot{border-radius:50%;width:9px;height:9px}.takeover .state .dot.bot{background:var(--violeta)}.takeover .state .dot.human{background:#e8920f;box-shadow:0 0 7px #e8920f}.takeover button{cursor:pointer;border:0;border-radius:9px;padding:7px 14px;font-size:12px;font-weight:600}.takeover button.take{background:var(--grad);color:#fff}.takeover button.give{color:var(--violeta);border:1px solid var(--violeta);background:#fff}.composer{border-top:1px solid var(--line);background:#fff;align-items:flex-end;gap:8px;padding:12px 20px 16px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);border-radius:11px;flex:1;max-height:120px;padding:10px 13px;font-family:inherit;font-size:13.5px;line-height:1.4}.composer textarea:focus{border-color:var(--violeta);outline:none}.composer button{background:var(--grad);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:11px;padding:10px 18px;font-size:13.5px;font-weight:600}.composer button.send:disabled{opacity:.5;cursor:default}.composer .attach{border:1px solid var(--line);color:var(--violeta);cursor:pointer;background:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:flex}.composer .attach:hover{background:#f5f4fb}.composer .attach.rec{color:#fff;background:#e23b3b;border-color:#e23b3b;animation:1.1s infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 #e23b3b80}50%{box-shadow:0 0 0 6px #e23b3b00}}.empty{color:var(--muted);margin:auto;font-size:14px}.tpl-picker{z-index:60;background:#24213a47;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.tpl-card{background:#fff;border-radius:16px;width:min(460px,96%);max-height:82%;padding:18px;overflow-y:auto;box-shadow:0 14px 50px #2814504d}.tpl-card h3{margin:0 0 4px;font-size:16px}.tpl-card .sub{color:var(--muted);margin:0 0 14px;font-size:12px}.tpl-item{border:1px solid var(--line);cursor:pointer;border-radius:11px;margin-bottom:9px;padding:11px 13px}.tpl-item:hover{border-color:var(--violeta);background:#faf9ff}.tpl-item.sel{border-color:var(--violeta);background:var(--grad-soft)}.tpl-item .nm{align-items:center;gap:7px;font-size:13.5px;font-weight:600;display:flex}.tpl-item .bd{color:#4a4766;white-space:pre-wrap;margin-top:5px;font-size:12.5px;line-height:1.4}.tpl-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:2px 7px;font-size:9.5px;font-weight:700}.tpl-tag.ok{color:#1a7d52;background:#d9f7e8}.tpl-tag.wait{color:#a05a00;background:#fff0d9}.tpl-vars label{color:var(--muted);margin:8px 0 3px;font-size:11.5px;display:block}.tpl-vars input{border:1px solid var(--line);border-radius:9px;width:100%;padding:9px 11px;font-size:13.5px}.tpl-actions{gap:8px;margin-top:14px;display:flex}.tpl-actions button{cursor:pointer;border:0;border-radius:10px;flex:1;padding:10px;font-size:13.5px;font-weight:600}.tpl-actions .go{background:var(--grad);color:#fff}.tpl-actions .go:disabled{opacity:.5;cursor:default}.tpl-actions .cancel{color:var(--muted);border:1px solid var(--line);background:#fff}.takeover .tplbtn{color:var(--violeta);border:1px solid var(--line);background:#fff}@media (max-width:720px){header h1{font-size:14px}header .sub,.filters{display:none}.channels{flex-wrap:nowrap;overflow-x:auto}.channels .ch{flex:none}.cols{height:100%;display:block}.takeover{flex-wrap:wrap;gap:7px}.nav{z-index:40;padding:7px 4px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);border-bottom:0;gap:2px;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -3px 16px #28145014}.navtab{white-space:nowrap;color:var(--muted);border-bottom:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 2px;font-size:10px;display:flex}.navtab .ico{line-height:0;display:block}.navtab .lbl.full{display:none}.navtab .lbl.short{display:inline}.navtab.active{color:var(--violeta);border-bottom:0}.navtab.active .ico{color:var(--violeta)}.dash,.tpls{padding:14px 14px 78px}.tickets{padding-bottom:78px}.dash-cards{flex-wrap:wrap}.dash-cards .dcard{min-width:42%}.dash-row{flex-direction:column}.dash-row .dash-box{width:100%}.tpls-grid{grid-template-columns:1fr}.list{border-right:0;width:100%;height:100%;padding-bottom:74px}.conv{z-index:50;background:var(--bg);transition:transform .22s;position:fixed;inset:0;transform:translate(100%)}.conv.open{transform:translate(0)}.conv>.empty{display:none}.composer{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.backBtn{display:flex}.msg{max-width:82%}}