:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8f6;--ink:#151c18;--muted:#69736d;--line:#dde3dd;--line-strong:#c8d3cb;--surface:#fff;--surface-2:#f2f5f2;--accent:#006b63;--accent-soft:#e8f5f2;--accent-2:#d64215;--accent-2-soft:#fff0ea;--blue:#1f78d1;--purple:#6250b5;--danger:#c23b1b}*{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.58}.shell{grid-template-rows:auto minmax(0,1fr);gap:10px;height:100vh;min-height:0;padding:12px;display:grid;overflow:hidden}.topbar,.workspace{width:100%;max-width:1440px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:14px;min-height:42px;display:flex}.brandCluster{align-items:center;gap:12px;min-width:250px;display:flex}.brandMark{color:var(--accent)}h1,h2{letter-spacing:0;margin:0}h1{font-size:1.08rem;line-height:1.1}h2{font-size:1rem}.statusCluster{min-width:0;color:var(--muted);justify-content:flex-end;align-items:center;gap:8px;font-size:.82rem;font-weight:720;display:flex}.mode,.status,.stage,.sessionChip,.agentChip,.callTimer{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:5px 10px;display:inline-flex}.mode-live{background:var(--accent-soft);color:var(--accent);border-color:#c4e4dc}.mode-mock{color:var(--muted);background:#eef1ef}.stage-hot{background:var(--accent-2-soft);color:var(--accent-2);border-color:#f2d2c6}.callTimer{color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:0;padding-inline:4px;font-size:1rem;font-weight:850}.settingsIcon{color:var(--muted);flex:none}.pipelineBoard{grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;min-height:0;display:grid}.pipelineStrip{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;min-height:84px;padding:8px;box-shadow:0 1px 2px #17201a08}.pipelineStrip.active{border-color:#64b7ae;box-shadow:inset 0 0 0 1px #c4e4dc}.pipelineTitle{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;font-size:.78rem;font-weight:850;display:flex}.pipelineTitle>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;min-width:0;display:inline-flex;overflow:hidden}.pipelineStatusDot{background:#a8b1aa;border-radius:50%;width:7px;height:7px}.pipelineStrip.active .pipelineStatusDot{background:var(--accent)}.pipelineTitle strong{color:var(--muted);text-transform:uppercase;font-size:.66rem;font-weight:850}.pipelineSteps{align-items:stretch;gap:6px;min-width:0;max-width:100%;display:flex}.pipelineStepWrap{flex:1 1 0;align-items:center;min-width:0;display:flex}.pipelineStep{background:#fbfcfb;border:1px solid #0000;border-radius:7px;grid-template-columns:15px minmax(0,1fr);grid-template-areas:"dot label";align-items:center;column-gap:4px;width:100%;min-height:42px;padding:5px;display:grid;position:relative}.stepDot{background:var(--surface);border:1px solid #cfd7d0;border-radius:50%;grid-area:dot;place-items:center;width:14px;height:14px;display:grid}.stepDot:after{content:"";background:#a8b1aa;border-radius:50%;width:6px;height:6px}.stepLabel,.stepMetric{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stepLabel{grid-area:label;font-size:.6rem;font-weight:850}.stepMetric{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.56rem;position:absolute;bottom:3px;right:5px}.stepArrow{background:var(--accent);flex:none;width:10px;height:1px;margin-inline:1px}.stepArrow:after{content:"";border-top:1px solid var(--accent);border-right:1px solid var(--accent);width:6px;height:6px;margin:-3px 0 0 auto;display:block;transform:rotate(45deg)}.pipelineStep.done{background:var(--accent-soft);border-color:#c4e4dc}.pipelineStep.done .stepDot:after{background:var(--accent)}.pipelineStep.active{background:#fff0e7;border-color:#d64215;box-shadow:0 0 0 2px #d642152e,inset 0 0 0 1px #d6421514}.pipelineStep.active .stepLabel{color:#9f2f10}.pipelineStep.active .stepDot{background:#fff8f3;border-color:#d64215;box-shadow:0 0 0 5px #d642152e}.pipelineStep.active .stepDot:after{background:#d64215}.pipelineStep.error{background:#fff5f0;border-color:#efc2b3}.pipelineStep.error .stepDot:after{background:var(--danger)}.workspace{grid-template-columns:250px minmax(0,1fr) 280px;gap:10px;min-height:0;display:grid;overflow:hidden}.controlRail,.centerColumn,.conversationPane,.inspector{min-width:0;min-height:0}.controlRail,.conversationPane,.inspector{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 1px 2px #17201a08}.centerColumn{grid-template-rows:auto minmax(0,1fr);gap:10px;display:grid;overflow:hidden}.controlRail,.inspector{padding:12px;overflow:auto}.railSection,.inspectorSection{border-bottom:1px solid var(--line);margin-bottom:10px;padding-bottom:10px}.railSection:last-child,.inspectorSection:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.sectionLabel{color:var(--muted);letter-spacing:0;text-transform:none;align-items:center;gap:7px;margin:0 0 8px;font-size:.78rem;font-weight:850;display:flex}.sectionLabel span{color:var(--muted);font-weight:650}.sectionHeader{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sectionHeader .sectionLabel{min-width:0;margin:0}.ghostButton{border:1px solid var(--line-strong);background:var(--surface);min-height:28px;color:var(--ink);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:780;display:inline-flex}.ghostButton:not(:disabled):hover{background:var(--accent-soft);color:var(--accent);border-color:#8cbcb4}.stackPicker{gap:6px;display:grid}.stackSummary{background:var(--accent-soft);border:1px solid #c4e4dc;border-radius:8px;gap:5px;padding:10px;display:grid}.stackSummary strong{color:var(--accent);font-size:.86rem;line-height:1.2}.stackSummary span{color:var(--muted);font-size:.72rem;line-height:1.35}.scenarioSelector{gap:7px;display:grid}.scenarioOption{border:1px solid var(--line);width:100%;min-height:104px;color:var(--ink);text-align:left;background:#fbfcfb;border-radius:8px;gap:5px;padding:9px;display:grid}.scenarioOption.selected{background:var(--accent-soft);border-color:#64b7ae;box-shadow:inset 0 0 0 1px #c4e4dc}.scenarioTopline{min-width:0;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.7rem;font-weight:850;display:flex}.scenarioTopline span,.scenarioTopline strong,.scenarioName,.scenarioPurpose{text-overflow:ellipsis;min-width:0;overflow:hidden}.scenarioTopline strong{max-width:68%;color:var(--accent);white-space:nowrap;font-size:.6rem;font-weight:850}.scenarioName{color:var(--ink);font-size:.78rem;font-weight:850;line-height:1.25;display:block}.scenarioPurpose{color:var(--muted);font-size:.7rem;line-height:1.3;display:block}.stackPicker button,.secondaryButton,.summaryButton,.primary,.danger{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-weight:760;display:inline-flex}.stackPicker button{justify-content:flex-start}.stackPicker button.selected,.primary{background:var(--accent);border-color:var(--accent);color:#fff}.danger{color:#fff;background:linear-gradient(#df4b21,#c93a17);border-color:#b63418;width:100%}.secondaryButton,.summaryButton{width:100%;color:var(--ink);background:#fbfcfb;font-size:.78rem}.subtleText{color:var(--muted);margin:6px 0 0;font-size:.72rem}.selectCard{gap:5px;margin:0;display:grid}.selectCard>span,.labelWithIcon{color:var(--muted);align-items:center;gap:6px;font-size:.78rem;font-weight:750;display:inline-flex}label{color:var(--muted);gap:4px;margin-bottom:7px;font-size:.76rem;font-weight:720;display:grid}.audioSettings{gap:7px;margin-top:8px;display:grid}.rangeCard{min-width:0;margin:0;overflow:hidden}.rangeCard>span{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;font-weight:750;display:flex}.rangeCard strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:.76rem}input,select{border:1px solid var(--line);width:100%;min-height:34px;color:var(--ink);background:#fbfcfb;border-radius:8px;outline:none;padding:7px 9px}input[type=range]{min-height:24px;accent-color:var(--accent);padding:0}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #006b631a}.buttonRow{gap:8px;display:flex}.buttonRow .primary{width:100%}.roundControls{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.roundControls span{height:34px;color:var(--muted);background:#f0f3f0;border-radius:999px;place-items:center;display:grid}.errorBox{color:var(--danger);background:#fff5f0;border:1px solid #efc2b3;border-radius:8px;margin-top:10px;padding:8px;font-size:.78rem}.errorText{color:var(--danger);margin:7px 0 0;font-size:.72rem;line-height:1.35}.conversationPane{grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.paneHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:10px 14px;display:flex}.qualityLine{color:var(--muted);align-items:center;gap:8px;margin-top:5px;font-size:.72rem;display:flex}.qualityBadge{color:var(--accent);border:1px solid #9ed6c8;border-radius:5px;padding:1px 6px;font-weight:850}.transcriptMode{background:var(--accent-soft);min-height:32px;color:var(--accent);white-space:nowrap;border:1px solid #c4e4dc;border-radius:999px;align-items:center;gap:7px;padding:5px 10px;font-size:.78rem;font-weight:850;display:inline-flex}.callBody{min-height:0;display:grid;overflow:hidden}.transcript{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;gap:10px;height:100%;min-height:0;max-height:100%;padding:14px 18px;display:flex;overflow-y:auto}.turn{border:1px solid var(--line);background:#fbfcfb;border-radius:8px;max-width:88%;padding:9px 10px}.turn.agent{align-self:flex-start}.turn.buyer{background:#eff7ff;border-color:#c6ddf5;align-self:flex-end}.turnMeta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.72rem;font-weight:780;display:flex}.turn p{margin:5px 0 0;font-size:.88rem;line-height:1.38}.emptyState{border:1px dashed var(--line);height:100%;min-height:160px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;padding:16px;display:grid}.metric{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:5px 0;font-size:.8rem;display:flex}.metric span{color:var(--muted)}.metric strong{font-variant-numeric:tabular-nums;white-space:nowrap}.factTable{border:1px solid var(--line);border-radius:8px;overflow:hidden}.factRow{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;padding:5px 8px;font-size:.78rem;display:grid}.factRow:last-child{border-bottom:0}.factRow span{color:var(--muted)}.factRow strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:760;overflow:hidden}.factRow.filled{animation:1.2s ease-out factFlash}.traceList{border:1px solid var(--line);border-radius:8px;overflow:hidden}.traceRow{border-bottom:1px solid var(--line);gap:6px;padding:8px;font-size:.74rem;display:grid}.traceRow:last-child{border-bottom:0}.traceTopline,.traceMeta,.traceSlots,.traceFoot{align-items:center;gap:6px;min-width:0;display:flex}.traceTopline{justify-content:space-between}.traceTopline time,.traceMeta,.traceSlots,.traceFoot{color:var(--muted)}.traceMeta,.traceSlots,.traceFoot{flex-wrap:wrap}.traceMeta span,.traceSlots span,.traceFoot span{overflow-wrap:anywhere;min-width:0}.traceAction{border:1px solid var(--line);min-height:22px;color:var(--muted);background:#f0f3f0;border-radius:999px;align-items:center;padding:2px 7px;font-weight:850;display:inline-flex}.action-accept,.action-end{background:var(--accent-soft);color:var(--accent);border-color:#b8ddd5}.action-confirm{color:var(--purple);background:#f2eefc;border-color:#d7cdf0}.action-repair,.action-delegate{background:var(--accent-2-soft);color:var(--accent-2);border-color:#f0c4b2}.traceBuyer{color:var(--ink);overflow-wrap:anywhere;margin:0;line-height:1.35}.traceFacts{gap:4px;display:grid}.traceFacts span{border:1px solid var(--line);overflow-wrap:anywhere;min-width:0;color:var(--ink);background:#fbfcfb;border-radius:6px;padding:4px 6px;font-weight:720}.emptyTrace{border:1px dashed var(--line);min-height:48px;color:var(--muted);border-radius:8px;place-items:center;font-size:.78rem;display:grid}.outcome{margin:0;font-weight:750}@keyframes factFlash{0%{background:#fff6d8}to{background:0 0}}@media (max-width:1100px){html,body{overflow:auto}.shell{height:auto;min-height:100vh;overflow:visible}.statusCluster{flex-wrap:wrap}.pipelineBoard,.workspace{grid-template-columns:1fr}.workspace{overflow:visible}.conversationPane{min-height:680px}}@media (max-width:720px){.shell{padding:10px}.topbar{flex-direction:column;align-items:flex-start}.pipelineBoard{grid-template-columns:1fr}.pipelineSteps{overflow-x:auto}.pipelineStepWrap{min-width:130px}.sessionChip,.agentChip{display:none}}