.mcp-test-box {
  display: grid;
  gap: 8px;
  border: 1px solid rgba(108,183,255,.2);
  border-radius: 11px;
  padding: 9px;
  background: rgba(108,183,255,.05);
}
.mcp-test-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.mcp-test-head span { color: var(--muted); font-size: 9px; }
.mcp-test-head strong { font-size: 10px; }
.mcp-test-head strong.active { color: var(--accent); }
.mcp-test-head strong.pending { color: var(--warning); }
.mcp-test-head strong.error { color: var(--danger); }
.mcp-test-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin: 0; }
.mcp-test-grid > div { border: 1px solid var(--line); border-radius: 9px; padding: 7px; background: rgba(255,255,255,.025); }
.mcp-test-grid dt { color: var(--muted); font-size: 8px; }
.mcp-test-grid dd { margin: 2px 0 0; font-size: 10px; overflow-wrap: anywhere; }
#mcpTestRaw { margin: 0; max-height: 180px; overflow: auto; border-radius: 9px; padding: 8px; background: rgba(0,0,0,.22); color: var(--muted); font: 9px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.pair-box { grid-template-columns: auto 1fr auto auto; }
@media (max-width: 500px) { .pair-box { grid-template-columns: 1fr auto; } .pair-box span { display: none; } .pair-box small { text-align: right; } .pair-box #mcpTestButton { grid-column: 1 / -1; width: 100%; } }
body.companion .mcp-test-box { display: none; }