#test-shard { justify-content: center; gap: 16px; }
#test-shard h3 { margin: 0; }
#test-shard [data-test-status] { font-size: 14px; font-weight: 700; }
#test-shard [data-state="healthy"] { color: #8dcc9c; }
#test-shard [data-state="offline"] { color: #b4a89c; }
#test-shard .test-bot-count { margin: 0; color: inherit; }
#test-shard [data-test-bots] { font-size: 28px; margin-right: 6px; }
#test-shard [data-test-pairs] { width: 100%; max-height: 280px; overflow-y: auto; text-align: left; padding-right: 6px; }
#test-shard .test-pair { padding: 9px 0; border-top: 1px solid #ffffff18; font-size: 12px; }
#test-shard .test-pair strong { display: block; margin-bottom: 5px; }
#test-shard .test-character { display: flex; gap: 7px; align-items: center; margin-top: 4px; line-height: 1.4; }
#test-shard .test-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
#test-shard .test-dot.on { background: #56cd7c; }
#test-shard .test-dot.off { background: #e46b65; }