:root{--brand-purple:#7f35b2;--brand-purple-hover:#662b8e;--brand-purple-muted:#7f35b214;--bg:#f7f7f9;--surface-base:#f7f7f9;--surface-low:#efeff2;--surface-high:#fff;--surface-tint-base:#12121614;--surface-tint-mild:#1212160d;--surface-tint-strong:#12121633;--on-surface-base:#111114;--on-surface-base-subtle:#5b5b66;--on-surface-base-disabled:#8e8e99;--primary:var(--brand-purple);--primary-hover:var(--brand-purple-hover);--primary-muted:var(--brand-purple-muted);--ink-primary:var(--brand-purple);--ok:#0d8a53;--err:#b91c5a;--wrn:#b56d00;--info:#146bb8;--danger:var(--err);--danger-hover:#931548;--danger-muted:#b91c5a1a;--success:var(--ok);--success-muted:#0d8a531a;--warning:var(--wrn);--warning-muted:#b56d001a;--info-muted:#146bb81a;--shadow-window:0 1px 0 0 #ffffffe6 inset, 0 12px 32px -16px #0000002e, 0 4px 10px -4px #0000001a;--shadow-sm:0 1px 2px #0000000a;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}.dark{--bg:#0c0c0e;--surface-base:#121214;--surface-low:#0c0c0e;--surface-high:#1a1a1d;--surface-tint-base:#ffffff14;--surface-tint-mild:#ffffff0d;--surface-tint-strong:#ffffff29;--on-surface-base:#f1f1f5;--on-surface-base-subtle:#a6a6b0;--on-surface-base-disabled:#6e6e78;--ink-primary:#b57fe6;--primary:#9f5fd1;--primary-hover:#b57fe6;--primary-muted:#9f5fd11f;--danger-muted:#ff4d6d1f;--success-muted:#4ade801a;--warning-muted:#fbbf241a;--info-muted:#60a5fa1a;--shadow-window:0 1px 0 0 #ffffff0f inset, 0 16px 40px -18px #0000008c, 0 5px 14px -6px #00000073}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--surface-tint-strong) var(--surface-low)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-low)}::-webkit-scrollbar-thumb{background:var(--surface-tint-strong);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--on-surface-base-subtle)}::-webkit-scrollbar-corner{background:var(--surface-low)}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg);color:var(--on-surface-base);overflow:hidden}#root{width:100%;height:100%}.app-shell{flex-direction:column;width:100vw;height:100dvh;display:flex;overflow:hidden}.global-header{background:var(--surface-high);border-bottom:1px solid var(--surface-tint-base);flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;height:50px;padding:0 .75rem;display:flex}.global-header-left,.global-header-right{align-items:center;gap:.5rem;display:flex}.global-header-center{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.brand{border-right:1px solid var(--surface-tint-base);align-items:center;gap:.55rem;margin-right:.25rem;padding-right:.5rem;display:flex}.brand-logo{border-radius:var(--radius-sm);-o-object-fit:contain;object-fit:contain;width:26px;height:26px;display:block}.brand-text{flex-direction:column;line-height:1.05;display:flex}.brand-name{color:var(--on-surface-base);font-size:.9rem;font-weight:700}.brand-tagline{color:var(--on-surface-base-subtle);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.header-path-bar{border-radius:var(--radius-sm);background:var(--surface-low);border:1px solid var(--surface-tint-base);align-items:center;gap:.45rem;min-width:120px;max-width:min(520px,40vw);height:28px;padding:0 .6rem;display:inline-flex}.header-path-icon{width:12px;height:12px;color:var(--on-surface-base-disabled);flex-shrink:0}.header-path-value{font-family:var(--font-mono);color:var(--on-surface-base);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;overflow:hidden}.header-path-link{color:var(--ink-primary);cursor:pointer;text-decoration:none}.header-path-link:hover{text-decoration:underline}.header-path-link:hover .header-path-icon{color:var(--ink-primary)}.header-path-placeholder{color:var(--on-surface-base-subtle);justify-content:center;font-size:.75rem}.header-pill{border:1px solid var(--surface-tint-base);border-radius:var(--radius-sm);background:var(--surface-base);flex-direction:row;flex-shrink:0;align-items:center;gap:.35rem;min-width:fit-content;padding:.2rem .55rem;display:flex}.pill-label{color:var(--on-surface-base-disabled);text-transform:uppercase;letter-spacing:.08em;font-size:.55rem}.pill-value{color:var(--on-surface-base);font-size:.75rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.pill-value.status-running,.pill-value.status-in-progress{color:var(--info)}.pill-value.status-done,.pill-value.status-completed{color:var(--ok)}.pill-value.status-failed{color:var(--err)}.pill-value.status-paused{color:var(--wrn)}.pill-value.status-queued,.pill-value.status-idle{color:var(--on-surface-base-subtle)}.header-pill.connection{color:var(--on-surface-base-disabled);min-width:auto}.header-pill.connection.online{color:var(--ok)}.header-pill.connection.offline{color:var(--err)}.status-icon{width:16px;height:16px}.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-icon,.btn-small,.btn-close{cursor:pointer;border:none;justify-content:center;align-items:center;gap:.4rem;font-family:inherit;font-size:.85rem;font-weight:500;transition:background-color .15s,color .15s,transform .1s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:.5rem .9rem}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface-low);color:var(--on-surface-base);border:1px solid var(--surface-tint-base);border-radius:var(--radius-sm);padding:.5rem .9rem}.btn-secondary:hover{background:var(--surface-tint-mild)}.btn-ghost{color:var(--on-surface-base-subtle);border-radius:var(--radius-sm);background:0 0;padding:.5rem .75rem}.btn-ghost:hover{background:var(--surface-tint-mild);color:var(--on-surface-base)}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);padding:.5rem .9rem}.btn-danger:hover{background:var(--danger-hover)}.btn-icon{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--on-surface-base-subtle);background:0 0}.btn-icon:hover{background:var(--surface-tint-mild);color:var(--on-surface-base)}.btn-small{padding:.35rem .65rem;font-size:.8rem}.btn-close{width:32px;height:32px;color:var(--on-surface-base-subtle);border-radius:var(--radius-sm);background:0 0;font-size:1.5rem;line-height:1}.btn-close:hover{background:var(--surface-tint-mild);color:var(--on-surface-base)}.run-bar{background:var(--surface-high);border-bottom:1px solid var(--surface-tint-base);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:34px;padding:0 .75rem;display:flex}.run-bar.idle{opacity:.7}.run-bar-left,.run-bar-center,.run-bar-right{align-items:center;gap:.5rem;min-width:0;display:flex}.run-bar-center{flex:1;justify-content:center}.run-bar-label{text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-base-disabled);font-size:.65rem;font-weight:600}.run-bar-ticket{font-family:var(--font-mono);color:var(--on-surface-base);white-space:nowrap;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;display:inline-flex}.run-bar-commit{color:var(--on-surface-base-subtle);font-size:.72rem;font-weight:500}.run-bar-status{text-transform:uppercase;letter-spacing:.08em;background:var(--surface-tint-mild);color:var(--on-surface-base-subtle);border-radius:999px;padding:.1rem .4rem;font-size:.65rem;font-weight:600}.run-bar-status.idle{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle)}.run-bar-status.running{background:var(--info-muted);color:var(--info)}.run-bar-status.paused{background:var(--warning-muted);color:var(--wrn)}.run-bar-status.done,.run-bar-status.completed{background:var(--success-muted);color:var(--ok)}.run-bar-status.failed{background:var(--danger-muted);color:var(--err)}.progress-track{background:var(--surface-tint-base);border-radius:999px;width:min(280px,30vw);height:5px;overflow:hidden}.progress-fill{background:var(--primary);border-radius:999px;height:100%;transition:width .3s}.run-bar-elapsed,.run-bar-agents{font-family:var(--font-mono);color:var(--on-surface-base-subtle);white-space:nowrap;font-size:.72rem}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.traces-panel{border-right:1px solid var(--surface-tint-base);background:var(--surface-base);flex-direction:column;flex-shrink:0;width:320px;min-width:280px;max-width:420px;display:flex}.chat-panel{border-left:1px solid var(--surface-tint-base);background:var(--surface-base);flex-direction:column;flex-shrink:0;width:320px;min-width:280px;max-width:420px;min-height:0;display:flex}.chat-panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.deliverables-panel{border-bottom:1px solid var(--surface-tint-base);background:var(--surface-base);flex-direction:column;flex-shrink:0;min-height:140px;max-height:38%;display:flex}.deliverables-panel .panel-header{flex-shrink:0}.main-area{background:var(--surface-base);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.top-zone{border-bottom:1px solid var(--surface-tint-base);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.bottom-zone{background:var(--surface-base);flex-shrink:0;min-height:0;display:flex}.ticket-status-panel{border-right:1px solid var(--surface-tint-base);background:var(--surface-base);flex-direction:column;width:40%;min-width:260px;display:flex}.messaging-panel{background:var(--surface-base);flex-direction:column;flex:1;min-width:0;display:flex}.panel-header{border-bottom:1px solid var(--surface-tint-base);background:var(--surface-base);flex-shrink:0;justify-content:space-between;align-items:center;height:26px;padding:0 .75rem;display:flex}.panel-title{text-transform:uppercase;letter-spacing:.14em;color:var(--on-surface-base);align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;display:inline-flex}.panel-title svg{width:12px;height:12px}.badge-live{background:var(--danger-muted);color:var(--err);text-transform:uppercase;letter-spacing:.1em;border-radius:3px;align-items:center;gap:.35rem;padding:.1rem .35rem;font-size:.6rem;font-weight:600;display:inline-flex}.live-dot{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.8s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.live-dot{opacity:.85;animation:none}}.behaviors-graph{flex:1;position:relative;overflow:hidden}.debug-footer{color:#f1f3efd1;background:#161618;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.debug-header{background:#1c1c1f;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:28px;padding:0 .75rem;display:flex}.debug-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#f1f3efeb;align-items:center;gap:.4rem;font-size:.7rem;display:inline-flex}.debug-meta{font-family:var(--font-mono);color:#f1f3ef66;font-size:.65rem}.debug-empty{color:#f1f3ef59;font-style:italic}.debug-line{gap:.5rem;margin-bottom:.15rem;display:flex}.debug-line .debug-time{color:#f1f3ef66;flex-shrink:0}.debug-line .debug-level{text-transform:uppercase;letter-spacing:.08em;color:#f1f3ef8c;flex-shrink:0;width:40px;font-size:.65rem}.debug-line .debug-message{word-break:break-word;flex:1}.debug-line.level-info .debug-message{color:#f1f3efd1}.debug-line.level-success .debug-message{color:#4ade80}.debug-line.level-warning .debug-message{color:#fbbf24}.debug-line.level-error .debug-message{color:#ff4d6d}.debug-line.level-debug .debug-message{color:#f1f3ef80;font-style:italic}.debug-line .debug-agent{color:#f1f3ef8c;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:120px;font-size:.7rem;overflow:hidden}.debug-actions{align-items:center;gap:.35rem;margin-left:auto;display:inline-flex}.debug-thinking-toggle{color:#f1f3ef8c;border:1px solid var(--surface-tint-base);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.25rem;padding:.15rem .4rem;font-size:.65rem;display:inline-flex}.debug-thinking-toggle.active{color:var(--info);border-color:var(--info);background:#146bb81a}.debug-finding-line{color:#f1f3ef99}.debug-finding-line .debug-level{color:#f1f3ef59;-webkit-user-select:none;user-select:none}.debug-finding-severity{font-weight:600;display:block}.debug-finding-severity.info{color:var(--info)}.debug-finding-severity.warning,.debug-finding-severity.wrn{color:var(--wrn)}.debug-finding-severity.error,.debug-finding-severity.critical{color:var(--err)}.debug-finding-severity.important{color:#fbbf24}.debug-finding-detail{text-indent:-1.2rem;color:#f1f3efa6;margin-top:.15rem;padding-left:1.2rem;display:block}.debug-finding-detail:before{content:"  ";white-space:pre}.debug-finding-detail-label{color:#f1f3efcc;margin-right:.3rem;font-weight:600}.debug-finding-code-block{border-radius:var(--radius-sm);font-family:var(--font-mono);color:#f1f3efbf;white-space:pre-wrap;background:#00000059;border:1px solid #ffffff14;margin:.25rem 0 0 1.2rem;padding:.4rem .5rem;font-size:.72rem;display:block}.traces-list,.ticket-status-body,.messaging-feed,.chat-messages,.deliverables-list{flex:1;min-height:0;overflow-y:auto}.traces-empty,.ticket-status-body .status-empty,.messaging-empty,.chat-empty,.deliverables-empty{text-align:center;color:var(--on-surface-base-disabled);padding:1rem .5rem;font-size:.8rem}.trace-item{border-bottom:1px solid var(--surface-tint-base);cursor:pointer;gap:.5rem;padding:.6rem .75rem;transition:background-color .15s;display:flex}.trace-item:hover{background:var(--surface-tint-mild)}.trace-item.selected{background:var(--primary-muted)}.trace-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.trace-row{align-items:center;gap:.4rem;min-width:0;display:flex}.trace-time{font-family:var(--font-mono);color:var(--on-surface-base-disabled);flex-shrink:0;font-size:.65rem}.trace-name{color:var(--on-surface-base);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.75rem;font-weight:600;overflow:hidden}.trace-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;flex-shrink:0;padding:.08rem .3rem;font-size:.55rem;font-weight:600}.trace-badge.ok{background:var(--success-muted);color:var(--ok)}.trace-badge.err{background:var(--danger-muted);color:var(--err)}.trace-badge.wrn{background:var(--warning-muted);color:var(--wrn)}.trace-badge.info{background:var(--info-muted);color:var(--info)}.trace-meta{color:var(--on-surface-base-subtle);gap:.6rem;font-size:.65rem}.trace-message{min-width:0}.trace-message-text{color:var(--on-surface-base-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.behaviors-graph{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden auto}.behaviors-graph:before{content:"";opacity:.1;pointer-events:none;background-image:radial-gradient(circle,#12121629 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.dark .behaviors-graph:before{background-image:radial-gradient(circle,#ffffff1a 1px,#0000 1px)}.graph-connections{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.graph-connection-line{fill:none;stroke:var(--surface-tint-strong);stroke-width:1.5px;stroke-dasharray:4 4;opacity:.7;color:var(--surface-tint-strong)}.graph-control-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-tint-base);background:var(--surface-high);width:28px;height:28px;color:var(--on-surface-base);font-family:var(--font-mono);cursor:pointer;box-shadow:var(--shadow-sm);place-items:center;font-size:.85rem;font-weight:600;display:grid}.graph-control-btn:hover{background:var(--surface-low)}.graph-empty{color:var(--on-surface-base-disabled);z-index:0;place-items:center;font-size:.9rem;display:grid;position:absolute;inset:0}.graph-legend{border-radius:var(--radius-sm);background:var(--surface-base);border:1px solid var(--surface-tint-base);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-base-subtle);z-index:3;align-items:center;gap:.75rem;padding:.35rem .5rem;font-size:.65rem;display:flex;position:absolute;bottom:.5rem;left:.5rem}.graph-tiers{z-index:2;position:absolute;inset:0}.graph-tier-label{text-transform:uppercase;letter-spacing:.08em;color:var(--on-surface-base-disabled);white-space:nowrap;font-size:.5rem;font-weight:600;line-height:1;position:absolute}.graph-node{cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;transition:transform .15s;display:flex}.graph-node:hover{transform:scale(1.05)}.graph-node-bubble{width:32px;height:32px;font-family:var(--font-mono);color:var(--on-surface-base-disabled);background:var(--surface-tint-mild);border:2px solid var(--surface-tint-strong);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;font-size:.5rem;font-weight:700;display:grid}.graph-node-bubble.running{color:var(--info);border-color:var(--info);background:#146bb81a;animation:2s ease-in-out infinite node-pulse}.graph-node-bubble.done{color:var(--ok);border-color:var(--ok);background:#0d8a531a}.graph-node-bubble.failed{color:var(--err);border-color:var(--err);background:#b91c5a1a}.graph-node-bubble.queued{color:var(--on-surface-base-disabled);background:var(--surface-tint-mild);border:2px dashed var(--surface-tint-strong)}.graph-node-label{color:var(--on-surface-base-subtle);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:.5rem;font-weight:600;line-height:1;overflow:hidden}@keyframes node-pulse{0%,to{box-shadow:0 0 #146bb866}50%{box-shadow:0 0 0 8px #146bb800}}@media (prefers-reduced-motion:reduce){.graph-node-bubble.running{animation:none}}.status-card{border-radius:var(--radius-md);background:var(--surface-high);border:1px solid var(--surface-tint-base);box-shadow:var(--shadow-sm);margin:.75rem;padding:.75rem}.status-card-title{color:var(--on-surface-base);margin-bottom:.6rem;font-size:.85rem;font-weight:600;line-height:1.3}.status-card-row{border-bottom:1px solid var(--surface-tint-base);justify-content:space-between;align-items:center;gap:.5rem;padding:.35rem 0;font-size:.72rem;display:flex}.status-card-row:last-child{border-bottom:none}.status-card-row .label{color:var(--on-surface-base-disabled);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.status-card-row .value{font-family:var(--font-mono);color:var(--on-surface-base);text-align:right;word-break:break-all}.agent-status-list{padding:0 .75rem .75rem}.agent-status-item{border-bottom:1px solid var(--surface-tint-base);justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem 0;font-size:.75rem;display:flex}.agent-status-item:last-child{border-bottom:none}.agent-status-name{color:var(--on-surface-base);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.agent-status-label{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;flex-shrink:0;padding:.1rem .35rem;font-size:.6rem;font-weight:600}.agent-status-label.running{background:var(--info-muted);color:var(--info)}.agent-status-label.done{background:var(--success-muted);color:var(--ok)}.agent-status-label.failed{background:var(--danger-muted);color:var(--err)}.agent-status-label.queued{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle)}.output-group{border-bottom:1px solid var(--surface-tint-base);padding:.6rem .75rem}.output-group-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.output-sha{font-family:var(--font-mono);color:var(--primary);font-size:.7rem;font-weight:600}.output-count{color:var(--on-surface-base-disabled);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem}.output-item{border-radius:var(--radius-sm);background:var(--surface-high);border:1px solid var(--surface-tint-base);margin-bottom:.4rem;padding:.5rem}.output-item:last-child{margin-bottom:0}.output-header{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.output-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:.08rem .3rem;font-size:.55rem;font-weight:600}.output-badge.info{background:var(--info-muted);color:var(--info)}.output-badge.wrn{background:var(--warning-muted);color:var(--wrn)}.output-badge.err{background:var(--danger-muted);color:var(--err)}.output-agent{color:var(--on-surface-base);font-size:.7rem;font-weight:600}.output-location{font-family:var(--font-mono);color:var(--on-surface-base-subtle);font-size:.65rem}.output-body{color:var(--on-surface-base-subtle);font-size:.78rem;line-height:1.4}.deliverables-list{padding:.5rem 0}.deliverable-item{border-bottom:1px solid var(--surface-tint-base);cursor:pointer;padding:.5rem .75rem;transition:background-color .15s}.deliverable-item:hover{background:var(--surface-tint-mild)}.deliverable-main{align-items:center;gap:.4rem;margin-bottom:.15rem;display:flex}.deliverable-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;flex-shrink:0;padding:.06rem .25rem;font-size:.55rem;font-weight:600}.deliverable-badge.info{background:var(--info-muted);color:var(--info)}.deliverable-badge.wrn{background:var(--warning-muted);color:var(--wrn)}.deliverable-badge.err{background:var(--danger-muted);color:var(--err)}.deliverable-title{color:var(--on-surface-base);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.deliverable-meta{color:var(--on-surface-base-subtle);font-size:.65rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-agent-bar{border-bottom:1px solid var(--surface-tint-base);flex-shrink:0;padding:.5rem .75rem}.chat-agent-bar select{border-radius:var(--radius-sm);border:1px solid var(--surface-tint-base);background:var(--surface-high);width:100%;color:var(--on-surface-base);padding:.35rem .5rem;font-family:inherit;font-size:.75rem}.chat-message{padding:.4rem .75rem;display:flex}.chat-message.agent{justify-content:flex-start}.chat-bubble{border-radius:var(--radius-md);background:var(--surface-high);border:1px solid var(--surface-tint-base);max-width:88%;box-shadow:var(--shadow-sm);padding:.55rem .7rem}.chat-meta{align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.chat-agent{color:var(--on-surface-base);font-size:.7rem;font-weight:600}.chat-badge{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:.04rem .25rem;font-size:.55rem;font-weight:600}.chat-badge.info{background:var(--info-muted);color:var(--info)}.chat-badge.wrn{background:var(--warning-muted);color:var(--wrn)}.chat-badge.err{background:var(--danger-muted);color:var(--err)}.chat-body{color:var(--on-surface-base);font-size:.78rem;line-height:1.4}.chat-location{font-family:var(--font-mono);color:var(--on-surface-base-subtle);margin-top:.25rem;font-size:.65rem}.chat-form{border-top:1px solid var(--surface-tint-base);background:var(--surface-base);flex-shrink:0;align-items:flex-end;gap:.5rem;padding:.6rem .75rem;display:flex}.chat-form textarea{resize:none;border-radius:var(--radius-sm);border:1px solid var(--surface-tint-base);background:var(--surface-high);color:var(--on-surface-base);flex:1;min-height:32px;max-height:120px;padding:.45rem .6rem;font-family:inherit;font-size:.8rem;line-height:1.3}.chat-form textarea:focus{border-color:var(--primary);outline:none}.chat-form button{flex-shrink:0}.history-panel{border-right:1px solid var(--surface-tint-base);background:var(--surface-base);flex-direction:column;flex-shrink:0;width:320px;min-width:280px;max-width:420px;display:flex}.history-empty{color:var(--on-surface-base-disabled);text-align:center;padding:1rem .75rem;font-size:.8rem}.history-item{border:none;border-bottom:1px solid var(--surface-tint-base);width:100%;color:var(--on-surface-base);text-align:left;cursor:pointer;background:0 0;flex-direction:column;gap:.3rem;padding:.6rem .75rem;transition:background-color .15s;display:flex}.history-item:hover{background:var(--surface-tint-mild)}.history-item.selected{background:var(--primary-muted)}.history-pr{font-family:var(--font-mono);color:var(--primary);font-size:.7rem;font-weight:600}.history-status{text-transform:uppercase;letter-spacing:.08em;border-radius:3px;padding:.08rem .3rem;font-size:.55rem;font-weight:600}.history-status.status-done,.history-status.status-completed{background:var(--success-muted);color:var(--ok)}.history-status.status-failed{background:var(--danger-muted);color:var(--err)}.history-status.status-running{background:var(--info-muted);color:var(--info)}.history-title{color:var(--on-surface-base);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:500;overflow:hidden}.history-meta{color:var(--on-surface-base-subtle);align-items:center;gap:.4rem;font-size:.65rem;display:flex}.btn-icon.active{background:var(--primary-muted);color:var(--primary)}.resize-handle{z-index:5;background:0 0;outline:none;flex-shrink:0;transition:background-color .15s;position:relative}.resize-handle.horizontal{cursor:row-resize;height:6px}.resize-handle.vertical{cursor:col-resize;width:6px}.resize-handle:before{content:"";background:var(--surface-tint-strong);border-radius:999px;transition:background-color .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle.horizontal:before{width:32px;height:3px}.resize-handle.vertical:before{width:3px;height:32px}.resize-handle:hover,.resize-handle:focus-visible,.resize-handle.active{background:var(--primary-muted)}.resize-handle:hover:before,.resize-handle:focus-visible:before,.resize-handle.active:before{background:var(--primary)}.resize-handle:focus-visible{box-shadow:inset 0 0 0 1px var(--primary)}.empty-state{text-align:center;min-height:0;color:var(--on-surface-base-subtle);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-state-icon{background:var(--primary-muted);width:96px;height:96px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.empty-state-title{color:var(--on-surface-base);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.empty-state-description{max-width:420px;margin:0 0 1rem;font-size:.85rem;line-height:1.55}.empty-state-hint{border-radius:var(--radius-md);background:var(--surface-high);box-shadow:var(--shadow-sm);color:var(--on-surface-base-subtle);align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.75rem;display:inline-flex}.app-shell{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.app-body{flex:1;display:flex;overflow:hidden}.main-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-zone{background:var(--surface-base);border-bottom:1px solid var(--surface-tint-mild);flex-direction:column;flex:1;display:flex;overflow:hidden}.bottom-zone{background:var(--surface-low);flex-direction:column;display:flex;overflow:hidden}.behaviors-graph{background:var(--surface-base);cursor:grab;flex:1;position:relative;overflow:hidden}.behaviors-graph:active{cursor:grabbing}.graph-connections{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.graph-connection-line{fill:none;stroke:var(--surface-tint-strong);stroke-width:1.5px;opacity:.6}.graph-tiers{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.graph-node{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .1s;position:absolute}.graph-node:active{cursor:grabbing}.graph-node.selected .graph-node-bubble{box-shadow:0 0 0 3px var(--primary)}.graph-node-bubble{color:#fff;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.graph-node-bubble.bot{background:var(--primary);width:44px;height:44px;font-size:14px}.graph-node-bubble.activo{background:var(--ok)}.graph-node-bubble.handoff{background:var(--wrn)}.graph-node-bubble.error,.graph-node-bubble.bloqueado{background:var(--err)}.graph-node-bubble.usuario_no_registrado{background:var(--on-surface-base-disabled)}.graph-node-label{color:var(--on-surface-base-subtle);white-space:nowrap;text-align:center;margin-top:6px;font-size:11px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.graph-controls{z-index:10;flex-direction:column;gap:4px;display:flex;position:absolute;top:12px;right:12px}.graph-control-btn{border-radius:var(--radius-sm);border:1px solid var(--surface-tint-mild);background:var(--surface-high);width:28px;height:28px;color:var(--on-surface-base);cursor:pointer;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.graph-control-btn:hover{background:var(--surface-low);border-color:var(--primary)}.graph-legend{color:var(--on-surface-base-subtle);z-index:10;gap:12px;font-size:11px;display:flex;position:absolute;bottom:12px;left:12px}.graph-legend span{align-items:center;gap:4px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.debug-footer{background:var(--surface-low);border-top:1px solid var(--surface-tint-mild);flex-direction:column;display:flex;overflow:hidden}.debug-header{background:var(--surface-base);border-bottom:1px solid var(--surface-tint-mild);justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.debug-title{color:var(--on-surface-base);align-items:center;gap:6px;font-weight:600;display:flex}.debug-title svg{width:14px;height:14px}.debug-meta{color:var(--on-surface-base-subtle);font-size:11px}.debug-actions{gap:6px;display:flex}.debug-thinking-toggle{border-radius:var(--radius-sm);border:1px solid var(--surface-tint-mild);background:var(--surface-high);color:var(--on-surface-base-subtle);cursor:pointer;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:all .2s;display:flex}.debug-thinking-toggle:hover{background:var(--surface-low);border-color:var(--primary)}.debug-thinking-toggle.active{background:var(--primary-muted);border-color:var(--primary);color:var(--primary)}.debug-log{font-family:var(--font-mono);flex:1;padding:8px 12px;font-size:11px;line-height:1.5;overflow-y:auto}.debug-line{align-items:baseline;gap:8px;padding:2px 0;display:flex}.debug-line.level-ok{color:var(--ok)}.debug-line.level-err{color:var(--err)}.debug-line.level-wrn{color:var(--wrn)}.debug-line.level-info{color:var(--info)}.debug-time{color:var(--on-surface-base-disabled);flex-shrink:0;min-width:60px}.debug-agent{color:var(--primary);flex-shrink:0;min-width:80px;font-weight:500}.debug-level{flex-shrink:0;min-width:40px;font-weight:500}.debug-message{color:var(--on-surface-base);word-break:break-word}.debug-empty{height:100%;color:var(--on-surface-base-disabled);justify-content:center;align-items:center;font-size:12px;display:flex}.resize-handle{background:var(--surface-tint-mild);cursor:row-resize;flex-shrink:0;height:6px;transition:background .2s;position:relative}.resize-handle:hover{background:var(--primary)}.resize-handle:before{content:"";background:var(--on-surface-base-disabled);border-radius:1px;width:40px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resize-handle:hover:before{background:#fff}.history-panel{background:var(--surface-low);border-right:1px solid var(--surface-tint-mild);flex-direction:column;width:280px;display:flex;overflow:hidden}.history-list{flex:1;padding:8px;overflow-y:auto}.history-item{border-radius:var(--radius-md);background:var(--surface-base);cursor:pointer;text-align:left;border:1px solid #0000;flex-direction:column;gap:4px;width:100%;margin-bottom:4px;padding:10px;transition:all .2s;display:flex}.history-item:hover{background:var(--surface-high);border-color:var(--primary)}.history-item.selected{background:var(--primary-muted);border-color:var(--primary)}.history-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-pr{color:var(--on-surface-base);font-size:13px;font-weight:600}.history-status{border-radius:var(--radius-sm);align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:flex}.history-status.status-activo{background:var(--success-muted);color:var(--ok)}.history-status.status-handoff{background:var(--warning-muted);color:var(--wrn)}.history-status.status-error,.history-status.status-bloqueado{background:var(--danger-muted);color:var(--err)}.history-title{color:var(--on-surface-base-subtle);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.history-meta{color:var(--on-surface-base-disabled);gap:6px;font-size:11px;display:flex}.history-empty{height:100%;color:var(--on-surface-base-disabled);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:12px;display:flex}.metricas-panel{background:var(--surface-low);border-bottom:1px solid var(--surface-tint-mild);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px;padding:8px 12px;display:grid}.metric-card{background:var(--surface-base);border:1px solid var(--surface-tint-mild);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.metric-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.metric-icon{border-radius:var(--radius-md);background:var(--primary-muted);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.metric-content{text-align:end;flex:1;justify-items:right;min-width:0}.metric-title{color:var(--on-surface-base-subtle);margin-bottom:4px;font-size:12px}.metric-value{color:var(--on-surface-base);font-size:24px;font-weight:700;line-height:1}.metric-change{margin-top:4px;font-size:11px}.metric-change.positive{color:var(--ok)}.metric-change.negative{color:var(--err)}.badge-pendientes{background:var(--err);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.btn-icon{position:relative}.conversacion-activa{background:var(--surface-base);border:1px solid var(--surface-tint-mild);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:16px 24px;padding:16px}.conversacion-activa-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.conversacion-activa-avatar{background:var(--primary-muted);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.conversacion-activa-info{flex:1;min-width:0}.conversacion-activa-nombre{color:var(--on-surface-base);font-size:16px;font-weight:600}.conversacion-activa-telefono{color:var(--on-surface-base-subtle);align-items:center;gap:4px;font-size:13px;display:flex}.conversacion-activa-estado{border-radius:var(--radius-sm);flex-shrink:0;padding:4px 12px;font-size:12px;font-weight:500}.conversacion-activa-estado.activo{background:var(--success-muted);color:var(--ok)}.conversacion-activa-estado.handoff{background:var(--warning-muted);color:var(--wrn)}.conversacion-activa-estado.error,.conversacion-activa-estado.bloqueado{background:var(--danger-muted);color:var(--err)}.conversacion-activa-body{flex-direction:column;gap:8px;display:flex}.conversacion-activa-mensaje{background:var(--surface-low);border-radius:var(--radius-md);color:var(--on-surface-base);align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.conversacion-activa-meta{color:var(--on-surface-base-subtle);gap:16px;font-size:12px;display:flex}.conversacion-activa-meta-item{align-items:center;gap:4px;display:flex}.history-detail{background:var(--surface-base);border-right:1px solid var(--surface-tint-mild);flex-direction:column;width:380px;min-width:300px;display:flex;overflow:hidden}.history-detail-header{border-bottom:1px solid var(--surface-tint-mild);background:var(--surface-low);flex-shrink:0;padding:12px 16px}.history-detail-title{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.history-detail-nombre{color:var(--on-surface-base);font-size:14px;font-weight:600}.history-detail-telefono{font-family:var(--font-mono);color:var(--on-surface-base-subtle);font-size:12px}.history-detail-meta{color:var(--on-surface-base-disabled);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.history-detail-estado{border-radius:var(--radius-sm);background:var(--surface-high);color:var(--on-surface-base-subtle);padding:2px 8px;font-weight:500}.history-detail-estado.estado-activo{background:var(--success-muted);color:var(--ok)}.history-detail-estado.estado-handoff{background:var(--warning-muted);color:var(--wrn)}.history-detail-estado.estado-error,.history-detail-estado.estado-bloqueado{background:var(--danger-muted);color:var(--err)}.history-thread{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.history-thread-empty{height:100%;color:var(--on-surface-base-disabled);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:12px;display:flex}.history-day-separator{color:var(--on-surface-base-disabled);text-transform:capitalize;align-items:center;gap:8px;margin:8px 0;font-size:11px;font-weight:500;display:flex}.history-day-separator:before,.history-day-separator:after{content:"";background:var(--surface-tint-base);flex:1;height:1px}.history-msg{display:flex}.history-msg-user{justify-content:flex-end}.history-msg-assistant{justify-content:flex-start}.history-msg-bubble{border-radius:var(--radius-md);border:1px solid var(--surface-tint-base);background:var(--surface-high);max-width:85%;box-shadow:var(--shadow-sm);padding:8px 10px}.history-msg-user .history-msg-bubble{background:var(--primary-muted);border-color:var(--primary)}.history-msg-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;display:flex}.history-msg-rol{text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-base-subtle);align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.history-msg-time{color:var(--on-surface-base-disabled);flex-shrink:0;font-size:10px}.history-msg-body{color:var(--on-surface-base);white-space:pre-wrap;word-break:break-word;margin:0;font-size:13px;line-height:1.45}.history-msg-tipo{border-radius:var(--radius-sm);background:var(--info-muted);color:var(--info);margin-top:6px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.history-msg-system,.history-msg-tool{border-left:2px solid var(--surface-tint-strong);color:var(--on-surface-base-subtle);align-items:baseline;gap:6px;padding:4px 8px;font-size:11px}.history-msg-system-label{text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex}.history-msg-system-body{white-space:pre-wrap;word-break:break-word;flex:1;min-width:0}.whatsapp-pill-button{font:inherit;cursor:pointer;background:0 0}.whatsapp-pill-button:hover{border-color:var(--err)}.whatsapp-pill-button:focus-visible{outline:2px solid var(--err);outline-offset:2px}.qr-modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.qr-modal{background:var(--surface-high);border:1px solid var(--surface-tint-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-window);width:100%;max-width:340px;color:var(--on-surface-base);flex-direction:column;display:flex}.qr-modal:focus{outline:none}.qr-modal-header{border-bottom:1px solid var(--surface-tint-base);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.qr-modal-title{margin:0;font-size:.95rem;font-weight:600}.qr-modal-body{flex-direction:column;align-items:center;gap:.75rem;padding:1rem;display:flex}.qr-modal-image{border-radius:var(--radius-md);border:1px solid var(--surface-tint-base);background:#fff;width:240px;height:240px}.qr-modal-message{color:var(--on-surface-base-subtle);text-align:center;margin:0;font-size:.8rem}.qr-modal-error{color:var(--err)}.qr-modal-warning{color:var(--wrn)}.qr-modal-footer{flex-direction:column;align-items:center;gap:.5rem;padding:0 1rem 1rem;display:flex}.qr-modal-verify{align-items:center;gap:.4rem;display:inline-flex}.qr-modal-verify:disabled{opacity:.6;cursor:wait}.qr-modal-spin{animation:1s linear infinite qr-modal-rotate}@keyframes qr-modal-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.qr-modal-spin{animation:none}}.eventos-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.eventos-list{flex:1;overflow-y:auto}.evento-item{border-bottom:1px solid var(--surface-tint-mild);gap:12px;padding:12px;transition:background-color .15s;display:flex}.evento-item:hover{background:var(--surface-low)}.evento-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.evento-item.accent .evento-icon{background:var(--info-muted);color:var(--info)}.evento-item.success .evento-icon{background:var(--success-muted);color:var(--ok)}.evento-item.warning .evento-icon{background:var(--warning-muted);color:var(--wrn)}.evento-item.error .evento-icon{background:var(--danger-muted);color:var(--err)}.evento-item.muted .evento-icon{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle)}.evento-content{flex:1;min-width:0}.evento-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.evento-tipo{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-base);font-size:11px;font-weight:600}.evento-telefono{font-family:var(--font-mono);color:var(--on-surface-base-subtle);font-size:11px}.evento-mensaje{color:var(--on-surface-base-subtle);word-break:break-word;font-size:12px}.evento-fecha{color:var(--on-surface-base-disabled);margin-top:4px;font-size:11px}.proc-feed{flex:1;min-height:0;overflow-y:auto}.proc-item{border-bottom:1px solid var(--surface-tint-mild);gap:10px;padding:10px 12px;transition:background-color .15s;display:flex}.proc-item:hover{background:var(--surface-low)}.proc-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.proc-item.info .proc-icon{background:var(--info-muted);color:var(--info)}.proc-item.accent .proc-icon{background:var(--primary-muted);color:var(--ink-primary)}.proc-item.success .proc-icon{background:var(--success-muted);color:var(--ok)}.proc-item.warning .proc-icon{background:var(--warning-muted);color:var(--wrn)}.proc-item.error .proc-icon{background:var(--danger-muted);color:var(--err)}.proc-item.muted .proc-icon{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle)}.proc-body{flex:1;min-width:0}.proc-title-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.proc-label{color:var(--on-surface-base);font-size:12px;font-weight:600}.proc-badge{letter-spacing:.02em;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600}.proc-badge-agente{background:var(--primary-muted);color:var(--ink-primary)}.proc-badge-tool{background:var(--info-muted);color:var(--info);font-family:var(--font-mono)}.proc-mensaje{color:var(--on-surface-base-subtle);word-break:break-word;margin-top:2px;font-size:12px}.proc-meta{color:var(--on-surface-base-disabled);align-items:center;gap:8px;margin-top:4px;font-size:11px;display:flex}.proc-telefono{font-family:var(--font-mono)}.proc-duracion{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.debug-footer{--surface-low:#0c0c0e;--surface-base:#121214;--surface-high:#1a1a1d;--surface-tint-base:#ffffff14;--surface-tint-mild:#ffffff0d;--surface-tint-strong:#ffffff29;--on-surface-base:#f1f1f5;--on-surface-base-subtle:#a6a6b0;--on-surface-base-disabled:#6e6e78;--ink-primary:#b57fe6;--primary:#9f5fd1;--primary-hover:#b57fe6;--primary-muted:#9f5fd11f;--danger-muted:#ff4d6d1f;--success-muted:#4ade801a;--warning-muted:#fbbf241a;--info-muted:#60a5fa1a}.conversaciones-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.conversaciones-list{flex-direction:column;flex:1;gap:8px;padding:10px 12px;display:flex;overflow-y:auto}.conversaciones-empty{height:100%;color:var(--on-surface-base-disabled);justify-content:center;align-items:center;font-size:12px;display:flex}.conversacion-card{background:var(--surface-high);border:1px solid var(--surface-tint-base);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:8px;padding:10px 12px;transition:border-color .15s,background-color .15s;display:flex}.conversacion-card:hover{border-color:var(--surface-tint-strong)}.conversacion-card:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.conversacion-card.selected{border-color:var(--primary);background:var(--primary-muted)}.conversacion-header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.conversacion-user{align-items:center;gap:10px;min-width:0;display:flex}.conversacion-avatar{background:var(--primary-muted);width:32px;height:32px;color:var(--ink-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.conversacion-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.conversacion-name{color:var(--on-surface-base);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.conversacion-telefono{font-family:var(--font-mono);color:var(--on-surface-base-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.conversacion-estado{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:600}.conversacion-estado.activo{background:var(--success-muted);color:var(--ok)}.conversacion-estado.handoff{background:var(--warning-muted);color:var(--wrn)}.conversacion-estado.error,.conversacion-estado.bloqueado{background:var(--danger-muted);color:var(--err)}.conversacion-body{flex-direction:column;gap:6px;min-width:0;display:flex}.conversacion-mensaje{color:var(--on-surface-base-subtle);align-items:flex-start;gap:6px;min-width:0;font-size:12px;display:flex}.conversacion-mensaje svg{flex-shrink:0;margin-top:1px}.conversacion-texto{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.conversacion-meta{color:var(--on-surface-base-disabled);align-items:center;gap:12px;font-size:11px;display:flex}.conversacion-meta-item{font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.eventos-panel{border-left:1px solid var(--surface-tint-base);background:var(--surface-base)}.history-pr{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.history-status{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle);border-radius:999px;flex-shrink:0}.history-status.status-usuario_no_registrado{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle)}.history-status.status-usuario_identificado,.history-status.status-cotizando,.history-status.status-pagando{background:var(--info-muted);color:var(--info)}.history-status.status-mensaje_ignorado_bloqueado{background:var(--danger-muted);color:var(--err)}.history-meta{flex-wrap:wrap;align-items:center}.flow-graph{flex:1;min-height:360px;position:relative;overflow:hidden}.flow-graph-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-edge{stroke:var(--surface-tint-strong);stroke-width:1.5px;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.flow-edge.active{stroke-width:2px;stroke-dasharray:none}.flow-edge.active.ok{stroke:var(--ok)}.flow-edge.active.err{stroke:var(--err)}.flow-edge.active.wrn{stroke:var(--wrn)}.flow-arrow-head{fill:var(--surface-tint-strong)}.flow-node{background:var(--surface-high);border:1px solid var(--surface-tint-base);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:6px;min-width:0;padding:4px 10px 4px 4px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.flow-node-icon{border-radius:var(--radius-sm);background:var(--surface-tint-mild);width:24px;height:24px;color:var(--on-surface-base-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.flow-node.ok .flow-node-icon{background:var(--success-muted);color:var(--ok)}.flow-node.err .flow-node-icon{background:var(--danger-muted);color:var(--err)}.flow-node.wrn .flow-node-icon{background:var(--warning-muted);color:var(--wrn)}.flow-node.ok{border-color:var(--ok);box-shadow:0 0 0 3px var(--success-muted)}.flow-node.err{border-color:var(--err);box-shadow:0 0 0 3px var(--danger-muted)}.flow-node.wrn{border-color:var(--wrn);box-shadow:0 0 0 3px var(--warning-muted)}.flow-node-text{min-width:0;line-height:1.15}.flow-node-label{color:var(--on-surface-base);white-space:nowrap;font-size:12px;font-weight:600}.flow-node-caption{color:var(--on-surface-base-subtle);font-size:10px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.flow-graph-legend{color:var(--on-surface-base-subtle);gap:10px;font-size:10px;display:flex;position:absolute;bottom:8px;left:10px}.flow-graph-legend>span{align-items:center;gap:4px;display:inline-flex}.legend-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.legend-dot.ok{background:var(--ok)}.legend-dot.err{background:var(--err)}.legend-dot.wrn{background:var(--wrn)}.legend-dot.idle{background:var(--on-surface-base-disabled)}@media (prefers-reduced-motion:no-preference){.flow-node.ok{animation:1.6s ease-out infinite flow-node-pulse}@keyframes flow-node-pulse{0%{box-shadow:0 0 0 2px var(--success-muted)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 0 2px var(--success-muted)}}}.insights-panel{flex-direction:column;min-height:0;display:flex;overflow:hidden}.insights-empty{height:100%;color:var(--on-surface-base-disabled);justify-content:center;align-items:center;font-size:12px;display:flex}.insights-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;padding:10px 12px;display:grid}.insight-item{background:var(--surface-high);border:1px solid var(--surface-tint-base);border-radius:var(--radius-md);flex-direction:column;gap:2px;min-width:0;padding:8px 10px;display:flex}.insight-label{text-transform:uppercase;letter-spacing:.06em;color:var(--on-surface-base-subtle);align-items:center;gap:5px;font-size:10px;font-weight:600;display:flex}.insight-value{color:var(--on-surface-base);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.insight-sub{color:var(--on-surface-base-disabled);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.insights-ultimos{flex-direction:column;gap:4px;padding:0 12px 10px;display:flex;overflow-y:auto}.insight-mensaje{align-items:baseline;gap:8px;min-width:0;font-size:12px;display:flex}.insight-mensaje-label{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-base-disabled);flex-shrink:0;min-width:105px;font-size:10px;font-weight:600}.insight-mensaje-texto{color:var(--on-surface-base-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.debug-entrada{border-bottom:1px solid var(--surface-tint-mild);padding:5px 0}.debug-entrada:last-child{border-bottom:none}.debug-entrada-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.debug-icono{color:var(--on-surface-base-subtle);display:inline-flex}.debug-entrada.nivel-ok .debug-icono{color:var(--ok)}.debug-entrada.nivel-err .debug-icono{color:var(--err)}.debug-entrada.nivel-wrn .debug-icono{color:var(--wrn)}.debug-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:600}.debug-badge.agente{background:var(--primary-muted);color:var(--ink-primary)}.debug-badge.tool{background:var(--info-muted);color:var(--info);font-family:var(--font-mono)}.debug-badge.servicio{background:var(--surface-tint-mild);color:var(--on-surface-base-subtle)}.debug-duracion{font-family:var(--font-mono);color:var(--on-surface-base-disabled);font-variant-numeric:tabular-nums;margin-left:auto;font-size:10px}.debug-linea{color:var(--on-surface-base);word-break:break-word;white-space:pre-wrap;padding-left:26px}.debug-linea.dim{color:var(--on-surface-base-disabled)}.debug-linea.mono{font-family:var(--font-mono);font-size:10px}.debug-linea.error-text,.debug-entrada.nivel-err .debug-entrada-head .debug-time{color:var(--err)}.debug-entrada.nivel-wrn .debug-entrada-head .debug-time{color:var(--wrn)}.history-context{background:var(--primary-muted);border:1px solid var(--surface-tint-base);border-radius:var(--radius-md);flex-shrink:0;margin:.5rem .75rem;padding:.6rem .75rem}.history-context-title{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-primary);margin-bottom:.4rem;font-size:10px;font-weight:700}.history-context-grid{grid-template-columns:auto 1fr;gap:.25rem .75rem;margin:0;font-size:12px;display:grid}.history-context-grid dt{color:var(--on-surface-base-subtle);white-space:nowrap;font-weight:600}.history-context-grid dd{color:var(--on-surface-base);word-break:break-word;min-width:0;margin:0}.history-context-grid dd.mono{font-family:var(--font-mono)}.debug-pasos{border-left:2px solid var(--surface-tint-strong);flex-direction:column;gap:2px;margin:2px 0 4px;padding-left:26px;display:flex}.debug-paso{align-items:flex-start;gap:6px;padding-left:6px;display:flex}.debug-paso-icono{color:var(--on-surface-base-disabled);flex-shrink:0;margin-top:2px;display:inline-flex}.debug-paso.paso-llamada .debug-paso-icono{color:var(--info)}.debug-paso.paso-resultado .debug-paso-icono{color:var(--ok)}.debug-paso-contenido{color:var(--on-surface-base-subtle);word-break:break-word;white-space:pre-wrap;min-width:0}.debug-paso-contenido.mono,.debug-paso-contenido .mono{font-family:var(--font-mono);font-size:10px}.debug-paso-contenido .dim{color:var(--on-surface-base-disabled)}.right-sidebar{border-left:1px solid var(--surface-tint-base);background:var(--surface-base);flex-direction:column;flex-shrink:0;width:340px;display:flex;overflow:hidden}.contexto-panel{border-bottom:1px solid var(--surface-tint-base);flex-direction:column;flex-shrink:0;max-height:45%;display:flex;overflow-y:auto}.contexto-panel-grid{padding:.5rem .75rem .75rem}.chat-preview-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-preview-list{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.chat-preview-msg{display:flex}.chat-preview-msg.user{justify-content:flex-end}.chat-preview-msg.assistant{justify-content:flex-start}.chat-preview-bubble{border-radius:var(--radius-md);word-break:break-word;white-space:pre-wrap;max-width:88%;padding:6px 10px;font-size:12px;line-height:1.35}.chat-preview-msg.user .chat-preview-bubble{background:var(--primary-muted);border:1px solid var(--primary);color:var(--on-surface-base)}.chat-preview-msg.assistant .chat-preview-bubble{background:var(--surface-high);border:1px solid var(--surface-tint-base);color:var(--on-surface-base)}.chat-preview-rol{color:var(--on-surface-base-disabled);align-items:center;gap:4px;margin-bottom:2px;font-size:10px;display:inline-flex}.chat-preview-text{display:block}.chat-preview-media{border-radius:8px;max-width:220px;margin:4px 0;display:block;overflow:hidden}.chat-preview-media img{-o-object-fit:contain;object-fit:contain;background:var(--surface-low);width:100%;max-height:180px;display:block}.chat-preview-media.sticker{background:0 0;max-width:120px}.chat-preview-media.sticker img{background:0 0;max-height:120px}.chat-preview-audio{width:220px;max-width:100%;height:32px;margin:4px 0;display:block}.chat-preview-file{background:var(--surface-low);color:inherit;border-radius:8px;align-items:center;gap:6px;margin:4px 0;padding:6px 8px;font-size:11px;text-decoration:none;display:inline-flex}.chat-preview-file:hover{text-decoration:underline}.chat-preview-placeholder{color:var(--on-surface-base-disabled);font-size:11px;font-style:italic}.chat-preview-sistema{color:var(--on-surface-base-disabled);align-items:center;gap:6px;padding:2px 6px;font-size:10px;display:flex}.chat-preview-sistema span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.chat-preview-sistema time{font-variant-numeric:tabular-nums;flex-shrink:0}
