/* 测试页：一次只看一段，列对齐，操作固定在最右。 */
.qa-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.qa-tabs { flex: 0 1 auto; }
.qa-tabs .segmented button { min-width: 92px; }
.qa-cases { display: flex; align-items: center; gap: 10px; font-size: 13px; color: var(--label-2); min-width: 0; }
.qa-cases strong { font-weight: 500; color: var(--label); }
.qa-cases .failed { color: var(--red-text, var(--red)); }
.qa-cases a { color: var(--accent-text); white-space: nowrap; text-decoration: none; }
.qa-cases a:hover { text-decoration: underline; }

table.qa-table { width: 100%; min-width: 980px; font-size: 13px; border-collapse: collapse; }
table.qa-table th { padding: 9px 8px; text-align: left; white-space: nowrap; }
table.qa-table td { padding: 8px; height: 44px; vertical-align: middle; }
table.qa-table th:first-child, table.qa-table td:first-child { padding-left: 16px; }
table.qa-table th:last-child, table.qa-table td:last-child { padding-right: 16px; }
table.qa-table tbody tr:hover td { background: var(--fill-soft); }
table.qa-table .qa-title { width: 100%; min-width: 220px; max-width: 0; }
table.qa-table .qa-title .link-btn { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; text-align: left; }
table.qa-table .qa-title .reason { margin-top: 2px; font-size: 13px; }
table.qa-table .qa-sub { color: var(--label-2); white-space: nowrap; }
table.qa-table .qa-people { max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--label-2); }
table.qa-table .qa-owner-cell { white-space: nowrap; }
table.qa-table .qa-actions { width: 1%; white-space: nowrap; }
.qa-acts { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
table.qa-table th.qa-num, table.qa-table td.qa-num { text-align: center; }
.qa-bugs { font-weight: 600; color: var(--red-text, var(--red)); }
.qa-none { color: var(--label-3); }

/* 手机：一条一张卡，按钮铺满，手指好按 */
.qa-card.list-row { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 6px; padding: 12px 14px; text-align: left; }
.qa-card + .qa-card { border-top: 0.5px solid var(--sep); }
.qa-card-head { display: flex; align-items: flex-start; gap: 8px; }
.qa-card-head .list-title { flex: 1; min-width: 0; text-align: left; font-weight: 500; }
.qa-card-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 13px; color: var(--label-2); }
.qa-card-actions { display: flex; gap: 8px; margin-top: 4px; }
.qa-card-actions .btn { flex: 1; min-height: 44px; }

@media (max-width: 760px) {
  .qa-bar { flex-direction: column; align-items: stretch; }
  .qa-tabs, .qa-tabs .segmented { width: 100%; }
  .qa-tabs .segmented button { flex: 1; min-width: 0; padding-left: 2px; padding-right: 2px; }
  .qa-cases { justify-content: space-between; }
  /* 搜索占一行，版本和排序平分下一行，不超出屏幕 */
  .qa-filter .filterbar { flex-wrap: wrap; overflow: visible; }
  .qa-filter .filterbar > :first-child { flex: 1 1 100%; max-width: none; }
  .qa-filter .filterbar > .select { flex: 1 1 0; min-width: 0; }
  .qa-filter .filterbar-tools { flex: 1 1 0; min-width: 0; margin-left: 0; }
  .qa-filter .filterbar-tools .select { width: 100%; }
  .qa-card-actions:empty { display: none; }
}