/* 连接页命令行工具连接的“工具”页签。外观照 docs/STYLE_PORTAL.md；表格，标签，按钮都用 app.css 的类，
 * 这里只放这个页签自己的：搜索一行，扫描状态一行，只读的字色，底栏按钮。 */
.cap-scan { display: inline-flex; align-items: center; gap: 6px; color: var(--ink3); font-size: 13px; white-space: nowrap; min-width: 0; }
.cap-scan b { color: var(--ink2); font-weight: 600; }
.cap-scan .mono { color: var(--ink3); }
/* 只读是普通的分类，写成纯文字；只有写入用橙色标签提醒 */
.cap-ro { color: var(--ink3); font-size: 13px; }
.cap-foot-btns { display: flex; gap: 8px; align-items: center; }
.cap-pane-q { display: flex; gap: 8px; margin-bottom: 12px; }
.cap-pane-q input { flex: 1; min-width: 0; height: 32px; padding: 0 11px; border: 1px solid var(--input-border); border-radius: 4px; background: var(--card); color: var(--ink); outline: 0; }
.cap-pane-q input:focus { border-color: var(--primary); box-shadow: 0 0 0 2px var(--focus-ring); }
.cap-pane-st { margin-bottom: 10px; min-height: 20px; }
.cap-pane-st .cap-scan { white-space: normal; flex-wrap: wrap; }
.cap-pane-foot { padding: 8px 0 0; border-top: 0; }
.cap-pane .tbl td:first-child, .cap-pane .tbl th:first-child { padding-right: 0; text-overflow: clip; }
@media (max-width: 640px) {
  .cap-scan { white-space: normal; flex-wrap: wrap; }
}