.post-conversation-flow { gap: .62rem; }
.post-conversation-flow .audio-wave { width: 100%; justify-content: space-between; gap: .08rem; }
.post-conversation-flow .audio-wave i { flex: 1 1 auto; max-width: .18rem; }
.post-conversation-flow .audio-source { color: #c6cccf; font-size: .58rem; }
.post-conversation-flow .live-transcript { min-height: 5.1rem; }
.raw-label, .enhanced-label { margin: 0; }.enhanced-label { display: none; color: var(--teal); }
.raw-transcript, .enhanced-transcript { margin-top: .42rem; }.enhanced-transcript { display: none; }
.raw-transcript { position: relative; overflow: hidden; height: 3.4rem; }.raw-transcript::after { position: absolute; right: 0; bottom: 0; left: 0; height: 1rem; content: ""; background: linear-gradient(transparent, var(--surface)); }
.transcript-track { animation: transcript-scroll 8s linear infinite; }.raw-transcript p, .enhanced-transcript p { margin: 0 0 .44rem; color: #dce2e4; font-size: .59rem; line-height: 1.34; }.raw-transcript b { color: var(--violet); }.enhanced-transcript b { color: var(--teal); }
.post-conversation-flow .pipeline-stage { transition: border-color .35s ease, background .35s ease, transform .35s ease; }.post-conversation-flow .pipeline-stage::before { opacity: .08; transition: opacity .35s ease; }.post-conversation-flow[data-phase="insights"] .insights-stage, .post-conversation-flow[data-phase="question"] .questions-stage, .post-conversation-flow[data-phase="coaching"] .coaching-stage { border-color: rgba(0,212,180,.72); background: rgba(0,212,180,.09); transform: translateY(-.08rem); }.post-conversation-flow[data-phase="insights"] .insights-stage::before, .post-conversation-flow[data-phase="question"] .questions-stage::before, .post-conversation-flow[data-phase="coaching"] .coaching-stage::before { opacity: .58; }
.analysis-details { position: relative; z-index: 1; min-height: 4.25rem; }.analysis-panel { display: none; min-height: 4.25rem; padding: .62rem .7rem; border: 1px solid rgba(255,255,255,.1); border-radius: .72rem; background: rgba(255,255,255,.04); animation: panel-in .35s ease both; }.analysis-panel > p:not(.card-label) { margin: .4rem 0 0; color: #e4e8ea; font-size: .61rem; line-height: 1.3; }.audio-panel { display: block; }.post-conversation-flow[data-phase="transcribing"] .audio-panel, .post-conversation-flow[data-phase="enhancing"] .audio-panel, .post-conversation-flow[data-phase="insights"] .audio-panel, .post-conversation-flow[data-phase="question"] .audio-panel, .post-conversation-flow[data-phase="coaching"] .audio-panel { display: none; }.post-conversation-flow[data-phase="transcribing"] .transcript-panel, .post-conversation-flow[data-phase="enhancing"] .transcript-panel, .post-conversation-flow[data-phase="insights"] .insights-panel, .post-conversation-flow[data-phase="question"] .question-panel, .post-conversation-flow[data-phase="coaching"] .coaching-panel { display: block; }
.post-conversation-flow[data-phase="enhancing"] .raw-transcript { display: none; }.post-conversation-flow[data-phase="enhancing"] .enhanced-transcript { display: block; }.post-conversation-flow[data-phase="enhancing"] .raw-label { display: none; }.post-conversation-flow[data-phase="enhancing"] .enhanced-label { display: block; }
.post-conversation-flow[data-phase="insights"] .raw-transcript, .post-conversation-flow[data-phase="question"] .raw-transcript, .post-conversation-flow[data-phase="coaching"] .raw-transcript { display: none; }.post-conversation-flow[data-phase="insights"] .enhanced-transcript, .post-conversation-flow[data-phase="question"] .enhanced-transcript, .post-conversation-flow[data-phase="coaching"] .enhanced-transcript { display: block; }.post-conversation-flow[data-phase="insights"] .raw-label, .post-conversation-flow[data-phase="question"] .raw-label, .post-conversation-flow[data-phase="coaching"] .raw-label { display: none; }.post-conversation-flow[data-phase="insights"] .enhanced-label, .post-conversation-flow[data-phase="question"] .enhanced-label, .post-conversation-flow[data-phase="coaching"] .enhanced-label { display: block; }
.insight-tags { display: flex; flex-wrap: wrap; gap: .32rem; margin-top: .45rem; }.insight-tags span { padding: .22rem .35rem; border: 1px solid rgba(0,212,180,.25); border-radius: 999px; color: #c9fff6; background: rgba(0,212,180,.08); font-size: .51rem; font-weight: 700; }.question-copy { margin-bottom: .34rem !important; }.question-result { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: .38rem; }.question-result strong { color: var(--teal); font-size: .61rem; }.question-result span { color: var(--blue); font-size: .53rem; font-weight: 700; }.question-result em { overflow: hidden; color: var(--muted); font-size: .5rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }.coaching-panel { border-color: rgba(124,92,255,.35); background: linear-gradient(110deg, rgba(124,92,255,.11), rgba(51,156,255,.06)); }
@keyframes transcript-scroll { 0%, 17% { transform: translateY(0); } 57%, 82% { transform: translateY(-1.7rem); } 100% { transform: translateY(0); } }
@keyframes panel-in { from { opacity: .35; transform: translateY(.18rem); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 520px) { .post-conversation-flow { gap: .5rem; padding: .82rem; }.post-conversation-flow .live-transcript { min-height: 4.65rem; }.post-conversation-flow .process-caption { display: none; }.post-conversation-flow .pipeline-stage { padding: .45rem; }.post-conversation-flow .pipeline-stage p { font-size: .51rem; }.post-conversation-flow .pipeline-stage small { font-size: .45rem; }.post-conversation-flow .analysis-details, .post-conversation-flow .analysis-panel { min-height: 3.7rem; }.post-conversation-flow .analysis-panel { padding: .52rem .58rem; }.post-conversation-flow .analysis-panel > p:not(.card-label) { font-size: .56rem; }.post-conversation-flow .question-result em { display: none; } }
@media (prefers-reduced-motion: reduce) { .transcript-track, .post-conversation-flow .analysis-panel { animation: none; } }