:root{--bg-primary: #0f1117;--bg-secondary: #1a1d27;--bg-card: #21242f;--bg-input: #2a2d3a;--border: #2e3141;--text-primary: #e8eaed;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-yellow: #f59e0b;--accent-red: #ef4444;--accent-teal: #14b8a6;--accent-lime: #84cc16}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow:hidden;height:100vh}#root{height:100vh}.training-app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0}.app-header h1{font-size:16px;font-weight:600;color:var(--text-primary)}.header-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;background:var(--accent-blue);color:#fff;text-transform:uppercase;letter-spacing:.5px}.header-badge.scorecard-badge{background:var(--accent-teal)}.header-right{display:flex;align-items:center;gap:12px}.live-indicator{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.live-indicator:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.live-indicator.connected{color:var(--accent-green)}.live-indicator.connected:before{background:var(--accent-green);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-main{flex:1;overflow-y:auto;padding:24px}.app-main.centered{display:flex;align-items:center;justify-content:center}.voice-selector{max-width:640px;width:100%}.voice-selector-header{text-align:center;margin-bottom:24px}.voice-selector-header h2{font-size:24px;margin-bottom:8px}.subtitle{color:var(--text-secondary);font-size:14px}.customer-grid{display:flex;gap:20px;justify-content:center}.customer-card{display:flex;flex-direction:column;align-items:center;padding:20px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s;width:200px}.customer-card:hover{border-color:var(--accent-teal);transform:translateY(-2px)}.customer-avatar-preview{width:140px;height:160px;border-radius:8px;overflow:hidden;background:var(--bg-secondary);margin-bottom:12px;position:relative}.customer-preview-img{width:100%;height:100%;object-fit:contain}.customer-preview-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px}.customer-preview-img+.customer-preview-fallback{display:none}.customer-preview-img[style*="display: none"]+.customer-preview-fallback{display:flex}.customer-info{display:flex;flex-direction:column;align-items:center;gap:8px}.customer-name{font-size:18px;font-weight:600}.btn-preview-voice{padding:5px 12px;border-radius:4px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .15s}.btn-preview-voice:hover{border-color:var(--accent-blue);color:var(--text-primary)}.scenario-brief{max-width:860px;width:100%}.brief-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.brief-header h2{font-size:22px}.scenario-tag{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--bg-input);color:var(--accent-yellow);text-transform:uppercase}.brief-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:24px;margin-bottom:20px}.brief-card h3{font-size:18px;margin-bottom:16px}.brief-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.brief-assessment{border-top:1px solid var(--border);padding-top:16px}.brief-summary{color:var(--text-secondary);font-size:14px;margin-bottom:20px}.brief-section{margin-bottom:20px}.brief-section h4{font-size:13px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.brief-section p{font-size:14px;color:var(--text-secondary)}.criteria-list{list-style:none;padding:0}.criteria-list li{font-size:14px;color:var(--text-secondary);position:relative;padding:6px 0 6px 16px}.criteria-list li:before{content:"—";position:absolute;left:0;color:var(--accent-teal)}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chip{padding:5px 12px;border-radius:20px;background:var(--bg-input);border:1px solid var(--border);font-size:12px;color:var(--text-primary)}.chip-weight{color:var(--text-muted)}.brief-controls{display:flex;align-items:center;justify-content:space-between}.coaching-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary);cursor:pointer}.coaching-toggle input{accent-color:var(--accent-teal);width:16px;height:16px}.btn-start-call{padding:10px 28px;border-radius:6px;border:none;background:var(--accent-teal);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn-start-call:hover{opacity:.9}.command-center{flex:1;display:grid;grid-template-columns:300px 1fr 300px;gap:1px;background:var(--border);overflow:hidden}.panel{background:var(--bg-primary);padding:16px;overflow-y:auto}.customer-panel{display:flex;flex-direction:column;gap:12px}.avatar-frame{flex:1;display:flex;flex-direction:column}.avatar-container{position:relative;background:var(--bg-secondary);border-radius:10px;overflow:visible;height:0;padding-bottom:75%}.avatar-container .avatar-image{border-radius:10px}.avatar-image{width:100%;height:100%;object-fit:contain;position:absolute;top:0;left:0;z-index:3;transition:opacity .4s ease}.avatar-image+.avatar-fallback{display:none}.avatar-image[style*="display: none"]+.avatar-fallback{display:flex}.avatar-border-glow{position:absolute;inset:0;border-radius:10px;z-index:0;pointer-events:none;animation:borderGlow 1.5s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.talk-waveform{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:40px;margin-top:8px;padding:4px 0}.wave-bar{width:5px;min-height:3px;border-radius:3px;opacity:.9}.avatar-fallback{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-circle{width:120px;height:120px;border-radius:50%;background:var(--bg-card);border:3px solid var(--border);display:flex;align-items:center;justify-content:center;transition:border-color .3s}.avatar-circle.talking{border-color:var(--accent-teal);animation:talkPulse .8s infinite}.avatar-circle.listening{border-color:var(--accent-blue)}.avatar-circle.thinking,.avatar-circle.frustrated{border-color:var(--accent-yellow)}.avatar-circle.escalating{border-color:var(--accent-red)}@keyframes talkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.avatar-icon{font-size:48px}.avatar-state-badge{text-align:center;padding:6px;font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);margin-top:8px}.avatar-state-badge.talking{color:var(--accent-teal)}.avatar-state-badge.listening{color:var(--accent-blue)}.customer-state-indicator{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-card);border-radius:8px;border:1px solid var(--border);border-left:3px solid}.state-icon{font-size:18px}.state-label{font-size:13px;font-weight:600}.conversation-panel{display:flex;flex-direction:column}.timeline-header{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.timeline-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.timeline-entry{padding:10px 14px;border-radius:8px;font-size:14px}.timeline-entry.customer{background:var(--bg-card);border-left:3px solid var(--accent-yellow)}.timeline-entry.trainee{background:var(--bg-secondary);border-left:3px solid var(--accent-blue)}.timeline-entry.coach{background:#14b8a61a;border-left:3px solid var(--accent-teal);font-style:italic}.timeline-entry.streaming{opacity:.7}.entry-role{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.timeline-entry.customer .entry-role{color:var(--accent-yellow)}.timeline-entry.trainee .entry-role{color:var(--accent-blue)}.timeline-entry.coach .entry-role{color:var(--accent-teal)}.entry-text{color:var(--text-primary);line-height:1.5}.guidance-panel{display:flex;flex-direction:column;gap:16px}.whisper-header,.snapshot-header{font-size:14px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.whisper-subtitle,.snapshot-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:12px}.whisper-disabled,.whisper-idle{padding:12px;background:var(--bg-card);border-radius:8px;font-size:13px;color:var(--text-muted);text-align:center}.whisper-list{display:flex;flex-direction:column;gap:8px}.whisper-card{padding:10px 14px;border-radius:8px;border:1px solid}.whisper-card.severity-positive{background:#22c55e14;border-color:#22c55e40}.whisper-card.severity-suggestion{background:#14b8a614;border-color:#14b8a640}.whisper-card.severity-warning{background:#ef444414;border-color:#ef444440}.whisper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.whisper-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-teal)}.whisper-severity{font-size:9px;font-weight:700;text-transform:uppercase;padding:1px 6px;border-radius:3px}.whisper-severity.positive{background:#22c55e33;color:#22c55e}.whisper-severity.suggestion{background:#14b8a633;color:#14b8a6}.whisper-severity.warning{background:#ef444433;color:#ef4444}.whisper-text{font-size:13px;color:var(--text-primary)}.score-bars{display:flex;flex-direction:column;gap:10px}.score-row{display:flex;align-items:center;gap:8px}.score-label{font-size:11px;color:var(--text-secondary);width:90px;flex-shrink:0}.score-bar-track{flex:1;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.score-value{font-size:12px;color:var(--text-muted);width:28px;text-align:right}.supervisor-bar{display:flex;align-items:center;gap:24px;padding:8px 24px;background:var(--bg-secondary);border-top:1px solid var(--border);font-size:12px;flex-shrink:0}.supervisor-item{display:flex;align-items:center;gap:6px}.supervisor-label{color:var(--text-muted)}.supervisor-value{color:var(--text-primary);font-weight:500}.state-badge{font-weight:600}.mode-coached{color:var(--accent-teal)}.mode-solo{color:var(--accent-yellow)}.input-bar{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.btn-mic{width:42px;height:42px;border-radius:50%;border:2px solid var(--border);background:var(--bg-card);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-mic:hover{border-color:var(--accent-blue)}.btn-mic.recording{border-color:var(--accent-red);background:#ef444426;animation:pulse 1.5s infinite}.text-input{flex:1;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none}.text-input:focus{border-color:var(--accent-blue)}.text-input::placeholder{color:var(--text-muted)}.btn-send{padding:10px 20px;border-radius:6px;border:none;background:var(--accent-blue);color:#fff;font-size:13px;font-weight:600;cursor:pointer}.btn-send:disabled{opacity:.4;cursor:default}.btn-end-call{padding:10px 20px;border-radius:6px;border:1px solid var(--accent-red);background:transparent;color:var(--accent-red);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.btn-end-call:hover{background:#ef44441a}.scorecard{max-width:1100px;margin:0 auto}.scorecard-header{margin-bottom:24px}.scorecard-header h2{font-size:24px;margin-bottom:4px}.scorecard-subtitle{color:var(--text-muted);font-size:14px}.scorecard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.scorecard-section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}.scorecard-section h3{font-size:15px;font-weight:600;margin-bottom:4px}.section-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:16px}.outcome-summary{text-align:center}.outcome-badge{display:inline-block;padding:4px 16px;border:2px solid;border-radius:20px;margin:12px 0}.outcome-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.composite-score{margin:8px 0}.score-big{font-size:48px;font-weight:800}.score-max{font-size:20px;color:var(--text-muted)}.outcome-desc{font-size:13px;color:var(--text-secondary)}.critical-fails{margin-top:12px}.critical-label{display:block;font-size:11px;color:var(--accent-red);font-weight:600;margin-bottom:4px}.critical-item{display:block;font-size:12px;color:var(--text-secondary)}.breakdown-row{display:flex;align-items:center;gap:8px;margin-bottom:10px}.breakdown-label{font-size:12px;color:var(--text-secondary);width:120px;flex-shrink:0}.breakdown-bar-track{flex:1;height:8px;background:var(--bg-input);border-radius:4px;overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.breakdown-value{font-size:13px;font-weight:600;width:30px;text-align:right}.emotion-arc{position:relative;height:140px;margin:16px 0;border-left:1px solid var(--border);border-bottom:1px solid var(--border)}.arc-point{position:absolute;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px}.arc-dot{width:10px;height:10px;border-radius:50%}.arc-label{font-size:9px;color:var(--text-muted);white-space:nowrap}.summary-columns{display:flex;gap:16px;margin-bottom:16px}.summary-col{flex:1}.summary-col h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;margin-bottom:6px}.summary-strength{font-size:13px;color:var(--accent-green);margin-bottom:4px}.summary-gap{font-size:13px;color:var(--accent-yellow);margin-bottom:4px}.next-target{margin-bottom:12px}.next-target h4{font-size:12px;color:var(--text-muted);text-transform:uppercase;margin-bottom:4px}.next-target p{font-size:13px;color:var(--accent-blue)}.manager-narrative{padding:12px;background:var(--bg-input);border-radius:8px}.manager-narrative p{font-size:13px;color:var(--text-secondary);line-height:1.6}.follow-up-actions{display:flex;flex-direction:column;gap:8px}.btn-action{display:flex;flex-direction:column;align-items:flex-start;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;transition:border-color .15s;color:var(--text-primary)}.btn-action:hover:not(:disabled){border-color:var(--accent-teal)}.btn-action:disabled{opacity:.5;cursor:default}.action-label{font-size:13px;font-weight:600}.action-desc{font-size:11px;color:var(--text-muted);margin-top:2px}.btn-action.replay{border-left:3px solid var(--accent-teal)}.btn-action.note{border-left:3px solid var(--accent-blue)}@media(max-width:1024px){.command-center{grid-template-columns:1fr 1fr}.customer-panel{display:none}.scorecard-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.command-center{grid-template-columns:1fr}.guidance-panel{display:none}.scorecard-grid{grid-template-columns:1fr}.customer-grid{flex-direction:column;align-items:center}.brief-columns{grid-template-columns:1fr}}.prompt-debug{height:100vh;display:flex;flex-direction:column}.debug-content{flex:1;overflow-y:auto;padding:24px;max-width:900px;margin:0 auto;width:100%}.debug-section{margin-bottom:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px}.debug-section h2{font-size:16px;margin-bottom:8px;color:var(--accent-teal)}.debug-note{font-size:13px;color:var(--text-muted);margin-bottom:12px}.debug-note code{background:var(--bg-input);padding:1px 5px;border-radius:3px;font-size:12px;color:var(--accent-blue)}.debug-prompt{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:16px;font-family:Cascadia Code,Fira Code,monospace;font-size:12px;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:500px;overflow-y:auto}.debug-controls{display:flex;gap:20px;align-items:center}.debug-controls label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.debug-controls select,.debug-controls input{padding:6px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:13px}.debug-explainer{display:flex;gap:12px}.role-box{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:14px}.role-box h4{font-size:13px;color:var(--accent-blue);margin-bottom:6px;font-family:monospace}.role-box p{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.debug-flow{padding-left:20px;font-size:13px;color:var(--text-secondary);line-height:2}.debug-flow strong{color:var(--text-primary)}.state-machine{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.state-node{padding:10px 16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;text-align:center}.state-node.active{border-color:var(--accent-teal);background:#14b8a61a}.state-node strong{display:block;font-size:11px;color:var(--text-primary);text-transform:uppercase}.state-val{font-size:11px;color:var(--text-muted)}.monitor-app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.monitor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.monitor-filters{display:flex;gap:4px}.filter-btn{padding:4px 10px;border-radius:4px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .15s}.filter-btn:hover{border-color:var(--text-muted)}.filter-btn.active{background:var(--cat-color, var(--accent-blue));color:#fff;border-color:var(--cat-color, var(--accent-blue))}.monitor-actions{display:flex;align-items:center;gap:10px}.monitor-search{padding:5px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;width:180px;outline:none}.monitor-search:focus{border-color:var(--accent-blue)}.monitor-search::placeholder{color:var(--text-muted)}.autoscroll-toggle{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);cursor:pointer}.autoscroll-toggle input{accent-color:var(--accent-teal)}.btn-clear-log{padding:4px 10px;border-radius:4px;border:1px solid var(--accent-red);background:transparent;color:var(--accent-red);font-size:11px;cursor:pointer}.btn-clear-log:hover{background:#ef44441a}.monitor-count{font-size:11px;color:var(--text-muted);margin-right:8px}.monitor-log{flex:1;overflow-y:auto;padding:4px 0;font-family:Cascadia Code,Fira Code,SF Mono,monospace}.monitor-empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-family:sans-serif}.monitor-empty p{margin-bottom:8px;font-size:14px}.monitor-tip{font-size:12px;color:var(--text-muted)}.monitor-entry{padding:3px 16px;border-bottom:1px solid rgba(46,49,65,.5);transition:background .1s}.monitor-entry:hover{background:#ffffff05}.monitor-entry.expanded{background:var(--bg-card)}.entry-header{display:flex;align-items:center;gap:8px;min-height:24px}.entry-time{font-size:10px;color:var(--text-muted);width:85px;flex-shrink:0}.entry-category{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;color:#fff;width:22px;text-align:center;flex-shrink:0}.entry-action{font-size:12px;color:var(--text-primary);font-weight:600;flex-shrink:0}.entry-preview{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.entry-expand-icon{font-size:9px;color:var(--text-muted);flex-shrink:0;width:12px}.entry-data{margin:4px 0 4px 115px;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;font-size:11px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto}.monitor-toggle{position:fixed;bottom:0;right:20px;display:flex;align-items:center;gap:6px;padding:4px 14px;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;z-index:1000;font-family:monospace}.monitor-toggle:hover{color:var(--text-primary);border-color:var(--accent-teal)}.monitor-toggle-icon{font-size:8px}.monitor-toggle-count{background:var(--accent-blue);color:#fff;padding:0 5px;border-radius:8px;font-size:9px;min-width:16px;text-align:center}.monitor-drawer{position:fixed;bottom:0;left:0;right:0;height:45vh;background:var(--bg-primary);border-top:2px solid var(--accent-teal);z-index:999;display:flex;flex-direction:column;font-family:Cascadia Code,Fira Code,SF Mono,monospace}.drawer-toolbar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;flex-wrap:wrap;gap:6px}.drawer-tabs{display:flex;gap:2px;margin-right:12px}.drawer-tab{padding:3px 10px;border-radius:4px 4px 0 0;border:1px solid var(--border);border-bottom:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer;font-family:monospace}.drawer-tab.active{background:var(--bg-primary);color:var(--accent-teal);border-color:var(--accent-teal)}.drawer-tab:hover{color:var(--text-primary)}.drawer-actions{display:flex;align-items:center;gap:4px}.drawer-filters{display:flex;gap:3px}.drawer-filter{padding:2px 8px;border-radius:3px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:10px;font-weight:600;text-transform:uppercase;cursor:pointer;font-family:monospace}.drawer-filter:hover{border-color:var(--text-muted)}.drawer-filter.active{background:var(--cat-color, var(--accent-blue));color:#fff;border-color:var(--cat-color, var(--accent-blue))}.drawer-copy,.drawer-save{padding:2px 8px;border-radius:3px;border:1px solid var(--accent-teal);background:transparent;color:var(--accent-teal);font-size:10px;cursor:pointer;font-family:monospace}.drawer-copy:hover,.drawer-save:hover{background:#14b8a61a}.drawer-clear{padding:2px 8px;border-radius:3px;border:1px solid var(--accent-red);background:transparent;color:var(--accent-red);font-size:10px;cursor:pointer;font-family:monospace}.drawer-log{flex:1;overflow-y:auto;padding:2px 0}.drawer-empty{text-align:center;padding:30px;color:var(--text-muted);font-size:12px;font-family:sans-serif}.drawer-entry{padding:2px 12px;border-bottom:1px solid rgba(46,49,65,.3);cursor:pointer}.drawer-entry:hover{background:#ffffff05}.drawer-entry.expanded{background:var(--bg-card)}.drawer-entry-row{display:flex;align-items:center;gap:6px;min-height:20px}.de-time{font-size:9px;color:var(--text-muted);width:75px;flex-shrink:0}.de-cat{font-size:8px;font-weight:700;padding:0 4px;border-radius:2px;color:#fff;flex-shrink:0;text-align:center}.de-action{font-size:11px;color:var(--text-primary);font-weight:600;flex-shrink:0}.de-preview{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.de-expand{font-size:8px;color:var(--text-muted);flex-shrink:0}.de-data{margin:3px 0 3px 85px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:3px;font-size:10px;color:var(--text-secondary);line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.drawer-state{flex:1;overflow-y:auto;padding:12px}.state-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.state-card{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:8px 10px;text-align:center}.state-card-label{display:block;font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.state-card-value{display:block;font-size:13px;font-weight:700;color:var(--text-primary);font-family:monospace}.state-section-title{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:12px 0 6px}.state-transcript{max-height:180px;overflow-y:auto;background:var(--bg-card);border-radius:6px;padding:8px}.state-msg{padding:3px 0;font-size:11px;display:flex;gap:8px}.state-msg-role{font-weight:700;width:70px;flex-shrink:0;font-family:monospace}.state-msg.TRAINEE .state-msg-role{color:var(--accent-blue)}.state-msg.CUSTOMER .state-msg-role{color:var(--accent-yellow)}.state-msg.COACH .state-msg-role{color:var(--accent-teal)}.state-msg-text{color:var(--text-secondary)}.state-empty{font-size:11px;color:var(--text-muted);font-style:italic}.state-emotions{background:var(--bg-card);border-radius:6px;padding:8px}.state-emotion-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);padding:2px 0}.state-emotion-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.state-emotion-reason{color:var(--text-muted);font-style:italic}.state-errors{background:var(--bg-card);border-radius:6px;padding:8px}.state-error-row{font-size:11px;color:var(--accent-red);padding:2px 0}.drawer-prompt-tab{flex:1;overflow-y:auto;padding:12px}.prompt-section{margin-bottom:16px}.prompt-section h4{font-size:12px;color:var(--accent-teal);margin-bottom:4px}.prompt-note{font-size:10px;color:var(--text-muted);margin-bottom:6px}.prompt-content{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:10px;font-size:11px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto;font-family:Cascadia Code,Fira Code,monospace}.prompt-roles{display:flex;flex-direction:column;gap:6px}.prompt-role-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-card);border-radius:4px;font-size:11px}.prompt-role-label{font-weight:700;color:var(--accent-blue);font-family:monospace;min-width:160px}.prompt-role-arrow{color:var(--text-muted)}