/* The labelling-performance section's SHARED card rules, used by all three
 * child forms (lb_counts_html, lb_daily_html, lb_prediction_html).
 *
 * Scoped on .lb-section, the class every child root carries, rather than on
 * .lb-dashboard: a child then renders carded on its OWN designer canvas, where
 * the shell's root is not an ancestor. :where() adds no specificity.
 *
 * No .px-* name is declared here, so there is no tie with the dependency's
 * runtime-injected theme or with theme/assets/theme.css.
 */

:where(.lb-section) .lb-section-card {
  background: var(--px-bg-card);
  border: 1px solid var(--px-border);
  border-radius: var(--px-radius);
  overflow: hidden;
  box-shadow: var(--px-shadow), var(--px-shadow-md);
}

:where(.lb-section) .lb-section-header {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--px-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

:where(.lb-section) .lb-section-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--px-text-primary);
}

:where(.lb-section) .lb-section-body {
  padding: 1.5rem;
}