body { font-size: 0.95rem; }

.timeline { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.85rem; }
.timeline .row-evt { border-bottom: 1px solid #eee; padding: 2px 0; }
.timeline .ts { color: #666; white-space: nowrap; }
.timeline .ms { color: #999; white-space: nowrap; }

.src-Application       { border-left: 4px solid #6c757d; }
.src-Twilio            { border-left: 4px solid #0d6efd; }
.src-AMD               { border-left: 4px solid #6610f2; }
.src-MediaStream       { border-left: 4px solid #20c997; }
.src-SpeechDetection   { border-left: 4px solid #198754; }
.src-Transcription     { border-left: 4px solid #0dcaf0; }
.src-ScreeningDetector { border-left: 4px solid #fd7e14; }
.src-DecisionEngine    { border-left: 4px solid #dc3545; }
.src-TwiML             { border-left: 4px solid #adb5bd; }
.src-Playback          { border-left: 4px solid #ffc107; }

.raw-json { background: #0d1117; color: #c9d1d9; padding: 0.5rem; border-radius: 4px; font-size: 0.75rem; overflow-x: auto; white-space: pre-wrap; }
.matrix td, .matrix th { text-align: center; }
.matrix .diag { background: #d1e7dd; font-weight: bold; }