:root{color-scheme:light;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: var(--font);--bg: #f6f8fa;--surface: #ffffff;--surface-2: #f6f8fa;--surface-3: #ebeef1;--ink: #0a2540;--ink-2: #425466;--ink-3: #697386;--ink-4: #8792a2;--line: #e3e8ee;--line-2: #d5dbe3;--brand: #5851df;--brand-ink: #4b45c7;--brand-soft: #eeedfc;--brand-line: #c7c4f5;--amber: #f5a524;--amber-ink: #8a5300;--amber-soft: #fff3d6;--amber-line: #f3cf80;--ok: #05690d;--ok-soft: #d7f7c2;--bad: #b3093c;--bad-soft: #ffe7e7;--info: #0055bc;--info-soft: #d9ebff;--cliente: #eef3ff;--cliente-ink: #0a2540;--bot: #f6f8fa;--bot-ink: #425466;--agente: #eeedfc;--agente-ink: #0a2540;--meta: #ffe7e7;--meta-ink: #b3093c;--nota: #fff8db;--nota-ink: #6b4f00;--ig: #e1306c;--fb: #1877f2;--tt: #0a2540;--wa: #1fa855;--radius: 8px;--radius-s: 6px;--radius-xs: 4px;--shadow-s: 0 0 0 1px rgba(10, 37, 64, .04), 0 1px 2px rgba(10, 37, 64, .06);--shadow-btn: 0 0 0 1px rgba(10, 37, 64, .12), 0 1px 2px rgba(10, 37, 64, .08);--shadow-btn-hover: 0 0 0 1px rgba(10, 37, 64, .18), 0 2px 5px rgba(10, 37, 64, .1);--shadow: 0 15px 35px rgba(60, 66, 87, .08), 0 5px 15px rgba(0, 0, 0, .12);--focus: 0 0 0 4px rgba(88, 81, 223, .22);--rail: 240px;--list: 340px;--ficha: 380px}@media(min-width:1600px){:root{--ficha: 420px;--list: 360px}}:root[data-theme=oscuro]{color-scheme:dark;--bg: #0d1220;--surface: #151b2c;--surface-2: #1b2235;--surface-3: #232c42;--ink: #e6e9ef;--ink-2: #a7b0c0;--ink-3: #7b8599;--ink-4: #5f6b80;--line: #262f45;--line-2: #33405a;--brand: #8a85ff;--brand-ink: #b3b0ff;--brand-soft: #23244a;--brand-line: #3d3f80;--amber: #f5a524;--amber-ink: #ffd27a;--amber-soft: #3a2a0e;--amber-line: #6b4a10;--ok: #4ade80;--ok-soft: #12331f;--bad: #ff7a90;--bad-soft: #3a1520;--info: #7cb2ff;--info-soft: #14273f;--cliente: #16233a;--cliente-ink: #e6e9ef;--bot: #1b2235;--bot-ink: #c3cad6;--agente: #23244a;--agente-ink: #e6e9ef;--meta: #3a1520;--meta-ink: #ff7a90;--nota: #33300f;--nota-ink: #e6d77a;--tt: #e6e9ef;--shadow-s: 0 0 0 1px rgba(255, 255, 255, .04), 0 1px 2px rgba(0, 0, 0, .4);--shadow-btn: 0 0 0 1px rgba(255, 255, 255, .12), 0 1px 2px rgba(0, 0, 0, .4);--shadow-btn-hover: 0 0 0 1px rgba(255, 255, 255, .2), 0 2px 5px rgba(0, 0, 0, .5);--shadow: 0 15px 35px rgba(0, 0, 0, .45), 0 5px 15px rgba(0, 0, 0, .4);--focus: 0 0 0 4px rgba(138, 133, 255, .3)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);font-size:13.5px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-feature-settings:"cv11","ss01"}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--ink)}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a{color:var(--brand-ink);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--focus);border-radius:var(--radius-s)}::selection{background:var(--brand-soft)}.codigo{font-family:var(--mono);font-size:12px;letter-spacing:0}.oculto{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-s);border:0;background:var(--surface);color:var(--ink);font-weight:500;font-size:13px;white-space:nowrap;box-shadow:var(--shadow-btn);transition:box-shadow .15s,background .15s,color .15s}.btn:hover{box-shadow:var(--shadow-btn-hover);text-decoration:none}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.5;cursor:default;box-shadow:var(--shadow-btn)}.btn.primario{background:var(--brand);color:#fff;box-shadow:0 0 0 1px var(--brand),0 1px 2px #0a254033,inset 0 1px #ffffff24}.btn.primario:hover{background:var(--brand-ink);box-shadow:0 0 0 1px var(--brand-ink),0 2px 5px #0a254040,inset 0 1px #ffffff24}.btn.peligro{color:var(--bad)}.btn.suave{box-shadow:none;background:transparent;color:var(--ink-2)}.btn.suave:hover{background:var(--surface-2);color:var(--ink);box-shadow:none}.btn.chico{height:28px;padding:0 10px;font-size:12.5px}.btn.icono{width:32px;padding:0}.btn.icono.chico{width:28px}.campo{width:100%;height:34px;padding:0 10px;border-radius:var(--radius-s);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0a25400a;transition:border-color .15s,box-shadow .15s}.campo::placeholder{color:var(--ink-4)}.campo:focus{border-color:var(--brand);box-shadow:var(--focus);outline:none}textarea.campo{height:auto;padding:8px 10px;resize:vertical;min-height:80px;line-height:1.45}select.campo{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23697386' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}label.etiqueta{display:block;font-size:12.5px;font-weight:500;color:var(--ink-2);margin-bottom:5px}.fila-campos{display:grid;gap:12px}.error-texto{color:var(--bad);font-size:13px}.pill{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:var(--radius-xs);font-size:12px;font-weight:500;line-height:1;background:var(--surface-3);color:var(--ink-2);white-space:nowrap}.pill.amber{background:var(--amber-soft);color:var(--amber-ink)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.tenue{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}button.pill{cursor:pointer}button.pill:hover{filter:brightness(.97)}.punto{width:8px;height:8px;border-radius:50%;display:inline-block;flex:none}.avatar{position:relative;width:36px;height:36px;border-radius:50%;background:var(--surface-3);color:var(--ink-2);display:grid;place-items:center;font-weight:600;font-size:12.5px;flex:none;letter-spacing:0}.avatar.chico{width:28px;height:28px;font-size:11px}.avatar .canal{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;border:2px solid var(--surface);display:grid;place-items:center;color:#fff}.avatar.chico .canal{width:14px;height:14px}.canal.instagram{background:var(--ig)}.canal.facebook{background:var(--fb)}.canal.tiktok{background:var(--tt);color:var(--surface)}.canal.whatsapp{background:var(--wa)}.canal svg{width:9px;height:9px}.app{height:100%;display:grid;grid-template-columns:var(--rail) var(--list) minmax(0,1fr) var(--ficha);grid-template-areas:"rail lista chat ficha";background:var(--bg)}.app.sin-ficha{grid-template-columns:var(--rail) var(--list) minmax(0,1fr);grid-template-areas:"rail lista chat"}.rail{grid-area:rail;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--surface)}.lista{grid-area:lista;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--surface)}.chat{grid-area:chat;display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--surface)}.ficha{grid-area:ficha;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--surface);overflow-y:auto;overflow-x:hidden}@media(max-width:1279px){.app,.app.sin-ficha{grid-template-columns:var(--rail) var(--list) minmax(0,1fr);grid-template-areas:"rail lista chat"}.ficha{position:fixed;top:0;right:0;bottom:0;width:min(400px,100%);box-shadow:var(--shadow);z-index:30;transform:translate(100%);transition:transform .18s ease-out}.ficha.abierta{transform:none}}@media(max-width:1023px){:root{--rail: 64px;--list: 300px}.rail .texto-rail,.rail .contador,.rail .rail-buscar,.rail .rail-canales,.rail .rail-etiquetas,.rail .rail-avisos,.rail .grupo-titulo,.rail .usuario-nombre{display:none}.rail .item-bandeja{justify-content:center;padding:0;height:40px}.rail .item-bandeja .badge-mini{display:block}}@media(max-width:719px){.app,.app.sin-ficha{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}.rail,.lista,.chat{grid-area:main}.app[data-pane=lista] .rail,.app[data-pane=lista] .chat,.app[data-pane=chat] .rail,.app[data-pane=chat] .lista,.app[data-pane=rail] .lista,.app[data-pane=rail] .chat{display:none}:root{--rail: 100%;--list: 100%}.rail .texto-rail,.rail .contador,.rail .rail-buscar,.rail .rail-canales,.rail .rail-etiquetas,.rail .rail-avisos,.rail .grupo-titulo,.rail .usuario-nombre{display:initial}.rail .rail-canales,.rail .rail-etiquetas{display:flex}.rail .grupo-titulo{display:block}.rail .item-bandeja{justify-content:flex-start;padding:0 12px;height:44px}.rail .item-bandeja .badge-mini{display:none}.lista{border-right:0}.ficha{width:100%}}.rail-cabecera{display:flex;align-items:center;gap:10px;padding:16px 16px 12px}.logo{width:30px;height:30px;border-radius:8px;background:var(--ink);display:grid;place-items:center;flex:none}:root[data-theme=oscuro] .logo{background:#23244a}.logo svg{width:18px;height:18px}.rail-titulo{font-weight:600;font-size:14px;line-height:1.15;letter-spacing:-.01em}.rail-sub{font-size:12px;color:var(--ink-3)}.rail-buscar{padding:0 12px 10px}.rail-buscar .campo{height:32px;padding-left:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238792a2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.rail-lista{flex:1;overflow-y:auto;padding:0 10px 8px}.grupo-titulo{font-size:11.5px;font-weight:500;color:var(--ink-3);padding:26px 8px 8px;letter-spacing:.01em}.rail-lista>.grupo-titulo:first-child{padding-top:10px}.item-bandeja{width:100%;display:flex;align-items:center;gap:9px;height:32px;padding:0 8px;border-radius:var(--radius-s);color:var(--ink-2);text-align:left;position:relative;font-weight:500;transition:background .12s,color .12s}.item-bandeja:hover{background:var(--surface-2);color:var(--ink)}.item-bandeja.activa{background:var(--brand-soft);color:var(--brand-ink);font-weight:600}.item-bandeja svg{width:16px;height:16px;flex:none;opacity:.8}.item-bandeja.activa svg{opacity:1}.item-bandeja .texto-rail{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-bandeja .contador{font-size:12px;font-weight:500;color:var(--ink-3);min-width:18px;text-align:right}.item-bandeja .badge-nuevos{margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--brand);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;flex:none}.item-bandeja.alerta .badge-nuevos{background:var(--amber);color:#1f1300}.item-bandeja.critico .badge-nuevos{background:var(--bad)}.item-bandeja.activa .contador{color:var(--brand-ink)}.item-bandeja.alerta .contador{color:var(--amber-ink);font-weight:600}.item-bandeja .badge-mini{display:none;position:absolute;top:7px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--amber)}.rail-canales{display:flex;gap:6px;padding:2px 12px 8px;flex-wrap:wrap}.chip-canal{height:26px;padding:0 9px 0 7px;border-radius:999px;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink-2);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);transition:box-shadow .12s,background .12s}.chip-canal:hover{background:var(--surface-2)}.chip-canal.activa{background:var(--brand-soft);color:var(--brand-ink);box-shadow:inset 0 0 0 1px var(--brand-line)}.chip-canal .punto{width:7px;height:7px}.rail-etiquetas{display:flex;flex-wrap:wrap;gap:5px;padding:4px 6px 8px}.chip-tag{height:24px;padding:0 8px;border-radius:var(--radius-xs);background:var(--surface-2);font-size:12px;font-weight:500;color:var(--ink-2);display:inline-flex;align-items:center;gap:5px;max-width:100%}.chip-tag:hover{background:var(--surface-3)}.chip-tag .n{color:var(--ink-3);font-size:11px;font-weight:400}.chip-tag.activa{background:var(--brand-soft);color:var(--brand-ink)}.rail-avisos{margin:0 12px 10px;height:32px;border-radius:var(--radius-s);background:var(--amber-soft);color:var(--amber-ink);font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.rail-pie{border-top:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;gap:8px}.usuario-nombre{flex:1;min-width:0;font-size:13px;font-weight:500;line-height:1.2}.usuario-nombre small{display:block;color:var(--ink-3);font-size:11.5px;font-weight:400}.estado-ws{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 3px var(--ok-soft)}.estado-ws.caido{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.estado-ws.conectando{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.lista-cabecera{min-height:52px;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.lista-cabecera h2{margin:0;font-size:15px;font-weight:600}.lista-cabecera .sub{font-size:12px;color:var(--ink-3);white-space:nowrap}.lista-accion{padding:8px 12px;border-bottom:1px solid var(--line);background:var(--bg)}.lista-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain}.item-chat{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;padding:11px 12px 11px 14px;width:100%;text-align:left;border-bottom:1px solid var(--line);position:relative;color:var(--ink);cursor:pointer;transition:background .12s}.item-chat:hover{background:var(--surface-2)}.item-chat.activo{background:var(--brand-soft);box-shadow:inset 2px 0 0 var(--brand)}.item-chat .linea1{display:flex;align-items:center;gap:6px}.item-chat .nombre{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13.5px}.item-chat.no-leido .nombre{font-weight:700}.item-chat .hora{font-size:12px;color:var(--ink-3);flex:none}.item-chat .abrir-fila{display:inline-flex;color:var(--ink-4);padding:2px;border-radius:4px;flex:none}.item-chat .abrir-fila:hover{color:var(--brand-ink);background:var(--brand-soft);text-decoration:none}.item-chat .snippet{color:var(--ink-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px}.item-chat .snippet .quien{color:var(--ink-3)}.item-chat .marcas{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.item-chat .pill{height:19px;font-size:11.5px;padding:0 6px}.item-chat .no-leido-punto{position:absolute;left:5px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--brand)}.fusible{position:absolute;left:0;bottom:-1px;height:3px;background:linear-gradient(90deg,var(--amber-line),var(--amber));border-radius:0 2px 2px 0;transition:width 1s linear}.item-chat.espera .hora{color:var(--amber-ink);font-weight:600}.lista-vacia{padding:48px 24px;text-align:center;color:var(--ink-3);font-size:13px}.lista-vacia strong{display:block;color:var(--ink);font-weight:600;margin-bottom:4px;font-size:14px}.cargar-mas{display:block;width:100%;padding:12px;color:var(--ink-2);text-align:center}.chat-vacio{flex:1;display:grid;place-items:center;color:var(--ink-3);text-align:center;padding:24px;background:var(--bg)}.chat-vacio strong{display:block;color:var(--ink);font-weight:600;font-size:16px;margin-bottom:4px}.chat-cabecera{border-bottom:1px solid var(--line);padding:12px 20px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;background:var(--surface)}.chat-cabecera .titulo-bloque{flex:1 1 260px;min-width:0}.chat-cabecera .chat-acciones{margin-left:auto;flex-wrap:wrap}.chat-cabecera .titulo{display:flex;align-items:center;gap:8px;min-width:0}.chat-cabecera .titulo h1{margin:0;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-cabecera .titulo .usuario{color:var(--ink-3);font-size:13px;white-space:nowrap}.intencion{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:5px;font-size:12.5px;color:var(--ink-2)}.intencion .texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.score{display:inline-flex;align-items:center;gap:5px;font-weight:500}.score .anillo{width:14px;height:14px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p) * 1%),var(--line-2) 0);position:relative}.score .anillo:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:var(--surface)}.chat-acciones{display:flex;gap:8px;align-items:center}.bot-estado{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px 0 9px;border-radius:var(--radius-s);font-size:12.5px;font-weight:500;background:var(--surface);box-shadow:var(--shadow-btn)}.bot-estado:hover{box-shadow:var(--shadow-btn-hover)}.bot-estado .punto{width:8px;height:8px}.bot-estado.activo .punto{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.bot-estado.pausado .punto{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.bot-estado.apagado .punto,.bot-estado.suspendido .punto{background:var(--bad);box-shadow:0 0 0 3px var(--bad-soft)}.btn.abrir{color:var(--brand-ink)}.btn.abrir .texto-abrir{font-weight:500}.menu{position:absolute;z-index:40;min-width:210px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow),0 0 0 1px var(--line);padding:6px}.menu button{width:100%;text-align:left;padding:7px 10px;border-radius:var(--radius-s);display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink)}.menu button:hover{background:var(--surface-2)}.menu button svg{color:var(--ink-3)}.menu .sep{height:1px;background:var(--line);margin:5px 4px}.menu small{color:var(--ink-3);margin-left:auto}.ancla{position:relative}.mensajes{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:16px 20px 8px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}.dia{align-self:center;font-size:11.5px;font-weight:500;color:var(--ink-3);padding:10px 0 6px}.msg{display:flex;flex-direction:column;max-width:min(72%,620px);align-self:flex-start}.msg.nuestro{align-self:flex-end;align-items:flex-end}.msg .autor{font-size:11.5px;font-weight:500;color:var(--ink-3);margin:8px 4px 3px}.msg+.msg.mismo .autor{display:none}.burbuja{padding:8px 12px;border-radius:10px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;position:relative;line-height:1.45;font-size:13.5px}.msg.cliente .burbuja{background:var(--cliente);color:var(--cliente-ink);border-bottom-left-radius:4px}.msg.bot .burbuja{background:var(--bot);color:var(--bot-ink);box-shadow:inset 0 0 0 1px var(--line);border-bottom-right-radius:4px}.msg.agente .burbuja{background:var(--agente);color:var(--agente-ink);border-bottom-right-radius:4px}.msg.auto .burbuja{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);border-style:dashed;color:var(--ink-2)}.msg.meta_ai .burbuja{background:repeating-linear-gradient(135deg,var(--meta) 0 6px,transparent 6px 12px);box-shadow:inset 0 0 0 1px var(--meta-ink);color:var(--ink)}.msg.nota{align-self:stretch;max-width:none}.msg.nota .burbuja{background:var(--nota);color:var(--nota-ink);border-radius:var(--radius-s);border-left:3px solid var(--nota-ink)}.msg.sistema{align-self:center;max-width:90%;margin:4px 0}.msg.sistema .burbuja{background:transparent;color:var(--ink-3);font-size:12px;padding:2px 8px;text-align:center}.msg .pie{font-size:11.5px;color:var(--ink-4);margin:3px 4px 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.msg .pie .err{color:var(--bad)}.msg .pie .pendiente{color:var(--amber-ink)}.adjunto{margin:2px 0 4px}.adjunto img{display:block;max-width:320px;max-height:360px;width:100%;border-radius:10px;cursor:zoom-in;background:var(--surface-2);box-shadow:var(--shadow-s)}.adjunto .archivo{display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border-radius:var(--radius-s);background:var(--surface-2);color:var(--ink-2);font-size:13px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a2540d1;z-index:100;display:grid;place-items:center;cursor:zoom-out}.lightbox img{max-width:94vw;max-height:92vh;border-radius:8px}.mas-mensajes{align-self:center;color:var(--ink-2);font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;background:var(--surface);box-shadow:var(--shadow-btn);margin-bottom:6px}.presencia{align-self:flex-start;font-size:12px;color:var(--ink-3);padding:2px 6px}.composer{border-top:1px solid var(--line);padding:12px 20px 14px;position:relative;background:var(--bg)}.composer.nota{background:var(--nota)}.composer-caja{border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;box-shadow:var(--shadow-s);transition:box-shadow .15s}.composer-caja:focus-within{box-shadow:0 0 0 1px var(--brand),var(--focus)}.composer textarea{width:100%;border:0;background:transparent;resize:none;padding:11px 12px 4px;min-height:44px;max-height:200px;outline:none;line-height:1.45;font-size:13.5px}.composer textarea::placeholder{color:var(--ink-4)}.composer-barra{display:flex;align-items:center;gap:4px;padding:4px 8px 8px}.composer-barra .espacio{flex:1}.composer-barra .ayuda{font-size:12px;color:var(--ink-4);padding:0 8px}.adjunto-pendiente{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--ink-2)}.adjunto-pendiente img{width:36px;height:36px;border-radius:6px;object-fit:cover}.switch-nota{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:var(--radius-s);font-size:12.5px;font-weight:500;color:var(--ink-2)}.switch-nota:hover{background:var(--surface-2)}.switch-nota.activa{background:var(--nota);color:var(--nota-ink);box-shadow:inset 0 0 0 1px var(--nota-ink)}.ventana-cerrada{margin:0 16px 16px;padding:14px 16px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-s);display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:start}.ventana-icono{grid-row:1 / span 2;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--amber-ink);background:var(--amber-soft)}.ventana-texto{display:flex;flex-direction:column;gap:4px;font-size:13.5px;line-height:1.45;color:var(--ink-2);max-width:70ch}.ventana-texto strong{color:var(--ink);font-size:14px}.ventana-acciones{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px}.ventana-acciones .enlace{background:none;border:0;padding:6px 4px;color:var(--ink-3);font:inherit;font-size:12.5px;text-decoration:underline;cursor:pointer}.ventana-acciones .enlace:hover{color:var(--ink)}.composer-aviso{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:var(--radius) var(--radius) 0 0;border-bottom:1px solid var(--amber-line);background:var(--amber-soft);color:var(--amber-ink);font-size:12.5px;line-height:1.4}.composer-aviso svg{flex:none;margin-top:2px}@media(max-width:720px){.ventana-cerrada{margin:0 8px 8px;grid-template-columns:1fr}.ventana-icono{display:none}.ventana-acciones{grid-column:1}}.grabadora{display:flex;align-items:center;gap:8px;padding:6px 8px;min-height:50px}.grabadora .grab-onda{flex:1;min-width:40px;height:30px;color:var(--ink-2)}.grabadora.listo .grab-onda,.grabadora.enviando .grab-onda{color:var(--brand)}.grabadora.enviando{opacity:.7}.grabadora audio{display:none}.grab-punto{flex:none;width:10px;height:10px;border-radius:50%;background:var(--bad);animation:latir 1s ease-in-out infinite}@keyframes latir{0%,to{opacity:1}50%{opacity:.35}}@media(prefers-reduced-motion:reduce){.grab-punto{animation:none}}.grab-tiempo{font-variant-numeric:tabular-nums;font-size:13px;color:var(--ink-2);min-width:36px;text-align:right}.grab-ayuda{flex:1;font-size:13px;color:var(--ink-3)}.grabadora .error-texto{flex:1}.burbuja.voz{padding:8px 10px 8px 8px;min-width:250px;max-width:380px}.nota-voz-fila{display:flex;align-items:center;gap:8px}.onda{flex:1;display:flex;align-items:center;gap:2px;height:30px;min-width:140px;cursor:pointer}.onda span{flex:1;min-width:2px;max-width:3px;border-radius:1.5px;background:currentColor;opacity:.3}.onda span.hecho{opacity:1}.onda.cargando span{opacity:.12}.nota-voz-tiempo{font-variant-numeric:tabular-nums;font-size:12px;color:var(--ink-3);min-width:32px;text-align:right}.nota-voz audio{display:none}.nota-voz .transcripcion{margin-top:8px;padding-top:6px;border-top:1px solid var(--line);font-size:13px;font-style:italic;color:var(--ink-2)}.nota-voz-fallo{display:block;margin-top:4px;font-size:12px;color:var(--ink-3)}.burbuja.transcripcion{font-size:13px;color:var(--ink-2);font-style:italic}.transcripcion-etiqueta{display:block;font-style:normal;font-size:11px;font-weight:500;color:var(--ink-3);margin-bottom:2px}.paleta{position:absolute;left:20px;right:20px;bottom:calc(100% - 4px);max-height:360px;overflow-y:auto;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow),0 0 0 1px var(--line);z-index:50;padding:6px}.paleta .cabecera{font-size:11.5px;font-weight:500;color:var(--ink-3);padding:6px 10px 4px;display:flex;justify-content:space-between}.paleta .cabecera button{color:var(--brand-ink);font-weight:500}.paleta .op{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:7px 10px;border-radius:var(--radius-s);text-align:left}.paleta .op.activa,.paleta .op:hover{background:var(--surface-2)}.paleta .op .cmd{font-family:var(--mono);font-size:12px;color:var(--brand-ink);min-width:96px}.paleta .op .desc{color:var(--ink-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paleta .op img{width:44px;height:44px;border-radius:6px;object-fit:cover;background:var(--surface-2)}.paleta .op .label{font-weight:500}.paleta .grid-img{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;padding:6px}.paleta .tarjeta-img{border-radius:var(--radius-s);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-s);text-align:left;transition:box-shadow .12s}.paleta .tarjeta-img:hover,.paleta .tarjeta-img.activa{box-shadow:0 0 0 2px var(--brand)}.paleta .tarjeta-img img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--surface-2)}.paleta .tarjeta-img span{display:block;padding:5px 7px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paleta .tabs{display:flex;gap:4px;padding:4px 6px;align-items:center}.paleta .tabs button{padding:5px 10px;border-radius:var(--radius-s);font-size:12.5px;font-weight:500;color:var(--ink-2)}.paleta .tabs button:hover{background:var(--surface-2)}.paleta .tabs button.activa{background:var(--brand-soft);color:var(--brand-ink)}.paleta .buscar{margin:4px 6px 6px;width:auto}.paleta .vacio{padding:16px;text-align:center;color:var(--ink-3);font-size:13px}.ficha-cabecera{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:2;min-height:52px}.ficha-cabecera h3{margin:0;font-size:14px;font-weight:600}.ficha-bloque{padding:14px 16px;border-bottom:1px solid var(--line)}.ficha-bloque h4{margin:0 0 8px;font-size:12.5px;color:var(--ink-3);font-weight:500;display:flex;align-items:center;justify-content:space-between}.ficha-bloque .texto{white-space:pre-wrap;font-size:13px;line-height:1.5;color:var(--ink-2)}.ficha-bloque .vacio{color:var(--ink-3);font-size:13px}.ficha-bloque .hechos{margin:0;padding-left:16px;font-size:13px;color:var(--ink-2)}.ficha-bloque .hechos li{margin:3px 0}.datos{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:13px;margin:0}.datos dt{color:var(--ink-3)}.datos dd{margin:0;text-align:right;color:var(--ink);min-width:0;overflow-wrap:anywhere}.datos dd.destacado{font-weight:600}.solicitud{border-radius:var(--radius);padding:10px 12px;margin-top:8px;background:var(--surface);box-shadow:var(--shadow-s)}.solicitud.pendiente{box-shadow:inset 0 0 0 1px var(--amber-line),0 1px 2px #0a25400f;background:var(--amber-soft)}.solicitud .top{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-2)}.solicitud .item{font-weight:500;margin-top:2px;color:var(--ink)}.solicitud .acciones{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.solicitud .resultado{font-size:12px;color:var(--ink-2);margin-top:4px}.cronologia{list-style:none;padding:0;margin:0;font-size:12.5px}.cronologia li{display:grid;grid-template-columns:48px 1fr;gap:8px;padding:3px 0;color:var(--ink-2)}.cronologia li time{color:var(--ink-3)}.etiquetas{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.etiquetas input{height:22px;border:1px dashed var(--line-2);border-radius:var(--radius-xs);padding:0 8px;font-size:12px;background:transparent;width:96px}.etiquetas input:focus{outline:none;border-color:var(--brand)}.vouchers{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.vouchers img{width:56px;height:56px;object-fit:cover;border-radius:6px;box-shadow:var(--shadow-s);cursor:zoom-in}.wa-lista{display:grid;gap:8px}.wa-item{display:grid;gap:3px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-s);transition:box-shadow .12s}.wa-item:hover{box-shadow:0 0 0 2px var(--brand)}.wa-item.deshabilitada{opacity:.75;cursor:default}.wa-item.deshabilitada:hover{box-shadow:var(--shadow-s)}.wa-titulo{font-weight:600;display:flex;gap:6px;align-items:center}.wa-desc{font-size:13px;color:var(--ink-2)}.wa-cuerpo{font-size:12px;color:var(--ink-3);white-space:pre-wrap}.wa-editor{display:grid;gap:12px}.wa-cuerpo-plantilla{font-size:13px;color:var(--ink-2);background:var(--surface-2);border-radius:var(--radius-s);padding:8px 10px;white-space:pre-wrap}.wa-variables{display:grid;gap:8px}.wa-preview{background:var(--cliente);border-radius:10px 10px 10px 4px;padding:10px 12px;white-space:pre-wrap;line-height:1.45}.wa-preview.incompleta{outline:1px dashed var(--amber)}.almacen{grid-column:2 / -1;grid-row:1;overflow-y:auto;background:var(--bg);padding:24px 32px 48px}@media(max-width:719px){.almacen{grid-area:main;padding:14px 16px 40px}}.almacen-cabecera{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px}.almacen h2{margin:0;font-size:20px;font-weight:600}.almacen .intro{color:var(--ink-2);margin:2px 0 0;max-width:720px}.almacen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;align-items:start}.tarjeta-solicitud{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:12px 14px;display:grid;gap:8px}.ts-vencida{display:grid;gap:8px}.ts-cabecera{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3)}.ts-hora{margin-left:auto;font-weight:500}.tarjeta-solicitud.pendiente .ts-hora{color:var(--amber-ink)}.ts-cliente{display:flex;align-items:center;gap:8px;text-align:left;padding:4px 6px;margin:0 -6px;border-radius:var(--radius-s)}.ts-cliente:hover{background:var(--surface-2)}.ts-nombre{font-weight:600}.ts-canal{color:var(--ink-3);font-size:12.5px}.ts-item{font-size:13.5px;color:var(--ink)}.ts-acciones{display:flex;gap:6px;flex-wrap:wrap}.ts-alt{display:grid;gap:8px;padding:10px;background:var(--surface-2);border-radius:var(--radius-s)}.solicitudes-chat{padding:10px 20px 0;display:grid;gap:8px;background:var(--surface);border-top:1px solid var(--line)}.solicitudes-chat .tarjeta-solicitud.compacta{padding:10px 12px;background:var(--amber-soft);box-shadow:none}.item-bandeja.critico .contador{color:var(--bad);font-weight:600}.item-bandeja.critico.activa{background:var(--bad-soft);color:var(--bad)}.aviso-revision{display:flex;align-items:center;gap:10px;padding:10px 20px;background:var(--bad-soft);color:var(--bad);border-bottom:1px solid var(--line);font-size:13px;flex-wrap:wrap}.aviso-revision .texto{flex:1 1 320px;min-width:0;color:var(--ink)}.aviso-revision strong{color:var(--bad)}.avisos-stack{position:fixed;top:14px;right:14px;display:flex;flex-direction:column;gap:8px;z-index:210;width:min(360px,calc(100vw - 28px))}.aviso-toast{display:flex;align-items:flex-start;gap:6px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow),0 0 0 1px var(--line);padding:10px 10px 10px 12px;animation:entrar .18s ease-out}.aviso-toast.revision{box-shadow:var(--shadow),0 0 0 1px var(--bad)}.aviso-cuerpo{flex:1;min-width:0;text-align:left;display:grid;gap:2px}.aviso-titulo{font-weight:600;font-size:13px;display:flex;align-items:center;gap:6px;color:var(--ink)}.aviso-toast.revision .aviso-titulo{color:var(--bad)}.aviso-texto{font-size:12.5px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes entrar{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.toasts{position:fixed;left:50%;bottom:20px;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;z-index:200;pointer-events:none}.toast{background:var(--ink);color:#fff;padding:9px 14px;border-radius:var(--radius-s);font-size:13px;font-weight:500;box-shadow:var(--shadow)}:root[data-theme=oscuro] .toast{background:#e6e9ef;color:#0a2540}.toast.error{background:var(--bad);color:#fff}.toast.ok{background:var(--ok);color:#fff}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a254080;z-index:90;display:grid;place-items:center;padding:16px}.modal{width:min(600px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:20px 22px}.modal h3{margin:0 0 14px;font-size:16px;font-weight:600}.modal .acciones{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.spinner{width:18px;height:18px;border:2px solid var(--line-2);border-top-color:var(--brand);border-radius:50%;animation:girar .8s linear infinite}@keyframes girar{to{transform:rotate(360deg)}}.centro{display:grid;place-items:center;height:100%}.login{height:100%;display:grid;place-items:center;padding:20px;background:var(--bg)}.login form{width:min(380px,100%);background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:28px 26px 26px;display:grid;gap:14px}.login .marca{display:flex;align-items:center;gap:10px;margin-bottom:4px}.login h1{margin:0;font-size:17px;font-weight:600}.login p{margin:0;color:var(--ink-2);font-size:13px}.ajustes{grid-column:2 / -1;grid-row:1;overflow-y:auto;background:var(--bg);padding:24px 32px 48px}@media(max-width:719px){.ajustes{grid-area:main;padding:14px 16px 40px}}.ajustes h2{margin:0;font-size:20px;font-weight:600}.ajustes .intro{color:var(--ink-2);margin:2px 0 18px}.ajustes-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:20px;overflow-x:auto}.ajustes-tabs button{padding:8px 12px;color:var(--ink-2);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.ajustes-tabs button:hover{color:var(--ink)}.ajustes-tabs button.activa{color:var(--brand-ink);border-bottom-color:var(--brand)}.ajustes>div:not(.ajustes-tabs){background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-s);padding:18px 20px;max-width:1100px}.ajustes>div:first-child{background:transparent;box-shadow:none;padding:0}.tabla{width:100%;border-collapse:collapse;font-size:13px}.tabla th{text-align:left;font-weight:500;font-size:12px;color:var(--ink-3);padding:8px 10px;border-bottom:1px solid var(--line)}.tabla td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink-2)}.tabla td:first-child{color:var(--ink);font-weight:500}.tabla td.num{text-align:right}.tabla tr:hover td{background:var(--surface-2)}.tabla .acciones-fila{display:flex;gap:4px;justify-content:flex-end}.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.galeria figure{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-s)}.galeria img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--surface-2)}.galeria figcaption{padding:6px 8px;font-size:12px;display:flex;justify-content:space-between;gap:6px;align-items:center}.galeria figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formulario{display:grid;gap:14px;max-width:520px}.formulario .fila2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nota-ayuda{font-size:12.5px;color:var(--ink-3);line-height:1.5}.busqueda{grid-column:2 / -1;grid-row:1;background:var(--bg);overflow-y:auto;padding:20px 24px}@media(max-width:719px){.busqueda{grid-area:main}}.busqueda h2{margin:0 0 12px;font-size:15px;font-weight:600}.resultado{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-s);padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:box-shadow .12s}.resultado:hover{box-shadow:var(--shadow-btn-hover)}.resultado .top{display:flex;align-items:center;gap:8px;font-weight:500}.resultado .frag{font-size:13px;color:var(--ink-2);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}mark{background:var(--amber-soft);color:inherit;border-radius:2px}.volver,.solo-movil{display:none}@media(max-width:719px){.volver,.solo-movil{display:inline-flex}.chat-cabecera{padding:8px 12px;gap:8px 10px}.chat-cabecera .chat-acciones{margin-left:0;flex-basis:100%;justify-content:flex-start}.chat-cabecera .titulo .usuario,.intencion .desde,.btn.abrir .texto-abrir{display:none}.btn.abrir{width:32px;padding:0}.mensajes{padding:12px 12px 8px}.composer{padding:10px 12px 12px}.paleta{left:12px;right:12px}.msg{max-width:88%}}