/* /Components/EngagementReport.razor.rz.scp.css */
/* Admin "Engagement" tab — group-activity pivot tables. Theme-neutral grays so it reads in light + dark. */
.eng-cap[b-vmthftgmbx] { margin: 14px 0 6px; font-size: 0.85rem; }

/* The pivots are wide, dynamic-width matrices that can't sensibly stack — on a narrow screen they scroll
   horizontally inside this wrapper instead of overflowing the page. */
.eng-scroll[b-vmthftgmbx] { overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

.eng-tbl[b-vmthftgmbx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
    margin: 0 0 6px;
}

.eng-tbl th[b-vmthftgmbx],
.eng-tbl td[b-vmthftgmbx] {
    padding: 4px 8px;
    border-bottom: 1px solid rgba(128, 128, 128, 0.18);
    text-align: right;
    white-space: nowrap;
}

.eng-tbl th.l[b-vmthftgmbx],
.eng-tbl td.l[b-vmthftgmbx] { text-align: left; }

.eng-tbl thead th[b-vmthftgmbx] { color: var(--ink-3); font-weight: 500; }

.eng-tbl tr.eng-sub td[b-vmthftgmbx] { background: rgba(128, 128, 128, 0.10); font-weight: 500; }

.eng-tbl tr.eng-tot td[b-vmthftgmbx] { font-weight: 600; border-top: 2px solid rgba(128, 128, 128, 0.4); }

.eng-tbl tr.eng-foot td[b-vmthftgmbx] { color: var(--ink-3); font-style: italic; }
/* /Layout/MainLayout.razor.rz.scp.css */
/* MainLayout has no scoped styles — all visual rules are global in app.css per the
   design handoff (single-source-of-truth tokens + components). */