:root{--fondo: #f4f6f6;--tarjeta: #ffffff;--texto: #1c2526;--suave: #5d6b6d;--borde: #dfe5e5;--marca: #0f766e;--marca-suave: #d7efec;--naranja: #b45309;--naranja-suave: #fdecd6;--rojo: #b42318;--rojo-suave: #fde3e1;--verde: #15803d;--verde-suave: #dcf5e3;--burbuja-bot: #eef1f1;--burbuja-humano: #d9fdd3;color-scheme:light}@media(prefers-color-scheme:dark){:root{--fondo: #101617;--tarjeta: #1a2223;--texto: #e6ecec;--suave: #9aa9ab;--borde: #2b3637;--marca: #2dd4bf;--marca-suave: #123a37;--naranja: #fbbf24;--naranja-suave: #3d2d0c;--rojo: #f87171;--rojo-suave: #3f1714;--verde: #4ade80;--verde-suave: #11331f;--burbuja-bot: #222c2d;--burbuja-humano: #144d37;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}button,.boton{font:inherit;border:0;border-radius:10px;padding:10px 16px;background:var(--marca);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button.secundario,.boton.secundario{background:var(--marca-suave);color:var(--marca)}button.apagado{background:var(--rojo);color:#fff}button.enlace{background:none;color:var(--marca);padding:4px 0;text-decoration:underline}input,select,textarea{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--borde);border-radius:10px;background:var(--tarjeta);color:var(--texto)}textarea{resize:vertical}label{display:block;margin:10px 0;color:var(--suave);font-size:14px}label input,label select,label textarea{margin-top:4px;color:var(--texto);font-size:16px}label.check{display:flex;gap:8px;align-items:center;color:var(--texto);font-size:16px}label.check input{width:auto;margin:0}a{color:var(--marca)}.pantalla{padding:0 16px 90px;max-width:760px;margin:0 auto}.pantalla-chat{height:100dvh;padding-bottom:64px}.titulo{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 0 8px}.titulo h1{font-size:22px;margin:0;flex:1}h2{font-size:17px;margin:24px 0 6px}.nota{color:var(--suave);font-size:14px;margin:4px 0 10px}.cargando,.vacio{color:var(--suave);padding:32px 0;text-align:center}.aviso{background:var(--naranja-suave);color:var(--naranja);padding:12px;border-radius:10px;margin:8px 0}.error{background:var(--rojo-suave);color:var(--rojo);padding:10px 12px;border-radius:10px;margin:8px 0}.volver{background:none;color:var(--texto);font-size:22px;padding:4px 8px}.filtros{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}.chip{background:var(--tarjeta);color:var(--texto);border:1px solid var(--borde);border-radius:999px;padding:6px 14px;white-space:nowrap}.chip.activo{background:var(--marca);color:#fff;border-color:var(--marca)}.globo{background:var(--rojo);color:#fff;border-radius:999px;font-size:12px;padding:1px 7px;margin-left:6px}.lista{list-style:none;padding:0;margin:0}.lista li{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:12px;margin-bottom:8px;cursor:pointer}.lista.tarjetas li{cursor:default}.lista li.apagada{opacity:.55}.fila-arriba{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.fila-abajo{display:flex;justify-content:space-between;gap:8px;align-items:center}.hora{color:var(--suave);font-size:12px;white-space:nowrap}.vista-previa{color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detalle{color:var(--suave);font-size:14px}.etiquetas{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.etiqueta{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--marca-suave);color:var(--marca)}.etiqueta.naranja{background:var(--naranja-suave);color:var(--naranja)}.etiqueta.verde{background:var(--verde-suave);color:var(--verde)}.etiqueta.roja{background:var(--rojo-suave);color:var(--rojo)}.acciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}.acciones select{width:auto;flex:1;min-width:150px}.producto{display:flex;gap:12px}.producto img,.sin-foto{width:64px;height:64px;object-fit:cover;border-radius:8px;flex-shrink:0;background:var(--borde)}.menu{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--tarjeta);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom)}.menu a{flex:1;text-align:center;padding:8px 0 10px;color:var(--suave);text-decoration:none;font-size:12px}.menu a span{display:block;font-size:20px}.menu a.activo{color:var(--marca);font-weight:600}.chat{display:flex;flex-direction:column;height:100%;max-width:760px;margin:0 auto}.chat-cabecera{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--tarjeta);border-bottom:1px solid var(--borde)}.chat-cabecera .quien{flex:1;min-width:0;cursor:pointer}.chat-cabecera .quien strong,.chat-cabecera .quien small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-cabecera .quien small{color:var(--suave)}.chat-cabecera button{padding:8px 12px;font-size:14px}.chat-datos{background:var(--marca-suave);padding:8px 12px;font-size:14px}.chat-datos small{color:var(--suave)}.mensajes{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.burbuja{max-width:82%;padding:8px 10px;border-radius:12px;background:var(--tarjeta);border:1px solid var(--borde);align-self:flex-start}.burbuja.bot{align-self:flex-end;background:var(--burbuja-bot)}.burbuja.humano{align-self:flex-end;background:var(--burbuja-humano)}.burbuja .autor{display:block;color:var(--suave);font-size:12px}.burbuja .texto{white-space:pre-wrap;word-wrap:break-word}.burbuja img{max-width:100%;border-radius:8px;display:block;margin:4px 0}.burbuja .hora{display:block;text-align:right}.redactar{display:flex;gap:8px;align-items:flex-end;padding:8px;background:var(--tarjeta);border-top:1px solid var(--borde)}.redactar .campo{flex:1}.redactar textarea{max-height:140px}.adjuntar{margin:0;font-size:22px;padding:6px;cursor:pointer;color:var(--texto)}.archivo-elegido{font-size:13px;color:var(--suave);margin-bottom:4px}.archivo-elegido button{background:none;color:var(--rojo);padding:0 4px}.aviso-ventana{background:var(--naranja-suave);color:var(--naranja);padding:12px;font-size:14px}.ficha section,.pantalla section{margin-bottom:8px}.vista-mensaje{white-space:pre-wrap;background:var(--burbuja-bot);padding:10px;border-radius:10px;margin:8px 0;font-size:15px}.miniatura{width:120px;border-radius:8px}.pregunta{border:1px solid var(--borde);border-radius:10px;padding:8px;margin-bottom:8px;display:grid;gap:6px}.dos-columnas{display:grid;grid-template-columns:1fr 2fr;gap:8px}form.dos-columnas{grid-template-columns:1fr 1fr}form.dos-columnas button{grid-column:1 / -1}.guardar{position:sticky;bottom:70px;display:flex;gap:12px;align-items:center;justify-content:flex-end;padding:12px 0;background:var(--fondo)}.buscar{margin-bottom:8px}.editor-ciudad{margin-top:8px;cursor:default}.login{max-width:360px;width:calc(100% - 32px);margin:12vh auto;padding:24px;background:var(--tarjeta);border-radius:16px;border:1px solid var(--borde)}.login h1{margin:0;color:var(--marca)}.login p{color:var(--suave);margin-top:4px}.login button{width:100%;margin-top:12px}.menu-lateral{position:fixed;top:0;bottom:0;left:0;width:190px;display:flex;flex-direction:column;gap:2px;padding:16px 10px;background:var(--tarjeta);border-right:1px solid var(--borde)}.menu-lateral .marca{color:var(--marca);font-size:18px;padding:0 10px 12px}.menu-lateral a{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;color:var(--texto);text-decoration:none}.menu-lateral a.activo{background:var(--marca-suave);color:var(--marca);font-weight:600}.con-menu-lateral{margin-left:190px}.pantalla.con-menu-lateral{max-width:980px;padding-bottom:32px;margin-right:auto;margin-left:max(190px,calc(190px + (100vw - 1170px)/2))}.pantalla-dividida{display:flex;height:100dvh}.columna-lista{width:380px;flex-shrink:0;overflow-y:auto;padding:0 12px 16px;border-right:1px solid var(--borde)}.columna-chat{flex:1;min-width:0;height:100dvh}.columna-chat .chat{max-width:none}.columna-chat>.vacio{padding-top:30vh}.lista li.seleccionado{border-color:var(--marca);box-shadow:0 0 0 1px var(--marca)}.panel-filtros{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:8px 12px;margin-bottom:10px}.dos-iguales{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:end}.tres-columnas{display:grid;grid-template-columns:1fr 1.4fr 1.6fr;gap:8px}@media(max-width:480px){.tres-columnas{grid-template-columns:1fr 1fr}.tres-columnas label:last-child{grid-column:1 / -1}}.etiqueta.auto{background:transparent;border:1px solid var(--borde);color:var(--suave)}.color-gris{--c: #64748b}.color-verde{--c: #15803d}.color-azul{--c: #2563eb}.color-naranja{--c: #c2410c}.color-rojo{--c: #b91c1c}.color-violeta{--c: #7c3aed}.etiqueta[class*=color-]{background:color-mix(in srgb,var(--c) 16%,transparent);color:var(--c)}.chip[class*=color-]{border-color:color-mix(in srgb,var(--c) 45%,transparent)}.chip[class*=color-].activo{background:var(--c);color:#fff;border-color:var(--c)}@media(prefers-color-scheme:dark){.etiqueta[class*=color-]{color:color-mix(in srgb,var(--c) 55%,white)}}.chat-resumen{padding:6px 12px;border-bottom:1px solid var(--borde);background:var(--tarjeta);font-size:13px}.chat-resumen .etiquetas{margin-top:0}.chat-resumen-datos{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--suave);margin-top:4px}.editor-etiquetas{padding:8px 12px;background:var(--tarjeta);border-bottom:1px solid var(--borde)}.nueva-etiqueta{display:grid;grid-template-columns:1fr auto auto;gap:6px;margin-top:8px}.nueva-etiqueta select{width:auto}button.corregir{background:none;color:var(--suave);padding:0 0 0 8px;font-size:12px}button.corregir:hover{color:var(--marca)}.burbuja video,.burbuja audio{max-width:100%;display:block;margin:4px 0;border-radius:8px}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;justify-content:center;z-index:20}.modal{background:var(--fondo);width:100%;max-width:620px;max-height:92dvh;overflow-y:auto;border-radius:16px 16px 0 0;padding:0 16px 20px}@media(min-width:700px){.modal-fondo{align-items:center}.modal{border-radius:16px}}.grilla-numeros{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:8px 0}.tarjeta-numero{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.tarjeta-numero small{color:var(--suave)}.tarjeta-numero strong{font-size:20px}.caja{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:4px 12px 12px;margin:10px 0}.caja h2{margin-top:10px}.cuenta{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:15px}.cuenta span:nth-child(2n){text-align:right;font-variant-numeric:tabular-nums}.tabla{overflow-x:auto}.tabla table{width:100%;border-collapse:collapse;font-size:14px}.tabla th,.tabla td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--borde);white-space:nowrap}.tabla td:first-child{white-space:normal;min-width:140px}.tabla th{color:var(--suave);font-weight:600}.medio-fila{display:grid;grid-template-columns:110px 1fr;gap:10px;border:1px solid var(--borde);border-radius:12px;padding:8px;margin-bottom:8px;background:var(--tarjeta)}.medio-fila.apagada{opacity:.55}.medio-vista img,.medio-vista video{width:110px;max-height:140px;object-fit:cover;border-radius:8px}.medio-vista audio{width:110px}.medio-datos{display:grid;gap:6px;min-width:0}@media(max-width:420px){.medio-fila{grid-template-columns:1fr}.medio-vista img,.medio-vista video{width:100%}.medio-vista audio{width:100%}}.fotos-shopify{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.foto-shopify{padding:0;background:none;border:2px solid var(--borde)}.foto-shopify img{width:72px;height:72px;object-fit:cover;border-radius:8px;display:block}.foto-shopify:disabled{opacity:.35}label.boton{margin:0;color:#fff;font-size:16px}label.boton.deshabilitado{opacity:.5}.combo-fila{border:1px solid var(--borde);border-radius:12px;padding:4px 10px 8px;margin-bottom:8px;background:var(--tarjeta)}.nota.negativo{color:var(--rojo)}.probar{display:flex;flex-direction:column}.mensajes.prueba{min-height:40vh;background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;margin-bottom:8px}.mensajes .sistema{align-self:center;color:var(--suave);font-size:13px;text-align:center}.respuesta-bot{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.simulado{align-self:stretch;background:var(--verde-suave);color:var(--texto);border-radius:10px;padding:8px 10px;font-size:14px}.simulado ul{margin:4px 0;padding-left:18px}.simulado .texto{white-space:pre-wrap}.pie-respuesta{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;justify-content:flex-end}.porque{font-size:13px;max-width:100%}.porque summary{cursor:pointer;color:var(--marca)}.porque[open]{align-self:stretch;background:var(--fondo);border:1px solid var(--borde);border-radius:10px;padding:8px}.porque pre{white-space:pre-wrap;word-break:break-word;background:var(--tarjeta);padding:6px;border-radius:6px;font-size:12px;max-height:240px;overflow:auto}.herramienta summary{color:var(--texto)}.redactar select.ubicacion{width:56px;padding:10px 4px}.probar .redactar{border:1px solid var(--borde);border-radius:12px;position:sticky;bottom:70px}.con-menu-lateral .probar .redactar{bottom:8px}