/* Readable organizer reports. Scoped so other data tables retain their density. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope).analytics-table-scope {
  --report-bg: #fff;
  --report-field: #fff;
  --report-hover: #f4f1fa;
  --report-line: #dedbe6;
  --report-radius: 14px;
  --report-index-width: 52px;
  --report-muted: var(--ink, #101010);
  --paper: var(--report-bg);
  color: var(--ink, #101010);
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 36px 40px !important;
}
/* Keep the legacy markup out of the first paint while report settings load. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope) [data-reporting-pending="filters"] {visibility: hidden;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) [data-reporting-pending="table"] {position: relative; min-height: 244px; overflow: hidden !important; border: 0 !important; border-radius: var(--report-radius) !important; background: var(--report-bg) !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) [data-reporting-pending="table"] > :not(.reporting-loading) {visibility: hidden;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .analytics-table-top-scrollbar:has(+ [data-reporting-pending="table"]) {visibility: hidden;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) [data-reporting-pending="table"] > .reporting-loading {display: block !important; position: absolute; inset: 0; padding: 24px; color: var(--ink, #101010); font: 500 15px/1.4 "Manrope", sans-serif;}
.reporting-loading-rows {height: 152px; margin-top: 18px; border-radius: 6px; background: repeating-linear-gradient(to bottom, var(--report-hover) 0, var(--report-hover) 22px, transparent 22px, transparent 48px);}
/* Overview reports sit on purple. Single reports keep the shared production
   cards, including their paper background, border, shadow, and inner padding. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope).reporting-single-page {--paper: inherit;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) :is(.dashboard-record-card, .dashboard-analytics-table-card, .single-event-report-section-body) {background: transparent !important; box-shadow: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) .dashboard-analytics-table-card {border: 0 !important; border-radius: 0 !important; padding: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) .membership-manage-table-card {border: 0 !important; border-radius: 0 !important; padding: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) .single-event-report-section {border: 0 !important; border-top: 1px solid var(--report-line) !important; border-radius: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) .single-event-report-header {border: 0 !important; border-radius: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-analytics-nav {justify-content: flex-start !important; gap: 10px; margin: 0 0 34px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-analytics-nav a {padding: 12px 24px !important; min-height: 48px; font-size: 17px !important; border: 1px solid var(--report-line) !important; background: var(--report-field) !important; box-shadow: none !important; transform: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-analytics-nav a[aria-current=page] {background: var(--mint, #bae8cc) !important; border-color: #26202f !important;}
.reporting-subnav, .reporting-breadcrumbs {display: flex; align-items: center; flex-wrap: wrap; gap: 20px; margin: 0 0 26px; font-size: 15px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-subnav {justify-content: flex-start;}
.reporting-subnav a {color: var(--report-muted); padding: 6px 0; border-bottom: 2px solid transparent; text-decoration: none;}
.reporting-subnav a[aria-current=page] {color: var(--ink, #101010); border-color: #211a2b; font-weight: 600;}
.reporting-breadcrumbs {gap: 10px; font-size: 14px;}
.reporting-breadcrumbs a {color: var(--ink, #101010); text-underline-offset: 4px;}
.reporting-controls {position: relative; margin: 0 0 24px; color: var(--ink, #101010);}
.reporting-heading {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: 0 0 24px;}
.reporting-views-panel, .reporting-options-panel {position: relative; padding: 16px; margin: 0 0 20px; border: 1px solid var(--report-line); border-radius: var(--report-radius); background: var(--report-field);}
.reporting-option-tools {display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
.reporting-option-tools > select {max-width: 240px;}
.reporting-heading-actions {display: flex; align-items: center; gap: 8px; flex-shrink: 0; margin-left: auto;}
.reporting-views-panel .reporting-shortcuts, .reporting-views-panel .reporting-layouts {margin: 0;}
.reporting-views-panel .reporting-shortcuts + .reporting-layouts {margin-top: 16px;}
.reporting-options-label {color: var(--ink, #101010);}
.reporting-options-panel .reporting-save-form {margin: 16px 0 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-heading h2 {font: 700 34px/1.2 "Manrope", sans-serif !important; color: var(--ink, #101010) !important; letter-spacing: -1px; margin: 0 auto 0 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) :is(.dashboard-page-copy, .dashboard-membership-tier-subsection-header p, .membership-manage-card-copy, .membership-manage-intro, .membership-manage-field-note, .single-person-community-email-control__explanation, p.person-custom-data-muted, .event-waitlist-page-selection, .analytics-table-pending-status.is-info, summary) {color: var(--ink, #101010) !important;}
.reporting-controls .analytics-column-toolbar {display: flex; flex-wrap: wrap; gap: 8px; position: relative; margin: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls :is(button, select, input:not([type=checkbox])) {
  font: 500 15px/1.4 "Manrope", sans-serif !important;
  color: #211a2b !important;
  border: 1px solid var(--report-line) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  background: var(--report-field) !important;
  padding: 11px 16px !important;
  min-height: 46px !important;
  height: auto !important;
  margin: 0 !important;
  width: auto;
  transform: none !important;
}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls button {cursor: pointer; white-space: nowrap; background: var(--report-field) !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls button:hover {background: var(--report-hover) !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) :is(input:not([type=checkbox], [type=radio], [type=range], [type=color], [type=hidden], [type=button], [type=submit]), select, textarea) {background-color: var(--report-field) !important; color: #211a2b !important;}
.reporting-controls [hidden] {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) :is(.reporting-controls, .reporting-table) :is(button, input, select, a):focus-visible {outline: 2px solid #493277 !important; outline-offset: 3px;}
.reporting-heading > select {max-width: 170px;}
.reporting-search-row {display: grid; grid-template-columns: minmax(240px, 1.7fr) repeat(2, minmax(170px, 1fr)); gap: 20px; margin: 0 0 20px; align-items: end;}
.reporting-search-row[data-fields="2"] {grid-template-columns: minmax(0, 2fr) minmax(170px, 1fr);}
.reporting-search-row[data-fields="1"] {grid-template-columns: minmax(0, 1fr);}
.reporting-field {display: flex !important; flex-direction: column; gap: 8px; min-width: 0; margin: 0 !important;}
.reporting-field-label {font-size: 14px; line-height: 1.4; color: var(--report-muted); font-weight: 500;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls .reporting-field :is(input, select) {width: 100% !important; min-height: 50px !important; max-width: none !important;}
.reporting-shortcuts, .reporting-layouts {display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14px;}
.reporting-shortcuts {margin: 0 0 24px;}
.reporting-layouts {padding: 0; margin: 20px 0 24px; color: var(--report-muted);}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls button.reporting-chip {border-radius: 24px !important; min-height: 40px !important; padding: 8px 17px !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-layouts .reporting-chip {border-radius: 9px !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls .reporting-chip[aria-pressed=true] {background: var(--mint, #bae8cc) !important; border-color: #344b40 !important; color: #1d2d24 !important;}
.reporting-totals {display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 16px; padding: 0; margin: 26px 0 0; border: 0; background: transparent;}
.reporting-totals, .reporting-table {--report-muted: #6b6573;}
.reporting-totals > div {display: flex; flex-direction: column; background: var(--report-bg); border: 0; border-radius: var(--report-radius); padding: 24px 20px; min-width: 0;}
.reporting-totals span {display: block; font-size: 15px; color: var(--report-muted); margin-bottom: 9px;}
.reporting-totals strong {display: block; margin-top: auto; color: #211a2b; font-size: 30px; font-weight: 650; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -.6px;}
.reporting-record-status {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-membership-member-tab {background: var(--report-field) !important; border: 1px solid var(--report-line) !important; box-shadow: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-membership-member-tab[aria-selected=true] {background: var(--mint, #bae8cc) !important; border-color: #344b40 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-membership-member-tab::before,
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-membership-member-tab::after {display: none !important;}
.reporting-row-actions {display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 14px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-row-actions a {color: #211a2b !important; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 4px; white-space: nowrap;}
.reporting-custom-dates, .reporting-save-form {display: flex; gap: 12px; align-items: end; flex-wrap: wrap; margin: 12px 0 20px;}
.reporting-status {display: block; font-size: 14px; margin-bottom: 12px;}
.reporting-status:empty {display: none;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-filters {margin: 0 !important;}
.reporting-filters #activeFilters:empty {display: none;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls .filter-pill {background: var(--report-field) !important; border: 1px solid var(--report-line) !important; border-radius: 20px !important; box-shadow: none !important; padding: 7px 12px !important; font-size: 14px !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls button.filter-pill-remove {min-height: 22px !important; height: 22px !important; width: 22px !important; padding: 0 !important; border: 0 !important; background: transparent !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-option-tools .analytics-help {margin: 0; position: static;}
/* Help reserves its own row so filters and tables cannot cover its contents. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-options-panel .analytics-help-panel {position: static; width: 100%; min-width: 0; box-sizing: border-box; margin-top: 16px; background: var(--report-field); border: 1px solid var(--report-line); border-radius: 12px; padding: 20px; box-shadow: none;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-options-panel > .analytics-column-picker {position: static !important; width: min(360px, 100%); min-width: 0; max-width: 100%; max-height: min(420px, 55dvh); overflow-y: auto; overflow-x: hidden; box-sizing: border-box; margin-top: 12px; background: var(--report-field); border: 1px solid var(--report-line); border-radius: 12px; padding: 14px; box-shadow: none;}
.reporting-controls .analytics-column-picker input[type=checkbox] {min-height: 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table {border: 0 !important; border-radius: var(--report-radius) !important; background: var(--report-bg) !important; box-shadow: none !important; overflow-x: auto;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table {width: 100% !important; min-width: 660px; border: 0 !important; border-collapse: collapse !important; table-layout: auto; background: transparent !important; margin: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table :is(thead, tbody, tr) {background: transparent !important; border: 0 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table [data-key=""] .analytics-row-report-btn {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table [data-key=""] :is(.analytics-row-index-cell, .analytics-row-index-number) {display: block; min-width: 0; margin: 0; padding: 0; font-size: inherit;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-row-total {display: block; margin-top: 3px; font-size: 11px; font-weight: 600; line-height: 1.3;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td :is(.analytics-nav-link, .analytics-nav-link-text, .analytics-nav-link-text-plain, .analytics-inline-filter-value) {font-size: inherit; line-height: inherit;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td a {color: #211a2b; text-underline-offset: 4px; text-decoration-thickness: 1px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-cell-secondary {display: block; color: var(--report-muted); font-size: 13px; line-height: 1.5; margin-top: 5px; max-width: 32ch; overflow-wrap: anywhere;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-person-cell {min-width: 170px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-tag {display: inline-block; background: var(--report-hover); color: #342943; padding: 5px 9px; border-radius: 7px; font-size: 14px; line-height: 1.4; white-space: normal;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-tag-positive {background: var(--mint, #bae8cc); color: #213f2c;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-date {white-space: nowrap; min-width: 100px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-date-day {display: block;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-date .analytics-date-filter-cell {display: block; white-space: normal;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-date .analytics-date-link {display: inline-flex; text-align: left; vertical-align: baseline;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-date-time {margin-top: 3px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-number {text-align: right !important; font-variant-numeric: tabular-nums; white-space: nowrap;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td.reporting-number :is(.analytics-nav-link-cell, .analytics-inline-filter-cell) {justify-content: flex-end;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table :is(.analytics-inline-filter-btn, .reporting-column-menu-toggle) {opacity: 0; transition: opacity .12s;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .analytics-inline-filter-cell {position: relative; gap: 6px; max-width: 100%;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .analytics-inline-filter-cell > :not(.analytics-inline-filter-btn) {min-width: 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .analytics-inline-filter-btn {position: static !important; flex: 0 0 24px; order: 2; width: 24px !important; height: 24px !important; transform: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table :is(th, td):is(:hover, :focus-within) :is(.analytics-inline-filter-btn, .reporting-column-menu-toggle) {opacity: 1;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .sort-icon {opacity: 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table th:is(:hover, :focus-within, [aria-sort]) .sort-icon {opacity: .7;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table th .header-search-icon {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu {position: fixed; z-index: 110; width: 230px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 32px); overflow-y: auto; box-sizing: border-box; background: var(--report-field); border: 1px solid var(--report-line); border-radius: 10px; box-shadow: 0 8px 28px #33224426; padding: 8px; text-transform: none; white-space: normal; font-weight: 400; text-align: left;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu[hidden] {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu .analytics-column-controls {display: flex !important; flex-direction: column !important; align-items: stretch !important; position: static !important; gap: 4px !important; margin: 0 !important; padding: 0 !important; visibility: visible !important; opacity: 1 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu .column-drag-handle {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu :is(i, svg, .analytics-table-control-icon) {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-header-actions {display: flex; flex-direction: column; align-items: stretch; gap: 4px; padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid var(--report-line);}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-header-actions [data-report-refund-selection]:not(:empty) {padding: 4px 9px; font-size: 12px; line-height: 1.4;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-pin-name {position: sticky !important; left: 0; z-index: 2; background: var(--report-bg) !important; box-shadow: none;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-pin-actions {position: sticky !important; right: 0; z-index: 3; background: var(--report-bg) !important; box-shadow: none; min-width: 150px !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table th {position: relative; z-index: 1 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table th:is(.reporting-pin-name, .reporting-pin-actions) {z-index: 6 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table th.reporting-menu-open {z-index: 100 !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .frozen:not(.reporting-pin-name):not(.reporting-pin-actions) {position: static !important; left: auto !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .analytics-table-top-scrollbar.is-not-scrollable {display: none !important;}
/* Use the shared white track, mint thumb, and visible drag grip. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .pagination {margin-top: 24px; text-align: left;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .pagination .step-links {display: flex; align-items: center; gap: 12px; flex-wrap: wrap;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .pagination :is(a, button) {padding: 10px 16px !important; border: 1px solid var(--report-line) !important; border-radius: 9px !important; background: var(--report-field) !important; color: #211a2b !important; font-size: 15px !important; box-shadow: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .pagination .current {font-size: 15px;}
/* Important declarations inside the shared density layer win over its compact
   defaults. Unlayered overrides cannot override that layer's important rules. */
@layer wf-table-density {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table {font-size: 18px !important; line-height: 1.5 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody, tfoot) > tr > :is(th, td) {padding: 20px 14px !important; border: 0 !important; border-bottom: 1px solid var(--report-line) !important; border-right: 1px solid var(--report-line) !important; background: transparent; vertical-align: middle !important; font-size: 18px !important; line-height: 1.5 !important; max-width: 370px; overflow-wrap: break-word;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > thead > tr > th {padding: 12px 32px 14px 14px !important; font-size: 12px !important; font-weight: 650 !important; line-height: 1.4 !important; letter-spacing: .05em !important; text-transform: uppercase; color: var(--report-muted);}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody) > tr > .reporting-number {text-align: right !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td.reporting-number :is(.analytics-nav-link-cell, .analytics-inline-filter-cell) {justify-content: flex-end !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td :is(button, [role="button"], a[class*="-btn"]) {font-size: 13px !important; line-height: 1.4 !important; min-height: 34px !important; padding: 7px 10px !important; border-radius: 8px !important; background: var(--report-field) !important; border: 1px solid var(--report-line) !important; font-weight: 500 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td button:is(.analytics-date-link, .analytics-inline-filter-btn) {font-size: inherit !important; line-height: inherit !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; font-weight: inherit !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td button.analytics-date-link.is-active {font-weight: 700 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu-toggle {position: absolute !important; right: 3px !important; top: 8px !important; width: 28px !important; height: 28px !important; min-height: 28px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; font-size: 22px !important; line-height: 24px !important; color: #514662 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu button {display: block !important; position: static !important; width: 100% !important; text-align: left !important; padding: 9px !important; border: 0 !important; background: transparent !important; color: #211a2b !important; font-size: 14px !important; line-height: 1.4 !important; min-height: 36px !important; height: auto !important; font-weight: 500 !important; white-space: normal !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu button:hover {background: var(--report-hover) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-column-menu button:disabled {opacity: .45; cursor: not-allowed;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody) > tr > :is(th, td)[data-key=""] {width: var(--report-index-width) !important; min-width: var(--report-index-width) !important; max-width: var(--report-index-width) !important; padding: 12px 6px !important; text-align: center !important; font-size: 12px !important; font-weight: 500 !important; font-variant-numeric: tabular-nums; letter-spacing: 0 !important; color: var(--report-muted);}
}
@media (max-width: 850px) {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope).analytics-table-scope {padding: 24px 20px !important;}
  .reporting-heading {gap: 8px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-heading h2 {flex: 1; min-width: 0; font-size: 28px !important;}
  .reporting-search-row {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
  .reporting-search-field {grid-column: 1 / -1;}
  .reporting-search-row[data-fields="2"] {grid-template-columns: minmax(0, 2fr) minmax(120px, 1fr);}
  .reporting-search-row[data-fields="2"] .reporting-search-field {grid-column: auto;}
  .reporting-totals {gap: 16px; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));}
  .reporting-totals strong {font-size: 24px;}
  .reporting-totals span {font-size: 13px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls :is(input:not([type=checkbox]), select) {font-size: 16px !important;}
  /* On narrow screens, pinned identity and action columns leave no room to
     inspect the other columns. Let the whole table move with its scrollbar. */
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table :is(.reporting-pin-name, .reporting-pin-actions) {position: static !important;}
}
@media (pointer: coarse) {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table :is(.analytics-inline-filter-btn, .reporting-column-menu-toggle) {opacity: 1;}
}
@media (max-width: 600px) {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope).analytics-table-scope {--report-index-width: 40px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table :is(.analytics-inline-filter-btn, .reporting-column-menu-toggle) {opacity: 1;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope).analytics-table-scope {padding: 18px 10px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-analytics-nav {gap: 6px; margin-bottom: 22px; flex-wrap: nowrap;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .dashboard-analytics-nav a {flex: 1; padding: 9px 8px !important; min-height: 40px; font-size: 13px !important; white-space: nowrap;}
  .reporting-subnav, .reporting-breadcrumbs {gap: 12px; font-size: 13px; margin-bottom: 18px;}
  .reporting-heading {margin-bottom: 16px; gap: 6px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-heading h2 {font-size: 26px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls button {font-size: 13px !important; min-height: 38px !important; padding: 8px 10px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-heading select {padding: 8px 25px 8px 10px !important; min-height: 38px !important; max-width: 150px;}
  .reporting-views-panel, .reporting-options-panel {padding: 12px;}
  .reporting-heading-actions {gap: 6px;}
  .reporting-option-tools {gap: 8px; align-items: stretch;}
  .reporting-option-tools > select {max-width: 100%; min-width: 0;}
  .reporting-options-panel .analytics-column-toolbar {width: 100%;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-options-panel > .analytics-column-picker {width: 100%; padding: 12px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-options-panel .analytics-help-panel {padding: 12px;}
  .reporting-shortcuts, .reporting-layouts {gap: 6px; font-size: 12px;}
  .reporting-shortcuts {margin-bottom: 16px;}
  .reporting-layouts {margin: 14px 0 16px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls button.reporting-chip {padding: 7px 10px !important; min-height: 36px !important; font-size: 12px !important;}
  .reporting-search-row {gap: 10px; margin-bottom: 14px;}
  .reporting-field {gap: 5px;}
  .reporting-field-label {font-size: 12px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-controls .reporting-field :is(input, select) {min-height: 42px !important; padding: 9px 10px !important;}
  .reporting-totals {grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 18px;}
  .reporting-totals > div {padding: 16px 10px;}
  .reporting-totals span {font-size: 11px; margin-bottom: 6px;}
  .reporting-totals strong {font-size: clamp(16px, 4.5vw, 22px); letter-spacing: -.5px; overflow-wrap: anywhere;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table table {min-width: var(--report-table-min-width, 0px) !important; table-layout: fixed;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table :is(th, td) {min-width: 0 !important; max-width: none !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table td.reporting-number {white-space: nowrap !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table :is(.analytics-nav-link-cell, .analytics-nav-link, .analytics-inline-filter-cell, .analytics-inline-filter-value, .analytics-nav-link-text, .analytics-nav-link-text-plain) {min-width: 0 !important; max-width: 100%; white-space: normal; overflow-wrap: anywhere;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .reporting-cell-secondary {font-size: 10px; line-height: 1.4; margin-top: 4px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-person-email {display: none;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .reporting-tag {font-size: 10.5px; line-height: 1.4; padding: 3px; border-radius: 4px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .reporting-tag .analytics-inline-filter-value {overflow-wrap: normal; word-break: normal;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .event-refund-no-action {font-size: 11px; font-weight: 500; padding: 3px; white-space: normal; overflow-wrap: normal; max-width: 100%; box-sizing: border-box;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .reporting-row-actions {font-size: 11px; gap: 4px; flex-direction: column; align-items: flex-start;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .reporting-row-actions a {white-space: normal; padding: 6px 0;}
  /* Filtering and column choices remain available above the table. Keep those
     extra controls out of compact cells so names and values get the space. */
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table :is(.analytics-inline-filter-btn, .reporting-column-menu-toggle) {display: none !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .sort-icon {display: none;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table th[aria-sort] .sort-icon {display: inline; font-size: 8px; margin: 0;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .pagination .step-links {gap: 8px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .pagination :is(a, button) {font-size: 13px !important; padding: 8px 12px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) :is(.single-event-report-header, .single-event-report-section-body) {padding: 14px 0 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope):not(.reporting-single-page) .single-event-report-section-summary {padding: 14px 10px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-event-report-header .dashboard-page-title {font-size: 25px !important; overflow-wrap: anywhere;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-event-report-section-summary .dashboard-page-title {font-size: 18px !important;}
  /* Editable custom data needs full-size fields even in the compact report. */
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table :is(colgroup, thead) {position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody {display: block;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody tr {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 14px 0; border-bottom: 1px solid var(--report-line) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td {display: block; text-align: left;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:is(:nth-child(3), :nth-child(4)) {grid-column: 1 / -1;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td::before {display: block; color: var(--report-muted); font-size: 11px; margin-bottom: 5px;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:nth-child(1)::before {content: "Answered (UTC)";}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:nth-child(2)::before {content: "Scope";}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:nth-child(3)::before {content: "Question";}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:nth-child(4)::before {content: "Answer";}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:nth-child(5)::before {content: "Event";}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table tbody td:nth-child(6)::before {content: "Action";}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .person-custom-data-table :is(input, textarea, button) {width: 100% !important; max-width: 100%; box-sizing: border-box;}
}
@layer wf-table-density {
  /* Let the last row, pagination, and exports scroll above the floating support button.
     Use the shared override layer to preserve this space over the dashboard reset. */
  @media (max-width: 900px) {
    :is(body.reporting-page #dashboardContent, .reporting-client-scope).analytics-table-scope {padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px)) !important;}
  }
  @media (max-width: 600px) {
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody, tfoot) > tr > :is(th, td) {font-size: 14px !important; line-height: 1.45 !important; padding: 12px 8px !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > thead > tr > th {font-size: 10px !important; line-height: 1.4 !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table table > :is(thead, tbody, tfoot) > tr > :is(th, td) {font-size: 12px !important; line-height: 1.45 !important; padding: 14px 4px !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table table > thead > tr > th {font-size: 9px !important; line-height: 1.4 !important; letter-spacing: 0 !important; padding: 8px 4px !important; overflow-wrap: normal;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table table > tbody > tr > .reporting-number {padding-right: 4px !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table td :is(button, [role="button"], a[class*="-btn"]) {font-size: 11px !important; min-height: 32px !important; padding: 5px 4px !important; white-space: normal !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table td button.analytics-date-link {font-size: 12px !important; padding: 0 !important; min-height: 32px !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody) > tr > :is(th, td)[data-key=""] {padding: 10px 4px !important; font-size: 10px !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .person-custom-data-table tbody td {padding: 0 !important; border: 0 !important;}
    :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-fit-table .person-custom-data-table :is(input, textarea) {font-size: 16px !important; min-height: 44px !important;}
  }
}

/* Responsive widths and type apply throughout the desktop-to-phone range. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table {
  --report-cell-font: clamp(11px, calc(9px + .5vw), 16px);
  --report-heading-font: clamp(8.5px, calc(7px + .3vw), 11px);
  --report-secondary-font: clamp(9px, calc(7px + .4vw), 12px);
  --report-action-font: clamp(9px, calc(7px + .4vw), 12px);
  --report-index-font: 10px;
  --report-cell-padding: clamp(3px, .7vw, 10px);
  --report-row-padding: clamp(9px, 1vw, 15px);
}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table table {min-width: var(--report-table-min-width, 0px) !important; table-layout: fixed;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table :is(th, td) {min-width: 0 !important; max-width: none !important; white-space: normal !important; overflow-wrap: anywhere; word-break: normal !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table th[data-key] {width: var(--report-column-width) !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table :is(.reporting-pin-name, .reporting-pin-actions) {position: static !important; min-width: 0 !important;}
/* Unpin headers without losing the containing block for their options button. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table:is(.reporting-fit-table, .reporting-narrow-table) th:is(.reporting-pin-name, .reporting-pin-actions) {position: relative !important; left: auto !important; right: auto !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table :is(.analytics-nav-link-cell, .analytics-nav-link, .analytics-inline-filter-cell, .analytics-inline-filter-value, .analytics-nav-link-text, .analytics-nav-link-text-plain) {min-width: 0 !important; max-width: 100%; white-space: normal; overflow-wrap: anywhere;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table td.reporting-number {white-space: nowrap !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-cell-secondary {font-size: var(--report-secondary-font); line-height: 1.4; margin-top: 4px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-row-total {font-size: var(--report-index-font);}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-tag {font-size: var(--report-action-font); padding: 3px; max-width: 100%; box-sizing: border-box;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-tag .analytics-inline-filter-value {overflow-wrap: anywhere;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-row-actions {font-size: var(--report-action-font); gap: 6px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table :is(.refund-header-wrap, .cancel-header-wrap, .bulk-header-controls, .bulk-action-cell) {display: flex; flex-wrap: wrap; min-width: 0; max-width: 100%; white-space: normal; gap: 4px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table th :is(.refund-header-wrap, .cancel-header-wrap) > span {padding: 0; min-height: 0; line-height: inherit;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table .event-refund-no-action {font-size: var(--report-action-font); white-space: normal; overflow-wrap: anywhere; padding: 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-narrow-table .reporting-row-actions {flex-direction: column; align-items: flex-start;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-narrow-table .reporting-row-actions a {white-space: normal; padding: 5px 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table.reporting-narrow-table :is(.analytics-inline-filter-btn, .reporting-column-menu-toggle) {display: none !important;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table.reporting-narrow-table :is(.bulk-header-controls, .bulk-action-cell) {flex-direction: column; align-items: stretch;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table.reporting-narrow-table .bulk-action-checkbox-label {flex-wrap: wrap; justify-content: center; white-space: normal; gap: 2px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table .community-tag-chips {min-width: 0; max-width: 100%; gap: 4px;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table .community-tag-chip {max-width: 100%; box-sizing: border-box; font-size: var(--report-action-font); padding: 3px; white-space: normal; overflow-wrap: anywhere; hyphens: none;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-person-communications-table th:nth-child(1) {width: 20%;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-person-communications-table th:nth-child(2) {width: 17%;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-person-communications-table th:nth-child(3) {width: 33%;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-person-communications-table th:nth-child(4),
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .single-person-communications-table th:nth-child(5) {width: 15%;}
@layer wf-table-density {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table {font-size: var(--report-cell-font) !important; line-height: 1.45 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody, tfoot) > tr > :is(th, td) {font-size: var(--report-cell-font) !important; line-height: 1.45 !important; padding: var(--report-row-padding) var(--report-cell-padding) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > thead > tr > th {font-size: var(--report-heading-font) !important; line-height: 1.4 !important; letter-spacing: 0 !important; padding: 10px calc(var(--report-cell-padding) + 24px) 10px var(--report-cell-padding) !important; overflow-wrap: normal; hyphens: none;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table.reporting-narrow-table table > thead > tr > th {padding: 8px var(--report-cell-padding) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > tbody > tr > .reporting-number {padding-right: var(--report-cell-padding) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > :is(thead, tbody) > tr > :is(th, td)[data-key=""] {font-size: var(--report-index-font) !important; padding: 8px 3px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td :is(button, [role="button"], a[class*="-btn"]) {font-size: var(--report-action-font) !important; padding: 5px var(--report-cell-padding) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table td button.analytics-date-link {font-size: var(--report-cell-font) !important; padding: 0 !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table :is(.bulk-header-controls, .bulk-action-cell) button,
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table :is(.analytics-row-action-btn, [id$="communityTagSelectAll"], .community-tag-header-add, .community-tag-header-filter) {font-size: var(--report-action-font) !important; min-width: 0 !important; max-width: 100% !important; min-height: 28px !important; height: auto !important; padding: 4px 2px !important; white-space: normal !important; overflow-wrap: anywhere; hyphens: none; flex-wrap: wrap;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table.reporting-fit-table .bulk-action-checkbox-label {font-size: var(--report-action-font) !important; padding: 2px !important;}
}

@media print {
  .reporting-heading, .reporting-views-panel, .reporting-options-panel, .reporting-search-row, .reporting-shortcuts, .reporting-layouts, .reporting-filters, .reporting-subnav, .reporting-breadcrumbs, .reporting-row-actions {display: none !important;}
}

:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table [id$="communityTagSelectAll"] {font-size: var(--report-action-font) !important; min-width: 0 !important; max-width: 100% !important; min-height: 28px !important; height: auto !important; padding: 4px 2px !important; white-space: normal !important; line-height: 1.2; word-break: normal; overflow-wrap: normal;}

/* Action menus must remain reachable even in compact views. Place the dots on
   their own line so they cannot cover narrow Select, Tags, or Refund headings. */
@layer wf-table-density {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table table > thead > tr > th.reporting-has-header-actions {padding-right: var(--report-cell-padding) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table th.reporting-has-header-actions > .reporting-column-menu-toggle {position: static !important; display: block !important; opacity: 1 !important; margin: 2px 0 0;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-table .reporting-header-actions button {font-size: 14px !important; line-height: 1.4 !important; padding: 9px !important; min-height: 36px !important; overflow-wrap: normal !important; box-shadow: none !important;}
}

/* Client-side audience tables share reporting controls without changing the
   Share page, guest-list page, or newsletter page outside their table section. */
:is(body.reporting-page #dashboardContent, .reporting-client-scope).reporting-client-scope.analytics-table-scope {padding: 0 !important; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box;}
.reporting-client-scope .reporting-client-controls {margin-bottom: 20px;}
.newsletter-card:has(#newsletterSubscribers) {min-width: 0;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-client-controls .reporting-heading h2 {flex: 0 0 auto;}
.reporting-client-scope .reporting-row-total {white-space: nowrap;}
:is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-options-panel.event-messaging-table-toolbar {display: block;}
.reporting-client-scope .reporting-client-audience {display: contents;}
.reporting-client-scope .reporting-client-audience button {flex: 0 0 auto !important; width: auto !important; max-width: 100%; font-size: 13px !important; padding: 8px 12px !important; min-height: 38px !important; border: 1px solid var(--report-line) !important; border-radius: 24px !important; box-shadow: none !important; background: white !important; color: #101010 !important;}
.reporting-client-scope .reporting-client-audience button[aria-pressed=true] {background: var(--mint, #bae8cc) !important; border-color: #26202f !important;}
.reporting-client-scope .reporting-column-menu .reporting-client-sort {opacity: 1 !important;}
.reporting-client-scope .reporting-column-menu .reporting-client-sort::after {content: attr(aria-label);}
.reporting-client-scope .reporting-column-menu .event-messaging-header-filter-trigger {margin: 0;}
.reporting-client-scope .reporting-client-table {max-width: 100%; width: 100%; box-sizing: border-box; max-height: none;}
.reporting-client-scope .reporting-options-panel[hidden], .reporting-client-scope .reporting-views-panel[hidden] {display: none !important;}
.reporting-client-scope :is(input, select, textarea) {background: white; color: #101010;}
.reporting-client-scope .event-messaging-header-heading:empty, .reporting-client-scope .event-messaging-tags-header-actions:empty {display: none;}
@media (max-width: 600px) {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-client-controls .reporting-heading h2 {font-size: 23px !important;}
}
@layer wf-table-density {
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-client-table table > :is(thead, tbody, tfoot) > tr > :is(th, td) {background: var(--report-bg) !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-client-table table > thead > tr > th[data-key="select"] {padding-left: 4px !important; padding-right: 4px !important;}
  :is(body.reporting-page #dashboardContent, .reporting-client-scope) .reporting-client-table .reporting-column-menu button {text-transform: none !important;}
}