:root{--verde:#2d7a4f;--verde-claro:#e8f5ee;--gris-texto:#1d1d1b;--gris-suave:#f5f5f0;--gris-borde:#ddd;--alerta:#a4262c;color:var(--gris-texto);background:var(--gris-suave);font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--verde:#4caf7d;--verde-claro:#1a3328;--gris-texto:#e8e8e0;--gris-suave:#1a1a18;--gris-borde:#333;background:var(--gris-suave);color:var(--gris-texto)}}:root[data-theme=dark]{--verde:#4caf7d;--verde-claro:#1a3328;--gris-texto:#e8e8e0;--gris-suave:#1a1a18;--gris-borde:#333;background:var(--gris-suave);color:var(--gris-texto)}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;overflow:hidden}#root{height:100%}.layout-app{flex-direction:column;height:100%;display:flex}.cabecera{background:var(--verde);color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;height:3rem;padding:0 1rem;display:flex}.cabecera-titulo{letter-spacing:.05em;font-size:1.1rem;font-weight:700}.cabecera-usuario{font-size:.9rem}.cabecera button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:4px;margin-left:.5rem;padding:.2rem .6rem;font-size:.85rem}.cabecera button:hover{background:#ffffff40}.layout-cuerpo,.layout-main{flex:1;display:flex;overflow:hidden}.menu-lateral{border-right:1px solid var(--gris-borde);background:#fff;flex-direction:column;flex-shrink:0;width:11rem;padding:.75rem 0;display:flex}.menu-item{color:var(--gris-texto);border-left:3px solid #0000;padding:.65rem 1.2rem;font-size:.88rem;text-decoration:none;display:block}.menu-item:hover{background:var(--gris-suave)}.menu-item.activo{border-left-color:var(--verde);color:var(--verde);font-weight:600}.conversaciones-layout{width:100%;display:flex;overflow:hidden}.conv-lista-panel{border-right:1px solid var(--gris-borde);background:#fff;flex-direction:column;flex-shrink:0;width:22rem;display:flex;overflow:hidden}.conv-filtros{border-bottom:1px solid var(--gris-borde);gap:.5rem;padding:.75rem;display:flex}.filtro-input{border:1px solid var(--gris-borde);background:var(--gris-suave);border-radius:4px;flex:1;padding:.4rem .6rem;font-size:.85rem}.filtro-select{border:1px solid var(--gris-borde);background:var(--gris-suave);border-radius:4px;padding:.4rem;font-size:.85rem}.conv-lista{flex:1;overflow-y:auto}.conv-detalle-panel{background:var(--gris-suave);flex-direction:column;flex:1;display:flex;overflow:hidden}.conv-placeholder{color:#888;flex:1;justify-content:center;align-items:center;display:flex}.tarjeta-conv{border-bottom:1px solid var(--gris-borde);cursor:pointer;padding:.75rem 1rem}.tarjeta-conv:hover{background:var(--gris-suave)}.tarjeta-conv.activa{background:var(--verde-claro);border-left:3px solid var(--verde)}.tc-header{flex-wrap:wrap;align-items:baseline;gap:.4rem;font-size:.9rem;display:flex}.tc-hace{color:#888;margin-left:auto;font-size:.75rem}.tc-etapa{color:var(--verde);margin-top:.15rem;font-size:.75rem}.tc-preview{color:#666;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.8rem;overflow:hidden}.conv-detalle-header{border-bottom:1px solid var(--gris-borde);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.burbujas{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.burbuja{flex-direction:column;max-width:75%;display:flex}.burbuja-cliente{align-self:flex-start}.burbuja-bot,.burbuja-agente{align-self:flex-end}.burbuja-contenido{white-space:pre-wrap;word-break:break-word;border-radius:1rem;padding:.5rem .75rem;font-size:.88rem;line-height:1.4}.burbuja-cliente .burbuja-contenido{border:1px solid var(--gris-borde);background:#fff;border-bottom-left-radius:.2rem}.burbuja-bot .burbuja-contenido{background:var(--verde);color:#fff;border-bottom-right-radius:.2rem}.burbuja-agente .burbuja-contenido{color:#fff;background:#1a73e8;border-bottom-right-radius:.2rem}.burbuja-hora{color:#888;align-self:flex-end;margin-top:.15rem;font-size:.7rem}.badge-id{background:var(--verde-claro);color:var(--verde);border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.badge-bot{border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.badge-bot.on{color:var(--verde);background:#e8f5ee}.badge-bot.off{color:var(--alerta);background:#fde}.badge-bot-off{color:var(--alerta);background:#fde;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.sin-resultados{text-align:center;color:#888;padding:2rem}.mirador{max-width:28rem;margin:5rem auto;padding:0 1rem}.mirador h1{color:var(--verde);font-size:2rem}.subtitulo{color:#6b6b66;margin-top:.25rem}.mirador form{flex-direction:column;gap:1.2rem;margin-top:2rem;display:flex}.mirador form label{color:#555;margin-bottom:.25rem;font-size:.85rem;display:block}.mirador form input{border:1px solid var(--gris-borde);border-radius:6px;width:100%;padding:.5rem .75rem;font-size:1rem}.mirador form button{background:var(--verde);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:.6rem 1.5rem;font-size:1rem}.mirador form button:hover{opacity:.9}.alerta{color:var(--alerta);font-size:.9rem}.cargando-global{color:#888;padding:2rem}@media (width<=640px){.menu-lateral{width:3rem}.menu-item{white-space:nowrap;padding:.7rem;font-size:0;overflow:hidden}.conv-lista-panel{width:100%}}