/* Rules for the Speech Engine test page alone; everything else comes from styles.css. */
.text-field { width: 100%; min-height: 54px; padding: 0 12px; border: 1px solid #cdd8dd; border-radius: 14px; background: var(--surface); color: var(--ink); font: inherit; }
.text-field:focus-visible { outline: 3px solid color-mix(in srgb, var(--focus) 45%, transparent); outline-offset: 3px; }
.field-note { margin: 8px 0 0; color: var(--muted); font-size: .75rem; line-height: 1.4; }
.microphone-row.single { grid-template-columns: minmax(0, 1fr); }
.opened-microphone { margin: 0 18px 10px; padding: 10px 12px; border: 1px solid var(--night-line); border-radius: 10px; background: #102732; color: #c6d9df; font-size: .8rem; line-height: 1.4; }
.opened-microphone strong { color: #eef8fa; }
.opened-microphone.warning { border-color: #87493f; color: #ffb5a8; }
.live-panel .transcript-box { flex: 1; display: flex; flex-direction: column; min-height: 260px; }
.live-panel .transcript { flex: 1; max-height: none; font-size: .92rem; }
.transcript-line { display: grid; grid-template-columns: 66px minmax(0, 1fr); gap: 2px 8px; }
.transcript-line.tutor .transcript-who { color: var(--signal-bright); }
.transcript-line.learner .transcript-who { color: #8fe0c0; }
.turn-latency { grid-column: 2; color: #7f9aa5; font: .7rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; font-variant-numeric: tabular-nums; }
.turn-latency b { color: #d7e88f; font-weight: 600; }
.latency-summary { margin: 0 18px 8px; color: #9cafb8; font: .74rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; }
.session-reference { margin: 0 18px 8px; color: #6f8a95; font: .7rem/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }