:root{--radius:14px;--radius-sm:8px;--accent-contrast:#15110a}[data-tema=mycelia]{--bg:#0a0a12;--surface:#13131f;--surface-2:#1b1b2c;--border:#2b2b40;--text:#f2f2f8;--text-muted:#9b9bb8;--text-faint:#5e5e7a;--accent:#7b9eff;--accent-2:#ff6bba;--accent-soft:#7b9eff24;--success:#3fae6e;--success-soft:#3fae6e1f;--danger:#e0524a;--danger-soft:#e0524a1f;--accent-contrast:#0a0a12}[data-tema=oscuro]{--bg:#0b0e14;--surface:#151924;--surface-2:#1c212f;--border:#2a2f3e;--text:#f5f6f8;--text-muted:#9097a8;--text-faint:#5c6478;--accent:#ff8a00;--accent-2:#ffd24a;--accent-soft:#ff8a001f;--success:#3fae6e;--success-soft:#3fae6e1f;--danger:#e0524a;--danger-soft:#e0524a1f}[data-tema=dorado]{--bg:#15110a;--surface:#1e180f;--surface-2:#2a2114;--border:#3c3120;--text:#f4ede0;--text-muted:#b3a38b;--text-faint:#756a56;--accent:#d4af37;--accent-2:#f0d38a;--accent-soft:#d4af3724;--success:#8bae6e;--success-soft:#8bae6e1f;--danger:#c97b6a;--danger-soft:#c97b6a24}[data-tema=claro]{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f1f4;--border:#e2e5ea;--text:#1b2a4a;--text-muted:#6b7280;--text-faint:#9ca3af;--accent:#e07b00;--accent-2:#ffb347;--accent-soft:#e07b001a;--success:#2e9e63;--success-soft:#2e9e631a;--danger:#d9534f;--danger-soft:#d9534f1a}[data-tema=dorado_claro]{--bg:#faf6ee;--surface:#fff;--surface-2:#f5efe2;--border:#e8dcc4;--text:#3a2e1a;--text-muted:#8a7a5c;--text-faint:#b5a98c;--accent:#b8860b;--accent-2:#e8c158;--accent-soft:#b8860b1a;--success:#5e8f4e;--success-soft:#5e8f4e1a;--danger:#b5564a;--danger-soft:#b5564a1a}[data-tema=morado_claro]{--bg:#f5f3fa;--surface:#fff;--surface-2:#f0ebf8;--border:#e1d9f0;--text:#2a2240;--text-muted:#756c8c;--text-faint:#a89fbe;--accent:#7c3aed;--accent-2:#a78bfa;--accent-soft:#7c3aed1a;--success:#2e9e63;--success-soft:#2e9e631a;--danger:#d9534f;--danger-soft:#d9534f1a}[data-tema=morado_oscuro]{--bg:#0e0b16;--surface:#17131f;--surface-2:#201a2c;--border:#2e2640;--text:#f2f0f7;--text-muted:#9c94b0;--text-faint:#635a78;--accent:#8b5cf6;--accent-2:#c4b5fd;--accent-soft:#8b5cf624;--success:#3fae6e;--success-soft:#3fae6e1f;--danger:#e0524a;--danger-soft:#e0524a1f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif}h1,h2,h3,.brand{font-family:Sora,sans-serif}.mono{font-family:JetBrains Mono,monospace}a{color:var(--accent)}button{font-family:inherit}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:40px}.auth-card h1{background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:1.75rem}.auth-card .subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:100%;color:var(--accent-contrast);cursor:pointer;border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.9rem}.alert-aviso{background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent);border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:.9rem}.auth-footer{text-align:center;color:var(--text-muted);margin-top:20px;font-size:.85rem}.aviso-actualizacion{z-index:1000;background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:16px;max-width:calc(100vw - 32px);padding:12px 16px;font-size:.9rem;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}.aviso-actualizacion .btn{flex-shrink:0;padding:8px 14px;font-size:.85rem}.handoff-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.handoff-card{background:var(--surface);border:1px solid var(--danger);border-radius:var(--radius-sm,14px);text-align:center;width:100%;max-width:380px;box-shadow:0 16px 40px #0006, 0 0 0 4px var(--danger-soft);padding:28px 26px 22px;animation:.25s ease-out handoff-entrada;position:relative}@keyframes handoff-entrada{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.handoff-contador{color:var(--danger);background:var(--danger-soft);border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700;position:absolute;top:12px;right:14px}.handoff-icono{margin-bottom:6px;font-size:2.4rem;line-height:1;animation:1.4s ease-in-out infinite handoff-pulso}@keyframes handoff-pulso{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.handoff-card h3{margin-bottom:10px;font-size:1.1rem}.handoff-cliente{font-size:.95rem;font-weight:600}.handoff-telefono{color:var(--text-muted);font-family:monospace;font-size:.85rem;font-weight:400}.handoff-resumen{background:var(--accent-soft);color:var(--text);border:1px solid var(--accent);text-align:left;border-radius:10px;margin-top:12px;padding:10px 12px;font-size:.85rem}.handoff-acciones{justify-content:center;gap:10px;margin-top:22px;display:flex}:root{--topbar-h:calc(64px + env(safe-area-inset-top,0px))}.app-shell{grid-template-columns:260px 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar topbar""sidebar main";min-height:100vh;display:grid}.topbar{padding:env(safe-area-inset-top,0px) 24px 0;background:var(--surface);border-bottom:1px solid var(--border);grid-area:topbar;justify-content:space-between;align-items:center;gap:12px;display:flex}.topbar .brand{color:var(--text);letter-spacing:.01em;background:linear-gradient(135deg, var(--accent), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700;text-decoration:none}.topbar-user{color:var(--text);align-items:center;gap:10px;text-decoration:none;display:flex}.topbar-user .nombre{font-size:.9rem;font-weight:500}.avatar{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Sora,sans-serif;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.menu-hamburguesa{color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:none}.menu-hamburguesa:hover{background:var(--surface-2)}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;grid-area:sidebar;justify-content:space-between;padding:20px 12px;display:flex;overflow-y:auto}.nav{flex-direction:column;gap:4px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.activo{background:var(--accent-soft);color:var(--accent)}.icon{flex-shrink:0;width:18px;height:18px}.nav-separador{background:var(--border);height:1px;margin:12px 4px}.marca-pie{border-top:1px solid var(--border);color:var(--text-faint);text-align:center;margin-top:16px;padding:16px 12px 4px;font-size:.75rem}.main{grid-area:main;padding:28px 32px;overflow-y:auto}.main-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.main-header h1{margin-bottom:4px;font-size:1.5rem}.main-header .subtitle{color:var(--text-muted);font-size:.9rem}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;min-height:40px;padding:10px 16px;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:var(--accent-contrast);border-color:var(--accent);font-weight:600}.btn-accent:hover{filter:brightness(1.08);border-color:var(--accent-2)}.btn-danger{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.btn-danger:hover{border-color:var(--danger);color:var(--danger)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card .stat-label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem}.stat-card .stat-value{font-family:Sora,sans-serif;font-size:1.75rem;font-weight:700}.stat-card .stat-hint{color:var(--text-faint);margin-top:4px;font-size:.75rem}.content-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.content-grid .card h2{margin-bottom:12px;font-size:1.05rem;font-weight:600}.content-grid .card .empty{color:var(--text-faint);font-size:.9rem}.proceso-lista{flex-direction:column;gap:12px;margin-top:16px;display:flex}.proceso-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.proceso-info .proceso-titulo{margin-bottom:2px;font-family:Sora,sans-serif;font-weight:600}.proceso-info .proceso-radicado{color:var(--text-faint);font-size:.8rem}.locked-card{text-align:center;padding:32px 20px}.locked-card h2{margin-bottom:8px;font-size:1.05rem}.locked-card p{color:var(--text-muted);margin-bottom:18px;font-size:.9rem}.badge{border-radius:999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-neutral{background:var(--surface-2);color:var(--text-muted)}.badge-warning{color:#ca8a04;background:#eab30826}.badge-info{color:var(--accent);background:#6366f126}.metricas-bot-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.metricas-bot-totales{flex-wrap:wrap;gap:24px;display:flex}.metricas-bot-totales>div{text-align:right}.stat-label{color:var(--text-muted);margin-bottom:2px;font-size:.8rem}.stat-value-sm{font-family:Sora,sans-serif;font-size:1.1rem;font-weight:700}.modelos-lista{flex-direction:column;gap:8px;display:flex}.modelo-fila{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.modelo-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modelo-proveedor{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.modelo-nombre{color:var(--text);font-family:monospace;font-size:.85rem}.modelo-tarifa{color:var(--text-muted);font-size:.72rem;font-style:italic}.modelo-stats{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:.8rem;display:flex}.modelo-costo{color:var(--text);font-size:.9rem;font-weight:700}.valor-negativo{color:var(--danger)}.theme-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:640px;display:grid}.theme-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;width:100%;color:var(--text);padding:12px;font-family:inherit;display:block}.theme-card:hover{border-color:var(--accent)}.theme-card.seleccionado{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-card .theme-nombre{font-size:.9rem;font-weight:500}.theme-swatch{border-radius:var(--radius-sm);border:1px solid var(--border);height:40px;margin-bottom:10px;display:flex;overflow:hidden}.theme-swatch .chip{flex:1}.theme-swatch .chip-bg{background:var(--bg)}.theme-swatch .chip-surface{background:var(--surface-2)}.theme-swatch .chip-accent{background:var(--accent)}.theme-swatch .chip-accent2{background:var(--accent-2)}.tabla-wrap{overflow-x:auto}table.tabla{border-collapse:collapse;width:100%;font-size:.9rem}table.tabla th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:.8rem;font-weight:500}table.tabla td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}table.tabla tr:last-child td{border-bottom:none}.timeline{flex-direction:column;display:flex}.timeline-item{border-bottom:1px solid var(--border);gap:16px;padding:14px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-fecha{width:100px;color:var(--text-faint);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:.8rem}.timeline-contenido{min-width:0}.timeline-contenido .timeline-tipo{margin-bottom:4px;font-weight:600}.timeline-contenido .timeline-descripcion{color:var(--text-muted);font-size:.9rem}.resumen-revision .resumen-fila{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:8px 0;font-size:.9rem;display:flex}.resumen-revision .resumen-fila:last-child{border-bottom:none}.resumen-revision .resumen-fila .label{color:var(--text-muted)}.resumen-revision .resumen-fila .valor{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}.field{margin-bottom:16px}.field label{color:var(--text-muted);margin-bottom:6px;font-size:.85rem;display:block}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 12px;font-family:Inter,sans-serif;font-size:.95rem}.field textarea{resize:vertical;font-family:JetBrains Mono,monospace;font-size:.85rem}.field input[type=checkbox],.field input[type=radio]{width:16px;height:16px;accent-color:var(--accent)}.field input:not([type=checkbox]):not([type=radio]):focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.form-row{flex-wrap:wrap;gap:12px;display:flex}.form-row .field{flex:1;min-width:200px}@media (width<=880px){.app-shell{grid-template-columns:1fr;grid-template-areas:"topbar""main"}.menu-hamburguesa{width:44px;height:44px;display:flex}.sidebar{top:var(--topbar-h);z-index:50;width:260px;max-width:80vw;transition:transform .2s;position:fixed;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000040}.sidebar.abierta{transform:translate(0)}.sidebar-overlay{inset:0;top:var(--topbar-h);z-index:40;background:#00000073;display:none;position:fixed}.sidebar-overlay.visible{display:block}.main{padding:20px 16px}.stat-grid,.content-grid{grid-template-columns:1fr}.topbar-user .nombre,body.chat-fullscreen .topbar{display:none}body.chat-fullscreen .app-shell{grid-template-rows:1fr;grid-template-areas:"main";height:100dvh;min-height:100dvh}body.chat-fullscreen .main{padding:0}}.prompt-builder{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=880px){.prompt-builder{grid-template-columns:1fr}}.prompt-builder-secciones{flex-direction:column;gap:8px;display:flex}.prompt-seccion{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.prompt-seccion-header{background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;border:none;justify-content:space-between;align-items:center;min-height:44px;padding:10px 14px;font-size:.9rem;font-weight:500;display:flex}.prompt-seccion textarea{border:none;border-top:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);resize:vertical;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:.82rem}.prompt-seccion textarea:focus{outline:none}.prompt-preview{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:200px;padding:14px}.prompt-preview-label{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.prompt-preview pre{white-space:pre-wrap;word-break:break-word;color:var(--text);font-family:JetBrains Mono,monospace;font-size:.82rem}.chat-shell{height:calc(100dvh - var(--topbar-h) - 56px);border-top:1px solid var(--border);grid-template-columns:320px 1fr;margin:-28px -32px;display:grid}.chat-lista{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;display:flex;overflow-y:auto}.chat-lista-encabezado{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-volver-bots{flex-shrink:0}.chat-lista-bot-nombre{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.bots-conv-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.bot-conv-card{cursor:pointer;text-align:left;color:var(--text);border:1px solid var(--border);align-items:center;gap:12px;display:flex}.bot-conv-card:hover{border-color:var(--accent)}.chat-lista-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.chat-lista-item:hover{background:var(--surface-2)}.chat-lista-item.activa{background:var(--accent-soft)}.chat-lista-item.escalada{border-left:3px solid var(--danger)}.chat-lista-info{flex:1;min-width:0}.chat-lista-nombre{font-size:.9rem;font-weight:600}.chat-lista-telefono{color:var(--text-muted);font-family:monospace;font-size:.78rem}.chat-lista-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.chat-lista-derecha{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.chat-lista-acciones{gap:4px;display:flex}.btn-icono{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;line-height:1;display:flex}.btn-icono:hover{border-color:var(--danger);background:var(--danger-soft)}.avatar-anillo{background-image:linear-gradient(var(--surface), var(--surface)), linear-gradient(135deg, var(--accent), var(--accent-2));background-origin:border-box;background-clip:content-box,border-box;border:2px solid #0000}.chat-lista-item .avatar-anillo,.bot-conv-card .avatar-anillo{background-image:linear-gradient(var(--surface-2), var(--surface-2)), linear-gradient(135deg, var(--accent), var(--accent-2))}.chat-ventana{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-vacio{color:var(--text-faint);flex:1;justify-content:center;align-items:center;display:flex}.chat-header{border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.chat-pill{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;display:inline-flex;box-shadow:0 1px 3px #0000001a}.chat-pill-volver{flex-shrink:0;padding:7px 14px 7px 11px;font-size:.85rem;font-weight:600}.chat-pill-volver:hover{border-color:var(--accent);color:var(--accent)}.chat-pill-flecha{margin-top:-1px;font-size:1.25rem;line-height:.8}.chat-pill-info{cursor:default;flex:1;justify-content:flex-start;min-width:0;padding:6px 14px 6px 6px}.chat-header-avatar{flex-shrink:0;width:38px;height:38px;font-size:.95rem}.chat-header-textos{min-width:0}.chat-header-nombre{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.chat-header-estado{color:var(--text-muted);align-items:center;gap:5px;font-size:.76rem;display:inline-flex}.chat-header-punto{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-header-punto.activa{background:var(--success);box-shadow:0 0 0 3px var(--success-soft)}.chat-header-punto.esperando_humano{background:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.chat-header-punto.atendida_humano{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.chat-header-punto.cerrada{background:var(--text-faint)}.chat-header-menu-wrap{flex-shrink:0;position:relative}.chat-pill-menu{justify-content:center;width:40px;height:40px;padding:0;font-size:1.4rem;line-height:1}.chat-pill-menu:hover{border-color:var(--accent);color:var(--accent)}.chat-menu-overlay{z-index:30;cursor:default;background:0 0;border:none;position:fixed;inset:0}.chat-menu{z-index:31;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm,10px);flex-direction:column;gap:2px;min-width:210px;padding:6px;animation:.16s ease-out chat-menu-entrada;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}@keyframes chat-menu-entrada{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;display:flex}.chat-menu-item:hover{background:var(--surface-2)}.chat-menu-item.peligro:hover{background:var(--danger-soft);color:var(--danger)}.chat-menu-sep{background:var(--border);height:1px;margin:4px 6px}.chat-resumen-ia{background:var(--accent-soft);color:var(--accent);border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 20px;font-size:.85rem}.chat-mensajes-wrap{flex:1;min-height:0;display:flex;position:relative}.chat-mensajes{background:var(--bg);flex-direction:column;flex:1;gap:2px;padding:18px 20px;display:flex;position:relative;overflow-y:auto}.chat-mensajes:before{content:"";background:var(--accent);opacity:.05;pointer-events:none;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20220'%20width='220'%20height='220'%3e%3cg%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20robot%20head%20--%3e%3crect%20x='18'%20y='22'%20width='38'%20height='32'%20rx='9'/%3e%3cline%20x1='37'%20y1='22'%20x2='37'%20y2='10'/%3e%3ccircle%20cx='37'%20cy='7'%20r='3'/%3e%3ccircle%20cx='29'%20cy='38'%20r='3.4'/%3e%3ccircle%20cx='45'%20cy='38'%20r='3.4'/%3e%3cline%20x1='18'%20y1='44'%20x2='10'%20y2='44'/%3e%3cline%20x1='56'%20y1='44'%20x2='64'%20y2='44'/%3e%3c!--%20chat%20bubble%20with%20dots%20--%3e%3cpath%20d='M120%2018%20h44%20a8%208%200%200%201%208%208%20v24%20a8%208%200%200%201%20-8%208%20h-26%20l-10%2010%20v-10%20h-8%20a8%208%200%200%201%20-8%20-8%20v-24%20a8%208%200%200%201%208%20-8%20z'/%3e%3ccircle%20cx='133'%20cy='42'%20r='2.6'%20fill='%23000'/%3e%3ccircle%20cx='143'%20cy='42'%20r='2.6'%20fill='%23000'/%3e%3ccircle%20cx='153'%20cy='42'%20r='2.6'%20fill='%23000'/%3e%3c!--%20sparkle%20--%3e%3cpath%20d='M178%2096%20l4%2014%2014%204%20-14%204%20-4%2014%20-4%20-14%20-14%20-4%2014%20-4%20z'/%3e%3c!--%20mycelium%20network%20nodes%20--%3e%3ccircle%20cx='40'%20cy='120'%20r='4'/%3e%3ccircle%20cx='70'%20cy='104'%20r='4'/%3e%3ccircle%20cx='72'%20cy='142'%20r='4'/%3e%3ccircle%20cx='20'%20cy='150'%20r='3.2'/%3e%3cline%20x1='40'%20y1='120'%20x2='70'%20y2='104'/%3e%3cline%20x1='40'%20y1='120'%20x2='72'%20y2='142'/%3e%3cline%20x1='40'%20y1='120'%20x2='20'%20y2='150'/%3e%3c!--%20small%20chat%20tick%20(doble%20check)%20--%3e%3cpath%20d='M118%20158%20l6%206%2012%20-14'/%3e%3cpath%20d='M126%20158%20l6%206%2012%20-14'/%3e%3c!--%20second%20tiny%20robot,%20rotated%20feel%20via%20offset%20--%3e%3crect%20x='150'%20y='150'%20width='28'%20height='24'%20rx='7'/%3e%3ccircle%20cx='158'%20cy='162'%20r='2.6'/%3e%3ccircle%20cx='172'%20cy='162'%20r='2.6'/%3e%3c/g%3e%3c/svg%3e") 0 0/160px;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20220%20220'%20width='220'%20height='220'%3e%3cg%20fill='none'%20stroke='%23000'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20robot%20head%20--%3e%3crect%20x='18'%20y='22'%20width='38'%20height='32'%20rx='9'/%3e%3cline%20x1='37'%20y1='22'%20x2='37'%20y2='10'/%3e%3ccircle%20cx='37'%20cy='7'%20r='3'/%3e%3ccircle%20cx='29'%20cy='38'%20r='3.4'/%3e%3ccircle%20cx='45'%20cy='38'%20r='3.4'/%3e%3cline%20x1='18'%20y1='44'%20x2='10'%20y2='44'/%3e%3cline%20x1='56'%20y1='44'%20x2='64'%20y2='44'/%3e%3c!--%20chat%20bubble%20with%20dots%20--%3e%3cpath%20d='M120%2018%20h44%20a8%208%200%200%201%208%208%20v24%20a8%208%200%200%201%20-8%208%20h-26%20l-10%2010%20v-10%20h-8%20a8%208%200%200%201%20-8%20-8%20v-24%20a8%208%200%200%201%208%20-8%20z'/%3e%3ccircle%20cx='133'%20cy='42'%20r='2.6'%20fill='%23000'/%3e%3ccircle%20cx='143'%20cy='42'%20r='2.6'%20fill='%23000'/%3e%3ccircle%20cx='153'%20cy='42'%20r='2.6'%20fill='%23000'/%3e%3c!--%20sparkle%20--%3e%3cpath%20d='M178%2096%20l4%2014%2014%204%20-14%204%20-4%2014%20-4%20-14%20-14%20-4%2014%20-4%20z'/%3e%3c!--%20mycelium%20network%20nodes%20--%3e%3ccircle%20cx='40'%20cy='120'%20r='4'/%3e%3ccircle%20cx='70'%20cy='104'%20r='4'/%3e%3ccircle%20cx='72'%20cy='142'%20r='4'/%3e%3ccircle%20cx='20'%20cy='150'%20r='3.2'/%3e%3cline%20x1='40'%20y1='120'%20x2='70'%20y2='104'/%3e%3cline%20x1='40'%20y1='120'%20x2='72'%20y2='142'/%3e%3cline%20x1='40'%20y1='120'%20x2='20'%20y2='150'/%3e%3c!--%20small%20chat%20tick%20(doble%20check)%20--%3e%3cpath%20d='M118%20158%20l6%206%2012%20-14'/%3e%3cpath%20d='M126%20158%20l6%206%2012%20-14'/%3e%3c!--%20second%20tiny%20robot,%20rotated%20feel%20via%20offset%20--%3e%3crect%20x='150'%20y='150'%20width='28'%20height='24'%20rx='7'/%3e%3ccircle%20cx='158'%20cy='162'%20r='2.6'/%3e%3ccircle%20cx='172'%20cy='162'%20r='2.6'/%3e%3c/g%3e%3c/svg%3e") 0 0/160px}.fecha-separador{z-index:1;justify-content:center;margin:12px 0 10px;display:flex;position:relative}.fecha-separador span{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:4px 14px;font-size:.74rem;font-weight:600}.chat-bajar{background:var(--surface);border:1px solid var(--border);width:40px;height:40px;color:var(--accent);cursor:pointer;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex;position:absolute;bottom:16px;right:20px;box-shadow:0 4px 14px #00000038}.chat-bajar:hover{border-color:var(--accent)}.burbuja-fila{z-index:1;animation:.22s ease-out burbuja-entrada;display:flex;position:relative}@keyframes burbuja-entrada{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.burbuja-fila.derecha{justify-content:flex-end}.burbuja-fila.sistema{justify-content:center}.burbuja-columna{flex-direction:column;max-width:72%;display:flex}.burbuja-fila.derecha .burbuja-columna{align-items:flex-end}.burbuja-fila.izquierda .burbuja-columna{align-items:flex-start}.burbuja-etiqueta{color:var(--accent);margin:7px 4px 3px;font-size:.72rem;font-weight:700}.burbuja{border-radius:16px;padding:9px 12px;font-size:.9rem;position:relative;box-shadow:0 1px 3px #00000014}.burbuja p{white-space:pre-wrap;word-break:break-word;margin:0}.burbuja-cliente{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:16px}.burbuja-cliente.cola{border-bottom-left-radius:4px}.burbuja-bot{background:var(--accent-soft);border:1px solid var(--accent);color:var(--text);border-bottom-right-radius:16px}.burbuja-bot.cola{border-bottom-right-radius:4px}.burbuja-agente{background:var(--accent);border:1.5px solid var(--accent-2);color:var(--accent-contrast);border-bottom-right-radius:16px}.burbuja-agente.cola{border-bottom-right-radius:4px}.burbuja-sistema{background:var(--surface-2);color:var(--text-muted);text-align:center;border-radius:999px;max-width:90%;padding:6px 16px;font-size:.78rem}.burbuja-pie{justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;display:flex}.burbuja-hora{opacity:.75;font-size:.68rem}.burbuja-check{opacity:.7;letter-spacing:-1px;font-size:.74rem}.burbuja-check.leido{color:#4fc3f7;opacity:1}.burbuja-check.fallido{color:var(--danger);opacity:1}.burbuja-imagen{cursor:zoom-in;border-radius:10px;max-width:100%;margin-bottom:6px;display:block}.burbuja-audio{max-width:240px;margin-bottom:6px;display:block}.burbuja-documento{color:inherit;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;min-width:180px;margin-bottom:6px;padding:10px 12px;text-decoration:none;display:flex}.burbuja-documento:hover{border-color:var(--accent)}.burbuja-documento-icono{flex-shrink:0;font-size:1.6rem}.burbuja-documento-info{flex-direction:column;gap:1px;display:flex;overflow:hidden}.burbuja-documento-nombre{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.9rem;overflow:hidden}.burbuja-documento-tipo{opacity:.7;text-transform:uppercase;font-size:.72rem}.lightbox-fondo{z-index:1000;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.lightbox-imagen{border-radius:6px;max-width:100%;max-height:100%;box-shadow:0 8px 32px #00000080}.lightbox-cerrar{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex;position:absolute;top:16px;right:24px}.lightbox-fondo-pdf{cursor:default;padding:40px}.lightbox-pdf{background:#fff;border:none;border-radius:6px;width:min(900px,100%);height:100%;box-shadow:0 8px 32px #00000080}.chat-escribiendo{color:var(--text-faint);z-index:1;padding:4px 0;font-size:.85rem;font-style:italic;position:relative}.chat-input{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-input-archivo-oculto{display:none}.chat-badge-redondo{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;width:44px;height:44px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;transition:border-color .15s,background .15s,transform .1s;display:flex}.chat-badge-redondo:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.chat-badge-redondo:active:not(:disabled){transform:scale(.92)}.chat-badge-redondo:disabled{opacity:.5;cursor:not-allowed}.chat-mic-badge:hover:not(:disabled){border-color:var(--accent-2)}.chat-input-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:24px;flex:1;align-items:center;gap:6px;min-height:44px;padding:3px 6px 3px 18px;transition:border-color .15s;display:flex}.chat-input-pill:focus-within{border-color:var(--accent)}.chat-input-pill.deshabilitado{opacity:.6}.chat-input-pill input{min-width:0;color:var(--text);background:0 0;border:none;flex:1;padding:8px 0;font-family:inherit;font-size:16px}.chat-input-pill input:focus{outline:none}.chat-enviar-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:0 2px 10px var(--accent-soft);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s,box-shadow .15s;display:flex}.chat-enviar-en-pill{animation:.18s aparecer-enviar}.chat-enviar-btn:hover:not(:disabled){box-shadow:0 3px 14px var(--accent-soft);transform:scale(1.05)}.chat-enviar-btn:active:not(:disabled){transform:scale(.92)}.chat-enviar-btn:disabled{opacity:.6;cursor:not-allowed}.icono-enviar{width:20px;height:20px;display:block}@keyframes aparecer-enviar{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.chat-grabar-cancelar:hover:not(:disabled){border-color:var(--danger);background:var(--danger-soft)}.chat-grabar-estado{background:var(--surface-2);border:1px solid var(--border);border-radius:24px;flex:1;align-items:center;gap:10px;min-height:44px;padding:0 18px;display:flex}.chat-grabar-punto{background:var(--danger);border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.1s ease-in-out infinite pulso-grabar}.chat-grabar-tiempo{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.chat-grabar-label{color:var(--text-muted);font-size:.9rem}@keyframes pulso-grabar{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.burbuja-voz{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.burbuja-voz-etiqueta{opacity:.75;font-size:.78rem}.chat-pill-volver{display:none}@media (width<=880px){.chat-shell{height:calc(100dvh - var(--topbar-h) - 40px);grid-template-columns:1fr;margin:-20px -16px}.chat-pill-volver{display:inline-flex}body.chat-fullscreen .chat-shell{height:100dvh;margin:0}body.chat-fullscreen .chat-header{padding-top:max(56px, calc(14px + env(safe-area-inset-top,0px)))}body.chat-fullscreen,body.chat-fullscreen #root{height:100dvh;min-height:100dvh;overflow:hidden}.chat-lista{display:none}.chat-shell.viendo-lista .chat-lista{display:block}.chat-shell.viendo-lista .chat-ventana{display:none}.chat-input{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.burbuja-columna{max-width:85%}.lightbox-fondo{padding:10px}.lightbox-fondo-pdf{padding:14px}.lightbox-cerrar{top:max(10px, env(safe-area-inset-top,0px));right:14px}}.modal-overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;max-width:420px;padding:22px;box-shadow:0 12px 32px #00000059}.modal-card h3{margin-bottom:10px}.modal-card p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.modal-acciones{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}