:root{--fondo:#f3f5f4;--superficie:#fff;--superficie-2:#f7f8f8;--borde:#e1e5e3;--texto:#17201c;--texto-2:#4c5a53;--texto-3:#75827b;--acento:#128c5e;--acento-fuerte:#0d7049;--acento-suave:#e3f3ec;--sobre-acento:#fff;--burbuja-in:#fff;--burbuja-out:#d9f5e6;--chat-fondo:#eef1ef;--peligro:#c43c3c;--peligro-suave:#fbeaea;--aviso:#8a5a00;--aviso-suave:#fdf3dc;--leido:#1b7fd6;--barra-pista:#e8ecea;--est-nuevo:#e3eefb;--est-nuevo-t:#1d5a9e;--est-proceso:#fdf0d8;--est-proceso-t:#855400;--est-cliente:#dff3e8;--est-cliente-t:#0d6a44;--est-perdido:#eceeed;--est-perdido-t:#5c6661;--sombra:0 1px 2px #0000000d, 0 1px 3px #0000000a;--radio:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#0f1412;--superficie:#171d1a;--superficie-2:#1d2420;--borde:#2a332e;--texto:#e7ece9;--texto-2:#aab6b0;--texto-3:#85918b;--acento:#2fb67f;--acento-fuerte:#4cc794;--acento-suave:#173328;--sobre-acento:#06140e;--burbuja-in:#1f2723;--burbuja-out:#164332;--chat-fondo:#121815;--peligro:#ef7a7a;--peligro-suave:#3a1d1d;--aviso:#f0c46a;--aviso-suave:#352a12;--leido:#62b3ff;--barra-pista:#242d28;--est-nuevo:#1b2c42;--est-nuevo-t:#9cc7f5;--est-proceso:#3a2d12;--est-proceso-t:#f2c872;--est-cliente:#173328;--est-cliente-t:#7fdcaf;--est-perdido:#262c29;--est-perdido-t:#a3ada8;--sombra:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1,h2{margin:0;line-height:1.2}h1{font-size:1.35rem;font-weight:650}h2{font-size:1rem;font-weight:650}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{border:1px solid var(--borde);background:var(--superficie);border-radius:8px;width:100%;min-width:0;padding:8px 10px}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--acento);outline-offset:1px}label{color:var(--texto-2);gap:4px;font-size:.85rem;font-weight:500;display:grid}label>input,label>select,label>textarea{color:var(--texto);font-size:.95rem;font-weight:400}.boton{background:var(--acento);color:var(--sobre-acento);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-weight:600;display:inline-flex}.boton:hover:not(:disabled){background:var(--acento-fuerte)}.boton:disabled{opacity:.5;cursor:default}.boton.secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--borde)}.boton.secundario:hover:not(:disabled){background:var(--superficie-2)}.boton.peligro{background:var(--peligro-suave);color:var(--peligro)}.boton.pequeno{padding:5px 10px;font-size:.85rem}.boton-texto{color:var(--acento);cursor:pointer;background:0 0;border:0;padding:4px 6px;font-weight:500}.boton-texto.peligro{color:var(--peligro)}.boton-icono{cursor:pointer;width:34px;height:34px;color:var(--texto-2);background:0 0;border:0;border-radius:8px;flex:none;place-items:center;font-size:1.25rem;display:inline-grid}.boton-icono:hover{background:var(--superficie-2)}.enlace{color:var(--texto);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.enlace:hover{color:var(--acento);text-decoration:underline}.error{color:var(--peligro);background:var(--peligro-suave);border-radius:8px;margin:0;padding:8px 12px;font-size:.9rem}.exito{color:var(--acento-fuerte);background:var(--acento-suave);border-radius:8px;margin:0;padding:8px 12px;font-size:.9rem}.ayuda{color:var(--texto-3);margin:0;font-size:.85rem}.tenue{color:var(--texto-3)}.vacio{color:var(--texto-3);text-align:center;margin:0;padding:32px 16px}.solo-lector{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:20px}.tarjeta.angosta{max-width:460px}.pantalla-centro{min-height:100%;color:var(--texto-3);place-items:center;padding:16px;display:grid}.marca{align-items:center;gap:10px;font-weight:700;display:flex}.marca-logo{background:var(--acento);border-radius:8px;flex:none;width:28px;height:28px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8'/%3E%3C/svg%3E");mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='8'/%3E%3C/svg%3E")}.login{width:100%;max-width:380px;color:var(--texto);gap:16px;display:grid}.login h1{font-size:1.2rem}.insignia{background:var(--acento);min-width:20px;height:20px;color:var(--sobre-acento);font-variant-numeric:tabular-nums;border-radius:10px;place-items:center;margin-left:auto;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}.app{grid-template-columns:220px 1fr;height:100%;display:grid}.barra{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;gap:16px;min-height:0;padding:16px 12px;display:flex}.barra .marca{padding:4px 8px 8px}.barra ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.nav{width:100%;color:var(--texto-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-weight:500;display:flex}.nav:hover{background:var(--superficie-2);color:var(--texto)}.nav.activo{background:var(--acento-suave);color:var(--acento-fuerte);font-weight:600}.barra-pie{border-top:1px solid var(--borde);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:12px 8px 8px;display:flex}.yo{min-width:0;display:grid}.yo strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.yo span{color:var(--texto-3);font-size:.8rem}.contenido{min-width:0;min-height:0;overflow:auto}.pagina{align-content:start;gap:16px;max-width:1200px;padding:24px;display:grid}.pagina-cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.acciones,.filtros{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filtros input[type=search]{flex:260px;width:auto}.filtros select{width:auto}.conteo{color:var(--texto-2);margin:0;font-size:.9rem}.formulario{gap:14px;display:grid}.formulario.en-linea{max-width:520px}.datos{grid-template-columns:auto 1fr;gap:8px 16px;margin:0;display:grid}.datos dt{color:var(--texto-3)}.datos dd{margin:0}.segmentado{flex-wrap:wrap;gap:4px;display:flex}.segmentado button{border:1px solid var(--borde);background:var(--superficie);color:var(--texto-2);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:.85rem}.segmentado button.activo{background:var(--acento-suave);color:var(--acento-fuerte);border-color:#0000;font-weight:600}.estado{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600;display:inline-block}.estado-nuevo{background:var(--est-nuevo);color:var(--est-nuevo-t)}.estado-en_proceso{background:var(--est-proceso);color:var(--est-proceso-t)}.estado-cliente{background:var(--est-cliente);color:var(--est-cliente-t)}.estado-perdido{background:var(--est-perdido);color:var(--est-perdido-t)}.chip{background:var(--superficie-2);border:1px solid var(--borde);color:var(--texto-2);border-radius:999px;align-items:center;gap:4px;margin:0 4px 4px 0;padding:1px 8px;font-size:.78rem;display:inline-flex}.chip button{cursor:pointer;color:var(--texto-3);background:0 0;border:0;padding:0 0 0 2px;font-size:1rem;line-height:1}.chips{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.tabla-contenedor{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);overflow-x:auto}.tarjeta .tabla-contenedor{border:0;border-radius:0}.tabla{border-collapse:collapse;width:100%;font-size:.9rem}.tabla th{text-align:left;color:var(--texto-3);border-bottom:1px solid var(--borde);white-space:nowrap;padding:10px 12px;font-size:.78rem;font-weight:600}.tabla td{border-bottom:1px solid var(--borde);vertical-align:middle;padding:10px 12px}.tabla tbody tr:last-child td{border-bottom:0}.tabla .numero{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.tabla.compacta td,.tabla.compacta th{padding:8px 10px}.fila-clic{cursor:pointer}.fila-clic:hover{background:var(--superficie-2)}.tabla tr.inactivo td{opacity:.6}.tabla select{width:auto;padding:4px 8px}.tabla .insignia{margin-left:8px}.acciones-fila{text-align:right;white-space:nowrap}.conversaciones{grid-template-columns:340px minmax(0,1fr) 320px;height:100%;min-height:0;display:grid}.lista-chats{background:var(--superficie);border-right:1px solid var(--borde);flex-direction:column;min-height:0;display:flex}.lista-cabecera{border-bottom:1px solid var(--borde);gap:10px;padding:16px 14px 12px;display:grid}.chats{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.chat-item{border:0;border-bottom:1px solid var(--borde);text-align:left;cursor:pointer;background:0 0;align-items:flex-start;gap:10px;width:100%;padding:10px 14px;display:flex}.chat-item:hover{background:var(--superficie-2)}.chat-item.activo{background:var(--acento-suave)}.chat-item-cuerpo{flex:1;gap:2px;min-width:0;display:grid}.chat-item-fila{align-items:center;gap:8px;min-width:0;display:flex}.chat-item-fila strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.chat-item-fila time{color:var(--texto-3);flex:none;font-size:.75rem}.chat-item-fila time.con-nuevos{color:var(--acento);font-weight:600}.vista-previa{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--texto-2);flex:1;font-size:.85rem;overflow:hidden}.etiquetas-mini .asignado{color:var(--texto-3);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.avatar{background:var(--acento-suave);width:40px;height:40px;color:var(--acento-fuerte);border-radius:50%;flex:none;place-items:center;font-size:.85rem;font-weight:700;display:grid}.chat{background:var(--chat-fondo);flex-direction:column;min-width:0;min-height:0;display:flex}.chat-vacio{color:var(--texto-3);justify-content:center;align-items:center}.chat-cabecera{background:var(--superficie);border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-titulo{flex:1;min-width:0;display:grid}.chat-titulo strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-titulo span{color:var(--texto-3);font-size:.8rem}.mensajes{flex-direction:column;flex:1;gap:4px;padding:16px 5%;display:flex;overflow-y:auto}.mensaje-fila{flex-direction:column;display:flex}.separador-dia{text-align:center;margin:12px 0 8px}.separador-dia span{background:var(--superficie);color:var(--texto-3);box-shadow:var(--sombra);border-radius:8px;padding:3px 10px;font-size:.75rem}.burbuja{max-width:min(75%,560px);box-shadow:var(--sombra);overflow-wrap:anywhere;border-radius:10px;padding:6px 10px 4px}.burbuja p{white-space:pre-wrap;margin:0}.burbuja.entrante{background:var(--burbuja-in);border-top-left-radius:2px;align-self:flex-start}.burbuja.saliente{background:var(--burbuja-out);border-top-right-radius:2px;align-self:flex-end}.burbuja.fallida{outline:1px solid var(--peligro)}.burbuja-meta{color:var(--texto-3);justify-content:flex-end;gap:4px;margin-top:2px;font-size:.7rem;display:flex}.marca-estado{letter-spacing:-2px;margin-left:2px;font-weight:700}.marca-estado.leido{color:var(--leido)}.marca-estado.fallido{color:var(--peligro);letter-spacing:0}.burbuja-error{color:var(--peligro);margin-top:2px;font-size:.75rem;display:block}.chat-error{margin:0 16px 8px}.compositor{background:var(--superficie);border-top:1px solid var(--borde);gap:8px;padding:10px 16px;display:grid}.compositor-fila{align-items:flex-end;gap:8px;display:flex}.compositor textarea{resize:none;field-sizing:content;max-height:140px}.compositor .idioma{flex:none;width:70px}.aviso-ventana{background:var(--aviso-suave);color:var(--aviso);border-radius:8px;margin:0;padding:8px 12px;font-size:.85rem}.ficha{background:var(--superficie);border-left:1px solid var(--borde);flex-direction:column;min-height:0;display:flex}.ficha-cabecera{border-bottom:1px solid var(--borde);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.ficha-cuerpo{align-content:start;gap:16px;padding:16px;display:grid;overflow-y:auto}.campo{gap:6px;display:grid}.campo-etiqueta{color:var(--texto-2);font-size:.85rem;font-weight:500}.campo-fila{align-items:center;gap:8px;display:flex}.campo-fila>span{flex:1}.pedidos-mini{gap:6px;margin:0;padding:0;list-style:none;display:grid}.pedidos-mini li{border:1px solid var(--borde);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.pedidos-mini li div{min-width:0;display:grid}.pedidos-mini strong{overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.pedidos-mini span{color:var(--texto-3);font-size:.8rem}.pedidos-mini select{flex:none;width:auto;padding:4px 6px;font-size:.8rem}.nuevo-pedido{grid-template-columns:1fr 100px;gap:6px;display:grid}.nuevo-pedido .boton{grid-column:1/-1}.nav-corto,.boton-ficha,.solo-movil{display:none}.heroe{gap:4px;display:grid}.heroe-valor{letter-spacing:-.01em;font-size:3rem;font-weight:650;line-height:1.1}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.stat{align-content:start;gap:2px;padding:16px;display:grid}.stat-etiqueta{color:var(--texto-2);font-size:.85rem}.stat-valor{font-size:1.75rem;font-weight:650;line-height:1.2}.stat-detalle{color:var(--texto-3);margin:0;font-size:.8rem}.panel-rejilla{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start;gap:12px;display:grid}.panel-rejilla .tarjeta{gap:12px;display:grid}.barras{gap:12px;margin:0;padding:0;list-style:none;display:grid}.barra-fila{grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.barra-nombre{color:var(--texto-2);font-size:.85rem}.barra-pista{align-items:center;gap:8px;min-width:0;display:flex}.barra-relleno{background:var(--acento);border-radius:0 4px 4px 0;flex:none;min-width:2px;height:20px}.barra-fila:hover .barra-relleno{background:var(--acento-fuerte)}.barra-valor{color:var(--texto);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}@media (width<=1250px){.conversaciones{grid-template-columns:320px minmax(0,1fr);position:relative}.ficha{display:none}.conversaciones.con-ficha .ficha{z-index:5;width:min(360px,100%);display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-8px 0 24px #00000026}.boton-ficha{display:inline-flex}}@media (width<=900px){.app{grid-template-rows:1fr auto;grid-template-columns:1fr}.barra{border-right:0;border-top:1px solid var(--borde);flex-direction:row;order:2;gap:0;padding:4px 6px}.barra .marca,.barra-pie{display:none}.barra ul{justify-content:space-around;width:100%;display:flex}.nav{white-space:nowrap;flex-direction:column;gap:2px;padding:6px 8px;font-size:.72rem;position:relative}.nav-texto{display:none}.nav-corto{display:inline}.nav .insignia{min-width:18px;height:18px;margin:0;font-size:.7rem;position:absolute;top:0;right:4px}.contenido{order:1}.conversaciones{grid-template-columns:1fr}.conversaciones.con-chat .lista-chats,.conversaciones:not(.con-chat) .chat{display:none}.solo-movil{display:inline-grid}.mensajes{padding:12px}.burbuja{max-width:88%}.pagina{padding:16px}.panel-rejilla{grid-template-columns:1fr}.heroe-valor{font-size:2.5rem}}@media (width<=700px){.tabla thead{display:none}.tabla,.tabla tbody,.tabla tr,.tabla td{width:100%;display:block}.tabla tr{border-bottom:1px solid var(--borde);padding:10px 12px}.tabla td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:3px 0;display:flex}.tabla td:before{content:attr(data-etiqueta);color:var(--texto-3);text-align:left;font-size:.8rem}.tabla td:not([data-etiqueta]):before{content:none}.tabla .numero{text-align:right}.stats{grid-template-columns:1fr 1fr}}