.span-tree[data-v-bb3832c9]{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.span-tree__header[data-v-bb3832c9]{display:grid;grid-template-columns:1fr 100px 60px;padding:8px 12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border)}.span-row[data-v-bb3832c9]{display:grid;grid-template-columns:1fr 100px 60px;align-items:center;padding:6px 12px 6px 0;border-bottom:1px solid var(--border);font-size:.825rem;cursor:pointer;transition:background var(--transition)}.span-row[data-v-bb3832c9]:hover{background:var(--bg-hover)}.span-row--selected[data-v-bb3832c9]{background:var(--accent-dim);border-left:2px solid var(--accent)}.span-row__name[data-v-bb3832c9]{display:flex;align-items:center;gap:6px;min-width:0}.span-row__toggle[data-v-bb3832c9]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;padding:0;width:16px;flex-shrink:0}.span-row__dot[data-v-bb3832c9]{width:16px;text-align:center;color:var(--text-muted);flex-shrink:0}.span-row__icon[data-v-bb3832c9]{font-size:.6rem;font-weight:700;flex-shrink:0;width:22px;height:18px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-hover);color:var(--text-secondary);border-radius:3px;letter-spacing:-.02em;font-family:var(--font-mono)}.span-row__label[data-v-bb3832c9]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.span-row__tag[data-v-bb3832c9]{font-size:.65rem;color:var(--accent);background:var(--accent-dim);padding:1px 6px;border-radius:4px;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em;font-weight:600}.span-row__model[data-v-bb3832c9]{font-size:.7rem;color:var(--text-muted);background:var(--bg-hover);padding:1px 6px;border-radius:4px;flex-shrink:0}.span-row__agent-badge[data-v-bb3832c9]{font-size:.65rem;font-weight:600;color:#0369a1;background:#0369a114;padding:1px 7px;border-radius:4px;flex-shrink:0;border:1px solid rgba(3,105,161,.15)}.span-row__agent[data-v-bb3832c9]{font-size:.7rem;font-weight:600;color:#7c3aed;background:#7c3aed14;padding:1px 7px;border-radius:4px;flex-shrink:0}.span-row__svc[data-v-bb3832c9]{font-size:.7rem;color:var(--text-muted);background:var(--bg-hover);padding:1px 6px;border-radius:4px;flex-shrink:0}.span-row__duration[data-v-bb3832c9]{color:var(--text-secondary);font-size:.8rem}.span-status-dot[data-v-bb3832c9]{width:8px;height:8px;border-radius:50%;display:inline-block}.span-detail[data-v-bb3832c9]{border-top:2px solid var(--accent);background:var(--bg-secondary);padding:16px}.span-detail__header[data-v-bb3832c9]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.span-detail__icon[data-v-bb3832c9]{font-size:.65rem;font-weight:700;width:24px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);border-radius:4px;font-family:var(--font-mono)}.span-detail__title[data-v-bb3832c9]{font-weight:600;font-size:.95rem;flex:1}.span-detail__close[data-v-bb3832c9]{background:none;border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:2px 8px;border-radius:4px;font-size:.8rem}.span-detail__close[data-v-bb3832c9]:hover{background:var(--bg-hover);color:var(--text-primary)}.span-detail__meta[data-v-bb3832c9]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:10px 12px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border)}.span-detail__meta-item[data-v-bb3832c9]{display:flex;flex-direction:column;gap:2px}.span-detail__label[data-v-bb3832c9]{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.span-detail__section[data-v-bb3832c9]{margin-bottom:12px}.span-detail__section-title[data-v-bb3832c9]{font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.span-detail__value[data-v-bb3832c9]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;font-size:.8rem;font-family:SF Mono,Fira Code,monospace;color:var(--text-primary);white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;margin:0}.span-detail__attrs[data-v-bb3832c9]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px}.span-detail__attr-row[data-v-bb3832c9]{display:flex;gap:12px;padding:4px 0;border-bottom:1px solid var(--border);font-size:.8rem}.span-detail__attr-row[data-v-bb3832c9]:last-child{border-bottom:none}.span-detail__attr-key[data-v-bb3832c9]{color:var(--accent);min-width:180px;flex-shrink:0;font-weight:500}.span-detail__attr-val[data-v-bb3832c9]{color:var(--text-secondary);word-break:break-word}
