/* 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; }

/* Added for the Cloudflare voice page; everything above is copied unchanged from ../speech-engine-prototype/static/. */
.interim-transcript { margin: 0 18px 8px; min-height: 1.4em; color: #7f9aa5; font-size: .85rem; font-style: italic; }
.field-note.warning { color: #a4492f; }
.transcript-line.interrupted .transcript-text { color: #8ea3ac; }

/* Links to the privacy and terms pages, below the panels. */
.legal-footer { margin: 18px 4px 0; font: 700 .68rem/1 ui-monospace, SFMono-Regular, Consolas, monospace; color: #71818a; text-align: center; }
.legal-footer a { color: inherit; text-decoration: none; }
.legal-footer a:hover, .legal-footer a:focus-visible { text-decoration: underline; }

/* Sign-in: the owner-only engine switch, the signed-in line above the setup fields, and the quiet buttons beside them. */
.engine-switch[hidden] { display: none; }
.signed-in-account { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 14px; color: var(--muted); font-size: .85rem; }
.signed-in-account strong { color: var(--ink); overflow-wrap: anywhere; }
.text-button { padding: 6px 0; border: 0; background: none; color: #176d80; font: inherit; font-size: .8rem; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.text-button:disabled { cursor: wait; opacity: .58; }
#sign-in .text-button { display: block; margin: 14px auto 0; }