:root{--ink-900:oklch(23% .018 262);--ink-700:oklch(38% .016 262);--ink-500:oklch(52% .014 262);--ink-400:oklch(64% .012 262);--lienzo:oklch(97.6% .004 95);--superficie:oklch(100% 0 0);--superficie-2:oklch(98.4% .003 95);--superficie-3:oklch(96% .005 95);--linea:oklch(90.5% .005 262);--linea-fuerte:oklch(84% .008 262);--acento:oklch(52% .108 168);--acento-hover:oklch(46% .112 168);--acento-suave:oklch(95.5% .028 168);--acento-borde:oklch(86% .055 168);--alerta:oklch(62% .145 58);--alerta-suave:oklch(96% .035 70);--peligro:oklch(54% .182 27);--peligro-suave:oklch(96% .028 27);--exito:oklch(54% .115 155);--radio-sm:6px;--radio:10px;--radio-lg:14px;--sombra-sutil:0 1px 2px oklch(23% .018 262/.04);--sombra-card:0 1px 2px oklch(23% .018 262/.05), 0 4px 16px oklch(23% .018 262/.04);--sombra-flotante:0 8px 32px oklch(23% .018 262/.12);--fuente-titulo:"Instrument Sans", system-ui, sans-serif;--fuente:"Inter", system-ui, -apple-system, sans-serif;--espacio-1:4px;--espacio-2:8px;--espacio-3:12px;--espacio-4:16px;--espacio-5:24px;--espacio-6:32px;--espacio-7:48px;--rapido:.12s;--normal:.22s;--curva:cubic-bezier(.2, .8, .3, 1);--ancho-nav:232px;--serie-1:#0e9384;--serie-2:#4f55d6;--grafico-grid:oklch(92% .004 262);--grafico-eje:oklch(70% .01 262)}@media (prefers-color-scheme:dark){:root:not([data-tema=claro]){--ink-900:oklch(94% .006 262);--ink-700:oklch(80% .01 262);--ink-500:oklch(66% .012 262);--ink-400:oklch(56% .012 262);--lienzo:oklch(19% .012 262);--superficie:oklch(23% .013 262);--superficie-2:oklch(26% .013 262);--superficie-3:oklch(29% .014 262);--linea:oklch(32% .014 262);--linea-fuerte:oklch(40% .016 262);--acento:oklch(72% .115 168);--acento-hover:oklch(78% .12 168);--acento-suave:oklch(29% .045 168);--acento-borde:oklch(40% .07 168);--alerta:oklch(76% .13 70);--alerta-suave:oklch(30% .05 70);--peligro:oklch(70% .16 27);--peligro-suave:oklch(29% .06 27);--exito:oklch(74% .12 155);--sombra-card:0 1px 2px oklch(0% 0 0/.3), 0 4px 16px oklch(0% 0 0/.2);--sombra-flotante:0 8px 32px oklch(0% 0 0/.45);--serie-1:#19a892;--serie-2:#7d86ec;--grafico-grid:oklch(30% .012 262);--grafico-eje:oklch(48% .014 262)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--lienzo);color:var(--ink-900);font-family:var(--fuente);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}h1,h2,h3,h4{font-family:var(--fuente-titulo);letter-spacing:-.018em;color:var(--ink-900);margin:0}h1{font-size:26px;font-weight:600}h2{font-size:17px;font-weight:600}h3{font-size:14px;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:var(--radio-sm)}.app{grid-template-columns:var(--ancho-nav) 1fr;min-height:100%;display:grid}.nav{gap:var(--espacio-5);padding:var(--espacio-5) var(--espacio-4);background:var(--superficie-2);border-right:1px solid var(--linea);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.nav__marca{padding:0 var(--espacio-2);align-items:center;gap:10px;display:flex}.nav__logo{background:var(--acento);color:oklch(99% 0 0);width:30px;height:30px;font-family:var(--fuente-titulo);border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:700;display:grid}.nav__negocio{min-width:0}.nav__negocio strong{font-family:var(--fuente-titulo);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;display:block;overflow:hidden}.nav__negocio span{color:var(--ink-400);font-size:11.5px}.nav__grupo{flex-direction:column;gap:1px;display:flex}.nav__titulo{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-400);padding:0 var(--espacio-2) var(--espacio-2);font-size:10.5px;font-weight:600}.nav__link{padding:7px var(--espacio-2);border-radius:var(--radio-sm);color:var(--ink-700);transition:background var(--rapido) var(--curva), color var(--rapido) var(--curva);align-items:center;gap:9px;font-size:13.5px;font-weight:500;display:flex;position:relative}.nav__link:hover{background:var(--superficie-3);color:var(--ink-900)}.nav__link--activo{background:var(--superficie);color:var(--ink-900);box-shadow:var(--sombra-sutil);font-weight:600}.nav__link--activo:before{content:"";left:calc(-1 * var(--espacio-4));background:var(--acento);border-radius:2px;width:2px;position:absolute;inset-block:6px;transform:translate(-10px)}.nav__link svg{opacity:.75;flex-shrink:0;width:15px;height:15px}.nav__link--activo svg{opacity:1;color:var(--acento)}.nav__pie{border-top:1px solid var(--linea);padding-top:var(--espacio-4);margin-top:auto}.nav__usuario{padding:0 var(--espacio-2) var(--espacio-3);align-items:center;gap:9px;display:flex}.nav__avatar{background:var(--acento-suave);width:26px;height:26px;color:var(--acento);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:600;display:grid}.nav__usuario div{min-width:0}.nav__usuario strong{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;display:block;overflow:hidden}.nav__usuario span{color:var(--ink-400);font-size:11px}.contenido{flex-direction:column;min-width:0;display:flex}.encabezado{justify-content:space-between;align-items:flex-end;gap:var(--espacio-4);padding:var(--espacio-6) var(--espacio-7) var(--espacio-5);border-bottom:1px solid var(--linea);background:var(--lienzo);display:flex}.encabezado p{color:var(--ink-500);max-width:62ch;margin-top:3px;font-size:13.5px}.pagina{padding:var(--espacio-6) var(--espacio-7) var(--espacio-7);gap:var(--espacio-6);flex-direction:column;flex:1;min-height:0;display:flex}.pagina--plana{gap:0;padding:0}.card{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-lg);box-shadow:var(--sombra-card)}.card__cabecera{justify-content:space-between;align-items:center;gap:var(--espacio-4);padding:var(--espacio-4) var(--espacio-5);border-bottom:1px solid var(--linea);display:flex}.card__cabecera p{color:var(--ink-500);margin-top:2px;font-size:12.5px}.card__cuerpo{padding:var(--espacio-5)}.card__cuerpo--ajustado{padding:var(--espacio-3) var(--espacio-5)}.seccion{gap:var(--espacio-4);flex-direction:column;display:flex}.seccion__titulo{justify-content:space-between;align-items:baseline;gap:var(--espacio-4);display:flex}.seccion__titulo span{color:var(--ink-400);font-size:12.5px}.kpis{gap:var(--espacio-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.kpi{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-lg);padding:var(--espacio-4) var(--espacio-5) var(--espacio-5);box-shadow:var(--sombra-sutil);flex-direction:column;gap:2px;display:flex}.kpi__etiqueta{color:var(--ink-500);font-size:12px;font-weight:500}.kpi__valor{font-family:var(--fuente-titulo);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:30px;font-weight:600;line-height:1.1}.kpi__nota{color:var(--ink-400);margin-top:2px;font-size:11.5px}.kpi--acento .kpi__valor{color:var(--acento)}.kpi--alerta .kpi__valor{color:var(--alerta)}.btn{border-radius:var(--radio-sm);border:1px solid var(--linea-fuerte);background:var(--superficie);color:var(--ink-900);cursor:pointer;white-space:nowrap;transition:background var(--rapido) var(--curva), border-color var(--rapido) var(--curva), transform var(--rapido) var(--curva);justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover:not(:disabled){background:var(--superficie-3);border-color:var(--ink-400)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primario{background:var(--acento);border-color:var(--acento);color:oklch(99% 0 0);font-weight:600}.btn--primario:hover:not(:disabled){background:var(--acento-hover);border-color:var(--acento-hover)}.btn--peligro{color:var(--peligro);border-color:var(--linea-fuerte)}.btn--peligro:hover:not(:disabled){background:var(--peligro-suave);border-color:var(--peligro)}.btn--plano{color:var(--ink-500);background:0 0;border-color:#0000}.btn--plano:hover:not(:disabled){background:var(--superficie-3);color:var(--ink-900);border-color:#0000}.btn--sm{padding:4px 9px;font-size:12px}.campo{flex-direction:column;gap:5px;display:flex}.campo>label{color:var(--ink-700);font-size:12.5px;font-weight:500}.campo__ayuda{color:var(--ink-400);font-size:11.5px;line-height:1.45}.campo__error{color:var(--peligro);font-size:11.5px;font-weight:500}.input,.textarea,.select{border-radius:var(--radio-sm);border:1px solid var(--linea-fuerte);background:var(--superficie);width:100%;transition:border-color var(--rapido) var(--curva), box-shadow var(--rapido) var(--curva);padding:7px 11px;font-size:13.5px}.input:hover,.textarea:hover,.select:hover{border-color:var(--ink-400)}.input:focus,.textarea:focus,.select:focus{border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-suave);outline:none}.input::placeholder,.textarea::placeholder{color:var(--ink-400)}.textarea{resize:vertical;min-height:78px;line-height:1.6}.rejilla{gap:var(--espacio-4);display:grid}.rejilla--2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.rejilla--3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.interruptor{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.interruptor input{appearance:none;background:var(--linea-fuerte);cursor:pointer;width:34px;height:20px;transition:background var(--normal) var(--curva);border-radius:999px;flex-shrink:0;margin:0;position:relative}.interruptor input:after{content:"";background:var(--superficie);width:16px;height:16px;box-shadow:var(--sombra-sutil);transition:transform var(--normal) var(--curva);border-radius:50%;position:absolute;top:2px;left:2px}.interruptor input:checked{background:var(--acento)}.interruptor input:checked:after{transform:translate(14px)}.interruptor__texto strong{font-size:13px;font-weight:500;display:block}.interruptor__texto span{color:var(--ink-400);font-size:11.5px}.tabla{border-collapse:collapse;width:100%;font-size:13px}.tabla th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-400);padding:0 var(--espacio-4) var(--espacio-2);border-bottom:1px solid var(--linea);font-size:11px;font-weight:600}.tabla td{padding:var(--espacio-3) var(--espacio-4);border-bottom:1px solid var(--linea);vertical-align:middle}.tabla tbody tr{transition:background var(--rapido) var(--curva)}.tabla tbody tr:hover{background:var(--superficie-2)}.tabla tbody tr:last-child td{border-bottom:none}.tabla__acciones{justify-content:flex-end;gap:4px;display:flex}.num{font-variant-numeric:tabular-nums}.etiqueta{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.etiqueta--bot{background:var(--acento-suave);color:var(--acento);border-color:var(--acento-borde)}.etiqueta--humano{background:var(--alerta-suave);color:var(--alerta);border-color:color-mix(in oklch, var(--alerta) 35%, transparent)}.etiqueta--cerrada{background:var(--superficie-3);color:var(--ink-500);border-color:var(--linea)}.etiqueta--peligro{background:var(--peligro-suave);color:var(--peligro);border-color:color-mix(in oklch, var(--peligro) 30%, transparent)}.punto{background:currentColor;border-radius:50%;width:6px;height:6px}.vacio{justify-content:center;align-items:center;gap:var(--espacio-2);padding:var(--espacio-7) var(--espacio-5);text-align:center;color:var(--ink-500);flex-direction:column;display:flex}.vacio strong{font-family:var(--fuente-titulo);color:var(--ink-700);font-size:15px}.vacio p{max-width:44ch;font-size:13px}.cargando{background:var(--superficie-3);border-radius:999px;height:3px;overflow:hidden}.cargando:after{content:"";background:var(--acento);width:40%;height:100%;animation:deslizar 1.1s infinite var(--curva);border-radius:999px;display:block}@keyframes deslizar{0%{transform:translate(-100%)}to{transform:translate(350%)}}.esqueleto{background:linear-gradient(90deg, var(--superficie-3) 25%, var(--superficie-2) 50%, var(--superficie-3) 75%);border-radius:var(--radio-sm);background-size:200% 100%;animation:1.4s linear infinite brillo}@keyframes brillo{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.aviso{padding:var(--espacio-3) var(--espacio-4);border-radius:var(--radio);border:1px solid;gap:10px;font-size:12.5px;line-height:1.5;display:flex}.aviso--info{background:var(--acento-suave);border-color:var(--acento-borde);color:var(--ink-700)}.aviso--alerta{background:var(--alerta-suave);border-color:color-mix(in oklch, var(--alerta) 30%, transparent);color:var(--ink-700)}.aviso--error{background:var(--peligro-suave);border-color:color-mix(in oklch, var(--peligro) 30%, transparent);color:var(--ink-700)}.toast{bottom:var(--espacio-5);background:var(--ink-900);color:var(--lienzo);box-shadow:var(--sombra-flotante);z-index:60;animation:subir var(--normal) var(--curva);border-radius:999px;padding:10px 18px;font-size:13px;font-weight:500;position:fixed;left:50%;transform:translate(-50%)}.toast--error{background:var(--peligro);color:oklch(99% 0 0)}@keyframes subir{0%{opacity:0;transform:translate(-50%,10px)}}.login{min-height:100vh;padding:var(--espacio-5);background:radial-gradient(60% 50% at 50% 0%, var(--acento-suave), transparent 70%), var(--lienzo);place-items:center;display:grid}.login__caja{gap:var(--espacio-5);flex-direction:column;width:100%;max-width:360px;display:flex}.login__marca{align-items:center;gap:var(--espacio-3);text-align:center;flex-direction:column;display:flex}.login__marca h1{font-size:21px}.login__marca p{color:var(--ink-500);font-size:13px}.login form{gap:var(--espacio-4);flex-direction:column;display:flex}.bandeja{flex:1;grid-template-columns:minmax(280px,340px) 1fr;min-height:0;display:grid}.bandeja__lista{border-right:1px solid var(--linea);background:var(--superficie-2);flex-direction:column;min-height:0;display:flex}.bandeja__filtros{padding:var(--espacio-3) var(--espacio-4);border-bottom:1px solid var(--linea);flex-wrap:wrap;gap:4px;display:flex}.filtro{color:var(--ink-500);cursor:pointer;transition:all var(--rapido) var(--curva);background:0 0;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.filtro:hover{background:var(--superficie-3);color:var(--ink-900)}.filtro--activo{background:var(--superficie);border-color:var(--linea-fuerte);color:var(--ink-900);font-weight:600}.bandeja__scroll{flex:1;overflow-y:auto}.conversacion{text-align:left;width:100%;padding:var(--espacio-3) var(--espacio-4);border:none;border-bottom:1px solid var(--linea);cursor:pointer;transition:background var(--rapido) var(--curva);background:0 0;border-left:2px solid #0000;display:block}.conversacion:hover{background:var(--superficie-3)}.conversacion--activa{background:var(--superficie);border-left-color:var(--acento)}.conversacion__fila{justify-content:space-between;align-items:center;gap:var(--espacio-2);display:flex}.conversacion__nombre{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.conversacion__hora{color:var(--ink-400);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}.conversacion__previo{color:var(--ink-500);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;display:-webkit-box;overflow:hidden}.hilo{flex-direction:column;min-height:0;display:flex}.hilo__cabecera{justify-content:space-between;align-items:center;gap:var(--espacio-4);padding:var(--espacio-4) var(--espacio-5);border-bottom:1px solid var(--linea);background:var(--lienzo);display:flex}.hilo__acciones{gap:var(--espacio-2);align-items:center;display:flex}.hilo__mensajes{padding:var(--espacio-5);gap:var(--espacio-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.burbuja{border-radius:var(--radio);white-space:pre-wrap;word-break:break-word;max-width:62%;padding:9px 13px;font-size:13.5px;line-height:1.55;position:relative}.burbuja--entrante{background:var(--superficie);border:1px solid var(--linea);border-bottom-left-radius:3px;align-self:flex-start}.burbuja--saliente{background:var(--acento-suave);border:1px solid var(--acento-borde);border-bottom-right-radius:3px;align-self:flex-end}.burbuja--humana{background:var(--superficie-3);border-color:var(--linea-fuerte)}.burbuja--error{background:var(--peligro-suave);border-color:var(--peligro)}.burbuja--sistema{border:1px dashed var(--linea-fuerte);max-width:80%;color:var(--ink-500);text-align:center;background:0 0;align-self:center;font-size:12px}.burbuja__meta{color:var(--ink-400);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:5px;font-size:10.5px;display:flex}.hilo__responder{border-top:1px solid var(--linea);padding:var(--espacio-4) var(--espacio-5);gap:var(--espacio-2);background:var(--superficie-2);flex-direction:column;display:flex}.hilo__responder form{gap:var(--espacio-2);align-items:flex-end;display:flex}.hilo__responder .textarea{min-height:42px;max-height:160px}.ficha{gap:var(--espacio-2);flex-direction:column;font-size:12.5px;display:flex}.ficha__dato{justify-content:space-between;gap:var(--espacio-3);display:flex}.ficha__dato span{color:var(--ink-400)}.dia{align-items:start;gap:var(--espacio-4);padding:var(--espacio-3) 0;border-bottom:1px solid var(--linea);grid-template-columns:110px 1fr auto;display:grid}.dia:last-child{border-bottom:none}.dia__nombre{text-transform:capitalize;padding-top:7px;font-size:13.5px;font-weight:500}.dia__tramos{gap:var(--espacio-2);flex-direction:column;display:flex}.tramo{align-items:center;gap:var(--espacio-2);display:flex}.tramo .input{width:92px}.tramo span{color:var(--ink-400);font-size:12.5px}.dia__cerrado{color:var(--ink-400);padding-top:8px;font-size:12.5px}.fichas{gap:var(--espacio-2);flex-wrap:wrap;display:flex}.chip{background:var(--superficie-3);border:1px solid var(--linea);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:6px;padding:3px 5px 3px 10px;font-size:12px;display:inline-flex}.chip button{color:var(--ink-400);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0 3px;font-size:14px;line-height:1}.chip button:hover{color:var(--peligro)}.grafico{width:100%;display:block}.grafico__leyenda{gap:var(--espacio-4);color:var(--ink-500);flex-wrap:wrap;font-size:12px;display:flex}.grafico__leyenda span{align-items:center;gap:6px;display:inline-flex}.grafico__muestra{border-radius:3px;width:9px;height:9px}.barra-guardado{justify-content:space-between;align-items:center;gap:var(--espacio-4);padding:var(--espacio-3) var(--espacio-5);background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio-lg);box-shadow:var(--sombra-flotante);font-size:13px;display:flex;position:sticky;bottom:0}.barra-guardado span{color:var(--ink-500)}@media (width<=900px){.app{grid-template-columns:1fr}.nav{border-right:none;border-bottom:1px solid var(--linea);align-items:center;gap:var(--espacio-4);flex-direction:row;height:auto;position:static;overflow-x:auto}.nav__grupo{flex-direction:row;flex-shrink:0}.nav__marca{flex-shrink:0;max-width:45vw}.nav__link--activo:before{display:none}.nav__link{white-space:nowrap}.nav__titulo,.nav__pie{display:none}.encabezado{flex-direction:column;align-items:flex-start}.encabezado,.pagina{padding-inline:var(--espacio-4)}.bandeja{grid-template-columns:1fr}}.viz{position:relative}.viz__svg{width:100%;height:auto;display:block;overflow:visible}.viz__grid{stroke:var(--grafico-grid);stroke-width:1px}.viz__eje{fill:var(--ink-400);font-variant-numeric:tabular-nums;font-size:10.5px}.viz__linea{fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.viz__punto{stroke:var(--superficie);stroke-width:2px}.viz__barra{transition:opacity var(--rapido) var(--curva)}.viz__barra--apagada{opacity:.35}.viz__cursor{stroke:var(--linea-fuerte);stroke-width:1px;stroke-dasharray:3 3}.viz__etiqueta-directa{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.viz__tooltip{pointer-events:none;background:var(--superficie);border:1px solid var(--linea-fuerte);border-radius:var(--radio-sm);box-shadow:var(--sombra-flotante);z-index:10;min-width:128px;padding:8px 10px;font-size:12px;position:absolute}.viz__tooltip strong{color:var(--ink-500);margin-bottom:4px;font-size:11.5px;font-weight:500;display:block}.viz__tooltip-fila{justify-content:space-between;align-items:center;gap:var(--espacio-4);font-variant-numeric:tabular-nums;display:flex}.viz__tooltip-fila span{color:var(--ink-700);align-items:center;gap:6px;display:inline-flex}.viz__cabecera{justify-content:space-between;align-items:flex-start;gap:var(--espacio-4);margin-bottom:var(--espacio-4);display:flex}.viz__tabla{max-height:220px;margin-top:var(--espacio-3);border-top:1px solid var(--linea);overflow:auto}