/* TBA_QA_DETAILS_PAGING_LOCALE_V2 — QA details/history pagination + light/dark parity. */
.qa-page .qa-v2-page-size {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 9px;
  color: var(--qa-text-soft);
  font-size: 12px;
  font-weight: 600;
}
.qa-page .qa-v2-page-size select {
  min-width: 76px;
  min-height: 36px;
  padding: 5px 28px 5px 12px;
  border: 1px solid var(--qa-card-border);
  border-radius: 10px;
  background-color: var(--qa-card-bg);
  color: var(--qa-text-main);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.qa-page .qa-v2-page-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  min-height: 57px;
  padding: 10px 16px;
  border-bottom: 1px solid var(--qa-separator);
  background: var(--qa-card-bg);
  color: var(--qa-text-soft);
}
.qa-page .qa-v2-row-summary {
  font-size: 12px;
  font-weight: 600;
}
.qa-page .qa-v2-page-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 12px;
}
.qa-page .qa-v2-page-actions > span {
  color: var(--qa-text-main);
  padding-inline: 6px;
  font-weight: 600;
  white-space: nowrap;
}
.qa-page .qa-v2-page-actions button {
  min-height: 35px;
  padding: 6px 12px;
  border: 1px solid var(--qa-card-border);
  border-radius: 9px;
  background: var(--qa-tile-bg);
  color: var(--qa-text-main);
  font-size: 12px;
  font-weight: 650;
}
.qa-page .qa-v2-page-actions button:hover:not(:disabled) {
  border-color: rgba(64,124,217,.60);
  background: rgba(78,133,213,.12);
}
.qa-page .qa-v2-page-actions button:disabled { opacity: .42; cursor: not-allowed; }
.qa-page .qa-v2-page-actions button:focus-visible,
.qa-page .qa-v2-page-size select:focus-visible {
  outline: 2px solid #4a91e6;
  outline-offset: 2px;
}
/* Keep the four detail panels in the existing approved Academy palette. */
.qa-page .qa-history-card,
.qa-page .qa-case-card,
.qa-page .qa-suite-summary,
.qa-page .qa-latest-run,
.qa-page .qa-baseline-json {
  border-color: var(--qa-card-border);
  background: var(--qa-card-bg);
  border-radius: 15px;
}
.qa-page .qa-history-head,
.qa-page .qa-case-toolbar {
  background: var(--qa-tile-bg);
  border-color: var(--qa-separator);
  gap: 12px;
  flex-wrap: wrap;
}
.qa-page .qa-history-head h3,
.qa-page .qa-case-toolbar strong,
.qa-page .qa-suite-summary h3,
.qa-page .qa-run-row strong,
.qa-page .qa-run-suite strong,
.qa-page .qa-case-question > strong,
.qa-page .qa-detail-metrics strong,
.qa-page .qa-current-baseline strong,
.qa-page .qa-latest-run-head strong {
  color: var(--qa-text-main);
}
.qa-page .qa-history-head p,
.qa-page .qa-suite-summary p,
.qa-page .qa-case-toolbar span,
.qa-page .qa-run-label,
.qa-page .qa-run-suite > span,
.qa-page .qa-detail-metrics span,
.qa-page .qa-current-baseline > div > span,
.qa-page .qa-latest-run-head > div:first-child span {
  color: var(--qa-text-soft);
}
.qa-page .qa-run-row { border-color: var(--qa-separator); }
.qa-page .qa-run-row:hover,
.qa-page .qa-case-row:hover { background: var(--qa-tile-bg); }
.qa-page .qa-detail-metrics > div,
.qa-page .qa-current-baseline > div {
  background: var(--qa-tile-bg);
  border: 1px solid var(--qa-card-border);
  border-radius: 10px;
}
.qa-page .qa-case-toolbar > div:first-child { margin-right: auto; }
.qa-page .qa-case-toolbar input {
  width: min(280px,100%);
  background: var(--qa-card-bg);
  border: 1px solid var(--qa-card-border);
  color: var(--qa-text-main);
}
.qa-page .qa-case-toolbar input::placeholder { color: var(--qa-text-soft); opacity: .84; }
.qa-page .qa-acceptance {
  border-color: var(--qa-card-border);
  background: var(--qa-tile-bg);
}
.qa-page .qa-acceptance span { color: var(--qa-text-soft); }
.qa-page .qa-case-id { overflow-wrap: anywhere; }
@media (max-width: 880px) {
  .qa-page .qa-history-head .qa-v2-page-size { margin-left: auto; }
  .qa-page .qa-case-toolbar > div:first-child { width: 100%; }
  .qa-page .qa-case-toolbar input { flex: 1 1 220px; }
  .qa-page .qa-v2-page-footer { align-items: flex-start; }
}
@media (max-width: 520px) {
  .qa-page .qa-history-head > div:first-child { width: 100%; }
  .qa-page .qa-history-head .qa-v2-page-size { margin-left: 0; }
  .qa-page .qa-v2-page-footer { padding: 12px; }
  .qa-page .qa-v2-page-actions { width: 100%; justify-content: space-between; }
  .qa-page .qa-v2-page-actions button { padding-inline: 9px; }
  .qa-page .qa-case-toolbar input { width: 100%; flex-basis: 100%; }
}