/* results_tab_html, root .rst-container. The root rule stays bare, every
   other selector is scoped :where(.rst-container), which adds zero
   specificity. The summary card grid declares its own display, so its hide
   at the end is the compound. */

.rst-container { font-family: var(--ch-font-primary); }
:where(.rst-container) .rst-toolbar {
  display: flex; align-items: center; gap: var(--ch-space-sm);
  flex-wrap: wrap; margin-bottom: var(--ch-space-md);
}
:where(.rst-container) .rst-action-btn {
  padding: 8px 14px; font-size: 13px; font-weight: 500;
  background: transparent; color: var(--ch-text-secondary);
  border: 1px solid var(--ch-border);
  border-radius: var(--ch-radius-md); cursor: pointer;
  font-family: var(--ch-font-primary); min-height: 36px;
}
:where(.rst-container) .rst-action-btn:hover {
  color: var(--ch-accent-primary-text, #b45309); border-color: var(--ch-accent-primary);
}
:where(.rst-container) .rst-toolbar-spacer { flex: 1; }
:where(.rst-container) .rst-empty, :where(.rst-container) .rst-loading, :where(.rst-container) .rst-error {
  text-align: center; padding: 48px var(--ch-space-md);
  color: var(--ch-text-muted); font-size: 14px;
}
:where(.rst-container) .rst-error { color: var(--ch-danger); }
:where(.rst-container) .rst-spinner {
  width: 28px; height: 28px;
  border: 3px solid var(--ch-border); border-top-color: var(--ch-accent-primary);
  border-radius: 50%; animation: rst-spin 1s linear infinite;
  margin: 0 auto var(--ch-space-md);
}
@keyframes rst-spin { to { transform: rotate(360deg); } }

/* CD-DESIGN2 summary surface */
:where(.rst-container) .rst-scope-annotation {
  font-size: 12px; color: var(--ch-text-muted);
}
:where(.rst-container) .rst-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: var(--ch-space-md);
}
:where(.rst-container) .rst-stat-card {
  background: var(--ch-bg-card);
  border: 1px solid var(--ch-border);
  border-radius: var(--ch-radius-lg);
  padding: 16px 18px;
  display: flex; flex-direction: column; gap: 6px;
  box-shadow: var(--ch-shadow-sm);
}
:where(.rst-container) .rst-stat-value {
  font-size: 24px; font-weight: 700;
  color: var(--ch-text-primary);
}
:where(.rst-container) .rst-stat-label {
  font-size: 11px; font-weight: 600;
  color: var(--ch-text-muted);
  text-transform: uppercase; letter-spacing: 0.05em;
}

:where(.rst-container) .rst-hidden { display: none; }
:where(.rst-container) .rst-summary.rst-hidden { display: none; }