/* 麥克風測試頁專用樣式；欄位沿用 site.css 的 .qr-field */
.mc-go { flex: 1 1 200px; min-height: 56px; font-size: 1.1rem; }
.mc-go.playing { background: var(--bad); border-color: var(--bad); }
.it-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 12px 0; }
.it-actions .btn { min-width: 140px; }
.mc-err { border: 2px solid var(--bad); background: #fef2f2; border-radius: 12px; padding: 4px 14px 8px; margin: 10px 0; }
.mc-err-title { font-size: 1.15rem; color: var(--bad); margin: .6rem 0 .4rem; }
.mc-err p { margin: .4rem 0; }
.mc-h { margin-top: 1rem; }
.mc-meter { position: relative; height: 28px; background: #e5e7eb; border-radius: 8px; overflow: hidden; }
#mc-bar { height: 100%; width: 0; background: var(--ok); transition: width .05s linear; }
#mc-bar.hot { background: var(--warn); }
#mc-bar.clip { background: var(--bad); }
#mc-peak { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--brand-dark); }
.mc-scale { display: flex; justify-content: space-between; font-size: .8rem; color: var(--muted); margin-top: 2px; }
.mc-db { margin: 6px 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.mc-wave { display: block; width: 100%; height: 120px; background: #f8fafc; border: 1px solid var(--line); border-radius: 10px; }
.mc-dl { display: grid; grid-template-columns: 1fr; gap: 0; margin: 0; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.mc-dl > div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px; border-top: 1px solid var(--line); }
.mc-dl > div:first-child { border-top: 0; }
.mc-dl dt { color: var(--muted); flex: none; }
.mc-dl dd { margin: 0; font-weight: 600; text-align: right; overflow-wrap: anywhere; min-width: 0; }
.mc-recrow { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; align-items: end; }
.mc-recrow > * { min-width: 0; }
.mc-recrow .btn { min-height: 48px; margin-bottom: 10px; }
.mc-recrow .btn.playing { background: var(--bad); border-color: var(--bad); color: #fff; }
#mc-audio { width: 100%; margin-top: 8px; }
@media (prefers-reduced-motion: reduce) { #mc-bar { transition: none; } }
.sources li { overflow-wrap: anywhere; }