/* Oversight.css - QA "Oversight" host tab (TLP-322, Phase D).
   Groups Dashboard / Audits / Reports under one SegmentedControl host. The
   chrome is a thin vertical stack; each child module brings its own styling. */

/* The host is a fixed frame that fills the .tab-content-container scroll region
   (flex:1 / min-height:0), so the sub-tab nav pins and only the body scrolls --
   the PoliciesRules sub-tab host, verbatim (TLP-979). Gap-only spacing; no
   external margins on the children (mirrors .cp-workbench in Controls.css). */
.oversight-host {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    flex: 1;
    min-height: 0;
}

.oversight-subtab-nav {
    flex: 0 0 auto;
}

/* The single scroll region for the active sub-tab's content. A child that
   renders several panels scrolls here, content-sized. */
.oversight-subtab-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

/* A child that renders ONE panel fills the body: its header (title, count,
   filters, actions) pins and only its rows scroll, inside the panel. The
   height provably arrives through this chain (tab container -> host -> body ->
   panel), which is why the promotion may live on the host and not in a plain
   module wrapper (Panel.css, "anchored on purpose"). */
.oversight-subtab-body > .dashboard-section:only-child {
    flex: 1;
    min-height: 0;
}