/* Echo Detection Tool — local overrides (Card 10, Microphone Diagnostics) */

.edt-speaker-note,
.edt-privacy {
  max-width:760px;
  margin:var(--space-md) auto 0;
  padding:var(--space-sm) var(--space-md);
  border-radius:var(--radius-sm);
  font-size:.92rem;
  text-align:left;
  line-height:1.55;
}
.edt-speaker-note {
  border:1px solid rgba(245,158,11,.4);
  background:rgba(245,158,11,.07);
  color:#fbbf24;
}
.edt-speaker-note strong { color:#fde68a; }
.edt-privacy {
  border:1px solid rgba(0,255,65,.3);
  background:rgba(0,255,65,.06);
  color:var(--color-primary);
  margin-top:var(--space-sm);
}

.edt-select {
  width:100%;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,255,65,.25);
  color:var(--color-text);
  font-family:var(--font-mono);
  font-size:.9rem;
  padding:9px 10px;
  border-radius:var(--radius-sm);
}
.edt-select:focus { outline:1px solid var(--color-primary); }

.edt-seg { display:grid;grid-template-columns:repeat(3,1fr);gap:6px; }
.edt-seg-btn {
  background:rgba(0,255,65,.05);
  border:1px solid rgba(0,255,65,.25);
  color:var(--color-text);
  font-family:var(--font-mono);
  font-size:.9rem;
  font-weight:600;
  padding:8px 4px;
  border-radius:var(--radius-sm);
  cursor:pointer;
}
.edt-seg-btn:hover { background:rgba(0,255,65,.1); }
.edt-seg-btn[aria-checked="true"] {
  background:rgba(0,255,65,.2);
  border-color:var(--color-primary);
  color:var(--color-primary);
}

.edt-status {
  margin-top:var(--space-sm);
  text-align:center;
  font-family:var(--font-mono);
  font-size:.85rem;
  color:var(--color-text-dim);
  min-height:1.5em;
}
.edt-status.is-live  { color:var(--color-primary); }
.edt-status.is-error { color:#ef4444; }

.edt-progress { display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;min-height:14px;justify-content:center; }
.edt-progress__dot {
  width:14px;height:14px;border-radius:50%;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
}
.edt-progress__dot.is-hit { background:var(--color-primary);border-color:var(--color-primary); }
.edt-progress__dot.is-miss { background:rgba(239,68,68,.5);border-color:#ef4444; }
.edt-progress__dot.is-active { box-shadow:0 0 8px var(--color-primary); }

.edt-cells { display:grid;grid-template-columns:repeat(2,1fr);gap:8px; }
.edt-cell {
  background:rgba(255,255,255,.03);
  border:1px solid rgba(0,255,65,.15);
  border-radius:var(--radius-sm);
  padding:10px;text-align:center;
}
.edt-cell__label {
  font-family:var(--font-mono);font-size:.66rem;letter-spacing:.05em;
  color:var(--color-text-dim);text-transform:uppercase;
}
.edt-cell__value {
  font-family:var(--font-mono);font-size:1.05rem;font-weight:700;
  color:var(--color-primary);margin-top:4px;
}

/* verdict */
.edt-verdict {
  display:flex;align-items:center;gap:10px;
  padding:14px 16px;border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);
}
.edt-verdict__dot { width:14px;height:14px;border-radius:50%;background:var(--color-text-dim);flex:0 0 auto; }
.edt-verdict__text { font-family:var(--font-mono);font-weight:700;font-size:1.05rem;color:var(--color-text); }
.edt-verdict[data-state="dead"] { border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.06); }
.edt-verdict[data-state="dead"] .edt-verdict__dot { background:#22d3ee; }
.edt-verdict[data-state="dead"] .edt-verdict__text { color:#67e8f9; }
.edt-verdict[data-state="balanced"] { border-color:rgba(0,255,65,.5);background:rgba(0,255,65,.08); }
.edt-verdict[data-state="balanced"] .edt-verdict__dot { background:var(--color-primary);box-shadow:0 0 10px var(--color-primary); }
.edt-verdict[data-state="balanced"] .edt-verdict__text { color:var(--color-primary); }
.edt-verdict[data-state="live"] { border-color:rgba(245,158,11,.5);background:rgba(245,158,11,.08); }
.edt-verdict[data-state="live"] .edt-verdict__dot { background:#fbbf24; }
.edt-verdict[data-state="live"] .edt-verdict__text { color:#fbbf24; }
.edt-verdict[data-state="error"] { border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.08); }
.edt-verdict[data-state="error"] .edt-verdict__dot { background:#ef4444; }
.edt-verdict[data-state="error"] .edt-verdict__text { color:#fca5a5; }

.edt-note { font-size:.9rem;color:#fbbf24;line-height:1.5;margin-top:8px;min-height:1em; }

.edt-ir-viz { background:#020308; }

@media (max-width:640px) {
  .edt-cells { grid-template-columns:1fr 1fr; }
}