/* Shared sticky breadcrumb — Dashboard shell only. Tokens only. */

.securends .se-breadcrumb {
  position: fixed;
  top: var(--se-app-header);
  right: var(--se-header-inset-x);
  left: auto;
  width: calc(100% - var(--se-sidebar-w) - (2 * var(--se-header-inset-x)));
  height: var(--se-breadcrumb-h);
  /* Above page sticky toolbars (UAR ≤50) so title bars never cover crumbs */
  z-index: 55;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 0 var(--se-header-pad-x);
  margin: 0;
  background: var(--se-page);
  border-bottom: 1px solid var(--se-line-soft);
  font-family: var(--se-sans);
}

.securends .se-breadcrumb-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
}

.securends .se-breadcrumb-list::-webkit-scrollbar {
  display: none;
}

.securends .se-breadcrumb-item {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  font-size: 13px;
  line-height: 1.2;
  white-space: nowrap;
}

.securends .se-breadcrumb-link {
  color: var(--se-ink-2) !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  background: none !important;
  border: 0;
  padding: 0;
}

.securends .se-breadcrumb-link:hover,
.securends .se-breadcrumb-link:focus-visible {
  color: var(--se-brand) !important;
  text-decoration: underline !important;
}

.securends .se-breadcrumb-text {
  color: var(--se-ink-2);
  font-weight: 400;
}

.securends .se-breadcrumb-item.is-current .se-breadcrumb-text {
  color: var(--se-ink);
  font-weight: 600;
}

.securends .se-breadcrumb-sep {
  display: inline-flex;
  align-items: center;
  margin: 0 6px;
  color: var(--se-ink-3);
}

.securends .se-breadcrumb-sep .material-icons {
  font-size: 16px !important;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: var(--se-ink-3) !important;
}

/* Offset content below the sticky crumb bar. Visual gap under crumbs is
   kit.css `--se-page-pad-top` (not this margin). */
html.se-has-breadcrumb .securends .main-content {
  margin-top: calc(var(--se-app-header) + var(--se-breadcrumb-h)) !important;
}

html.se-hnav-has-bar .securends[data-se-nav="horizontal"] {
  --se-sticky-top: calc(var(--se-app-header) + var(--se-hnav-bar-h) + var(--se-breadcrumb-h));
}

html[data-se-nav="horizontal"].se-hnav-has-bar .securends .se-breadcrumb {
  top: calc(var(--se-app-header) + var(--se-hnav-bar-h));
  left: var(--se-header-inset-x);
  right: auto;
  width: calc(100% - (2 * var(--se-header-inset-x)));
}

html.se-has-breadcrumb[data-se-nav="horizontal"].se-hnav-has-bar .securends .main-content {
  margin-top: calc(var(--se-app-header) + var(--se-hnav-bar-h) + var(--se-breadcrumb-h)) !important;
}

@media (max-width: 959px) {
  .securends .se-breadcrumb {
    width: calc(100% - (2 * var(--se-header-inset-x))) !important;
    right: var(--se-header-inset-x) !important;
    padding: 0 12px;
    top: var(--se-app-header) !important;
  }

  .securends .se-breadcrumb-item {
    font-size: 12px;
  }

  html.se-hnav-has-bar .securends[data-se-nav="horizontal"] {
    --se-sticky-top: calc(var(--se-app-header) + var(--se-breadcrumb-h));
  }

  html.se-has-breadcrumb[data-se-nav="horizontal"].se-hnav-has-bar .securends .main-content {
    margin-top: calc(var(--se-app-header) + var(--se-breadcrumb-h)) !important;
  }
}

/* Campaign list screens — toolbar leftovers only.
   Tables, 3-dots, buttons, and filters use kit + tables.css.
   Routes: /campaignTemplates /listOfCampaign /listOfCampaignScheduler
           /campaignRestrictions /delegates /campaignReports
   Inner scroll: /campaignTemplates (.campaignTemp) must match /listOfCampaign
   (.listofCampTable). Beat pickels campaignTemp overflow:visible in tables.css. */

/* Beat pickels-v2 `.CreateCampaign { position: absolute; left: 225px }` — that
   offset leaves Add unclickable (paint and hit target do not match). */
html[data-se-theme] .CreateCampaign,
.securends .CreateCampaign {
  position: static !important;
  left: auto !important;
}

.securends .se-exceptions-audit-page > .row.manageApp {
  position: sticky !important;
  top: 0 !important;
  z-index: 8;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-exceptions-audit-page .campaign_progress {
  position: static !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}

.securends .se-exceptions-audit-page .campaign_progress .fa-spinner-icon {
  position: static !important;
  right: auto !important;
}

html[data-se-theme] .securends .se-exceptions-audit-page .o-form-title-bar input.AddAppBtn,
.securends .se-exceptions-audit-page .o-form-title-bar input.AddAppBtn {
  height: 28px !important;
  min-height: 28px !important;
  width: auto !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  margin: 0 !important;
  cursor: pointer;
}

html[data-se-theme] .securends .se-exceptions-audit-page .o-form-title-bar input.AddAppBtn[data-type="export"],
.securends .se-exceptions-audit-page .o-form-title-bar input.AddAppBtn[data-type="export"] {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
}

html[data-se-theme] .securends .se-exceptions-audit-page .o-form-title-bar input.AddAppBtn[data-type="export"]:hover,
.securends .se-exceptions-audit-page .o-form-title-bar input.AddAppBtn[data-type="export"]:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
}

html[data-se-theme] .securends .se-exceptions-audit-page .se-exceptions-audit-back input.AddAppBtn,
.securends .se-exceptions-audit-page .se-exceptions-audit-back input.AddAppBtn {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
}

html[data-se-theme] .securends .se-exceptions-audit-page .se-exceptions-audit-back input.AddAppBtn:hover,
.securends .se-exceptions-audit-page .se-exceptions-audit-back input.AddAppBtn:hover {
  background: var(--se-page) !important;
  border-color: var(--se-brand) !important;
}

.securends .se-campaign-list-page .o-form-title-bar,
.securends .se-campaign-list-page .barLeftWidget {
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px 12px;
  height: auto !important;
  width: 100% !important;
}

/* Pickels used marginLeft -16px / 1275px on campaign headers — keep the white card full width. */
.securends .se-campaign-list-page > .row.manageApp,
.securends .se-campaign-list-page > div[style*="position: sticky"],
.securends .campaign-scheduler-header,
.securends .delegation-header-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Title card sits immediately under the breadcrumb.
   `.se-campaign-list-page { overflow-x: hidden }` is a sticky containing block, so
   kit `top: var(--se-app-header)` and pickels inline `top: 50px` open a ~60px gap.
   Sticky `top` is relative to that wrapper (already below crumbs), not the viewport. */
.securends .main-content:has(.se-campaign-list-page) {
  padding-top: var(--se-page-pad-top, 5px) !important;
}

.securends .se-campaign-list-page > .row.manageApp,
.securends .se-campaign-list-page > .row.manageApp[style*="position"],
.securends .se-campaign-list-page > div[style*="position: sticky"] {
  position: sticky !important;
  top: 0 !important;
  z-index: 8;
  background: var(--se-card) !important;
  margin-top: 0 !important;
}

.securends .se-campaign-list-page .barLeftWidget {
  width: auto !important;
  flex: 1 1 auto;
  min-width: 0;
}

.securends .se-campaign-list-page .o-form-title-bar>.iam_add_Export,
.securends .se-campaign-list-page .se-campaign-toolbar-end {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.securends .se-campaign-list-page .CreateCampaign,
.securends .se-campaign-list-page .typeControls,
.securends .se-campaign-list-page .Sort_By_Data {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  height: auto !important;
}

.securends .se-campaign-list-page .CreateCampaign label,
.securends .se-campaign-list-page .typeControls label,
.securends .se-campaign-list-page .Sort_By_Data {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  line-height: 28px !important;
  white-space: nowrap;
}

.securends .se-campaign-list-page .se-campaign-type-filter {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.securends .se-campaign-list-page .Sort_By_Data select,
.securends .se-campaign-list-page .typeControls select,
.securends .se-campaign-list-page .CreateCampaign select {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  height: 28px !important;
  min-width: 96px;
  padding: 0 24px 0 8px !important;
  color: var(--se-ink) !important;
  background-color: var(--se-card) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 7px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  margin: 0 !important;
  vertical-align: middle;
}

/* Beat pickels campaignPopUp left: 75px / right: 0 / margin-top: -2.125rem
   that stretched the 3-dots panel over STATUS and the filter row. */
.securends .se-campaign-list-page .listofCampTable .drop-maindiv,
.securends .se-campaign-list-page .listofCampTable .drop-maindiv.drop-extra,
.securends .se-campaign-list-page .listofCampTable .configActionDropdown {
  overflow: visible !important;
  position: relative !important;
}

.securends .se-campaign-list-page .listofCampTable .ReactTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
.securends .se-campaign-list-page .listofCampTable .ReactTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO,
.securends .se-campaign-list-page .listofCampTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUp,
.securends .se-campaign-list-page .listofCampTable .rt-tr-group .drop-maindiv .dropdown.badge.configActionDropdown .dropdown-menu.campaignPopUpCO,
.securends .se-campaign-list-page .drop-maindiv.drop-extra ul.dropdown-menu.campaignPopUp,
.securends .se-campaign-list-page .drop-maindiv.drop-extra ul.dropdown-menu.campaignPopUpCO {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
  width: auto !important;
  min-width: 196px;
  overflow: visible !important;
}

/* Export → Reviewers must escape the actions panel */
.securends .se-campaign-list-page .listofCampTable .dropdown-menu.campaignPopUp,
.securends .se-campaign-list-page .listofCampTable .dropdown-menu.campaignPopUp>li,
.securends .se-campaign-list-page .listofCampTable .dropdown-menu.campaignPopUp>li>a,
.securends .se-campaign-list-page .listofCampTable .export-submenu-item {
  overflow: visible !important;
}

/* Toolbar wait only — do NOT left-nudge the table's centered initial loader */
.securends .se-campaign-list-page .o-form-title-bar>.fa-spinner-icon,
.securends .se-campaign-list-page .se-campaign-toolbar-end .fa-spinner-icon,
.securends .se-campaign-list-page .iam_add_Export .fa-spinner-icon {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 0 0 8px !important;
  float: none !important;
}

.securends .se-campaign-list-page .listofCampTable .rt-noData,
.securends .se-campaign-list-page .listofCampTable .noDataComponent,
.securends .se-campaign-list-page .listofCampTable .fa-spinner-icon {
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
  text-align: center !important;
}

.securends .se-campaign-list-page .iam_add_Export,
.securends .se-campaign-list-page .button_alignment {
  margin-top: 0 !important;
}

/* Reports: title + Status + Active/Archived on one row, filters LEFT after title */
.securends .se-campaign-reports-page > .row:first-of-type {
  position: sticky !important;
  top: 0 !important;
  z-index: 8;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-reports-page .o-form-title-bar,
.securends .se-campaign-reports-page h2.o-form-title-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px !important;
}

.securends .se-campaign-reports-page .o-form-title-bar .se-title-text {
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.securends .se-campaign-reports-page .o-form-title-bar .Sort_By_Data,
.securends .se-campaign-reports-page h2.o-form-title-bar > label.Sort_By_Data {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  order: 0 !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: auto !important; /* fill remaining row on the right; keep filters left of title */
  z-index: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.securends .se-campaign-reports-page .Sort_By_Data select {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  height: 28px !important;
  min-width: 96px;
  padding: 0 24px 0 8px !important;
  color: var(--se-ink) !important;
  background-color: var(--se-card) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 7px !important;
  font-weight: 500 !important;
  font-size: 12px !important;
}

.securends .se-campaign-reports-page .ReactTable {
  --se-table-freeze-1: var(--se-table-action-w, 74px);
  --se-cr-name-w: 179px;
  --se-cr-status-w: 84px;
  --se-cr-date-w: 120px;
  --se-cr-progress-w: 140px;
}

.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-tr > .rt-th:first-child,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-tr > .rt-th:first-child,
.securends .se-campaign-reports-page .ReactTable .rt-tbody .rt-tr > .rt-td:first-child {
  min-width: var(--se-table-action-w, 74px);
  box-sizing: border-box;
}

/* Column widths come from the column config (width / minWidth) as ReactTable inline
   styles — never force width / min / max / flex-basis here, or header drag-resize
   is overridden and snaps back. Only flex-grow is tuned: Campaign fills the row. */
.securends .se-campaign-reports-page .ReactTable .rt-th.se-camp-col-name,
.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-name,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-th.se-camp-col-name {
  box-sizing: border-box !important;
}

.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Status — chips */
.securends .se-campaign-reports-page .ReactTable .rt-th.se-camp-col-status,
.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-status,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-th.se-camp-col-status {
  box-sizing: border-box !important;
}

.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-status .se-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Launch / Closed Date */
.securends .se-campaign-reports-page .ReactTable .rt-th.se-camp-col-launch,
.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-launch,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-th.se-camp-col-launch,
.securends .se-campaign-reports-page .ReactTable .rt-th.se-camp-col-closed,
.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-closed,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-th.se-camp-col-closed {
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

/* Progress */
.securends .se-campaign-reports-page .ReactTable .rt-th.se-camp-col-progress,
.securends .se-campaign-reports-page .ReactTable .rt-td.se-camp-col-progress,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-th.se-camp-col-progress,
.securends .se-campaign-reports-page .ReactTable .rt-td:has(.se-progress-cell) {
  box-sizing: border-box !important;
}

.securends .se-campaign-reports-page .ReactTable .se-progress-cell {
  min-width: 0 !important;
  max-width: 100% !important;
}

/* Header labels share the same left edge as cells (ACTION / CAMPAIGN / STATUS / dates) */
.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-th,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-th.actionColContainer,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-th.rt-resizable-header,
.securends .se-campaign-reports-page .ReactTable .rt-tbody .rt-td,
.securends .se-campaign-reports-page .ReactTable .rt-tbody .rt-td.actionColContainer {
  text-align: left !important;
  justify-content: flex-start !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-resizable-header-content,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-resizable-header-content > div,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-header .rt-th div:not(.rt-resizer) {
  text-align: left !important;
  justify-content: flex-start !important;
  line-height: 1.25 !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-th,
.securends .se-campaign-reports-page .ReactTable .rt-thead.-filters .rt-td {
  padding-left: 12px !important;
  padding-right: 12px !important;
  justify-content: flex-start !important;
}

.securends .se-campaign-reports-page .ReactTable .rt-tbody .rt-td .dropdown.badge,
.securends .se-campaign-reports-page .ReactTable .rt-tbody .rt-td .ActionDropdown,
.securends .se-campaign-reports-page .ReactTable .rt-tbody .rt-td .configActionDropdown {
  justify-content: flex-start !important;
}

/* Action menu: fit “Export Audit Report” (was clipped by inline width:160px) */
.securends .se-campaign-reports-page .ReactTable .dropdown .dropdown-menu.leftAlign,
.securends .se-campaign-reports-page .ReactTable .rt-tbody .dropdown-menu.leftAlign,
.securends .se-campaign-reports-page .ReactTable .dropdown-menu:not(.multiselect) {
  width: auto !important;
  min-width: 220px !important;
  max-width: none !important;
  white-space: nowrap !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-reports-page .ReactTable .dropdown-menu.leftAlign > li > a,
.securends .se-campaign-reports-page .ReactTable .dropdown-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 8px 12px !important;
}

.securends .se-campaign-list-page .listofCampTable {
  --se-table-freeze-1: 100px;
}

/* Restrictions: title + Export/Audit in header; search/Clear/Add User below */
.securends .se-campaign-restrictions-page > .row.manageApp {
  position: sticky !important;
  top: 0 !important;
  z-index: 8;
  margin-bottom: 0 !important;
}

.securends .se-campaign-restrictions-page .o-form-title-bar {
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin-bottom: 8px !important;
}

.securends .se-campaign-restrictions-page .se-exceptions-actions {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px !important;
  padding: 0;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-campaign-restrictions-page .se-exceptions-search,
.securends .se-campaign-restrictions-page .rolesAutocomplete {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none;
  flex: 0 1 auto;
  min-width: 0;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

.securends .se-campaign-restrictions-page .se-exceptions-search .form-group,
.securends .se-campaign-restrictions-page .se-exceptions-search #search-request-bar {
  margin: 0 !important;
}

.securends .se-campaign-restrictions-page .se-exceptions-search .input-group.search {
  display: flex !important;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
}

.securends .se-campaign-restrictions-page .owner-box {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
}

.securends .se-campaign-restrictions-page .se-exceptions-search input,
.securends .se-campaign-restrictions-page .rolesAutocomplete input {
  height: 36px !important;
  min-height: 36px !important;
  width: 280px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-restrictions-page .se-exceptions-search .btn_clear,
.securends .se-campaign-restrictions-page .se-exceptions-search .custom__lg {
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: var(--se-r) !important;
  border: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-restrictions-page .nav-button,
.securends .se-campaign-restrictions-page .se-exceptions-add {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.securends .se-campaign-restrictions-page .se-exceptions-add .campaignRestriction,
.securends .se-campaign-restrictions-page .se-exceptions-add .custom__pg,
.securends .se-campaign-restrictions-page .se-exceptions-actions button#templatesave {
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border-radius: var(--se-r) !important;
  background: var(--se-brand) !important;
  border: none !important;
  color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-restrictions-page .o-form-title-bar > span[style],
.securends .se-campaign-restrictions-page .se-campaign-toolbar-end {
  float: none !important;
  margin: 0 0 0 auto !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Delegation: Toolbar card (title + Add + type + actions), form, table */
.securends .se-delegates-page .strapi-pagename {
  display: none !important;
}

/* White page-toolbar card on manageApp (beat kit transparent h2 + list sticky). */
.securends .se-delegates-page.se-campaign-list-page > .row.manageApp,
.securends .se-delegates-page > .row.manageApp {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  margin: 0 0 16px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: var(--se-page-toolbar, 48px);
  padding: 10px 20px !important;
  box-sizing: border-box !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  position: static !important;
  top: auto !important;
  z-index: 8;
}

.securends .se-delegates-page.se-campaign-list-page > .row.manageApp > h2.o-form-title-bar,
.securends .se-delegates-page > .row.manageApp > h2.o-form-title-bar,
.securends .se-delegates-page h2.o-form-title-bar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px;
  height: auto !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-page-head) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  line-height: 1.3 !important;
  white-space: nowrap;
}

.securends .se-delegates-page .o-form-title-bar > .se-toolbar-actions,
.securends .se-delegates-page .se-toolbar-actions {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  float: none !important;
  flex-shrink: 0;
}

.securends .se-delegates-page .delegation-type-header-field {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 0 !important;
  flex-shrink: 0;
}

.securends .se-delegates-page .delegation-type-header-field select {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 28px 0 10px !important;
  line-height: 26px !important;
  color: var(--se-ink) !important;
  background-color: var(--se-page) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 7px !important;
  font-family: var(--se-sans) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  min-width: 165px !important;
  cursor: pointer !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.securends .se-delegates-page .CreateCampaign {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  pointer-events: auto !important;
  flex-shrink: 0;
}

.securends .se-delegates-page .CreateCampaign > .modal:not(.in):not(.show) {
  display: none !important;
  pointer-events: none !important;
}

.securends .se-delegates-page .delegateAdd,
.securends .se-delegates-page .CreateCampaign button.AddAppBtn.delegateAdd,
.securends .se-delegates-page .CreateCampaign .AddAppBtn {
  pointer-events: auto !important;
  height: 28px !important;
  padding: 0 14px !important;
  line-height: 26px !important;
  border-radius: var(--se-r) !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  margin: 0 !important;
  cursor: pointer !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-delegates-page .delegateAdd:hover,
.securends .se-delegates-page .CreateCampaign .AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-delegates-page .se-toolbar-actions .AddAppBtn,
.securends .se-delegates-page .se-toolbar-actions .button-primary,
.securends .se-delegates-page .se-toolbar-actions .iam_add_Export {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #ffffff !important;
  height: 28px !important;
  padding: 0 14px !important;
  line-height: 26px !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-delegates-page .se-toolbar-actions .AddAppBtn:hover,
.securends .se-delegates-page .se-toolbar-actions .button-primary:hover,
.securends .se-delegates-page .se-toolbar-actions .iam_add_Export:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #ffffff !important;
}

.securends .se-delegates-page .se-toolbar-actions .AddAppBtn:disabled,
.securends .se-delegates-page .se-toolbar-actions .iam_add_Export:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Card & Body container - Flatten nested borders */
.securends .se-delegates-page .endpointConfigCard {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 20px !important;
  margin-bottom: 24px !important;
}

.securends .se-delegates-page .endpointConfigCard .mainBodyContainer,
.securends .se-delegates-page .endpointConfigCard .campaignList.Table,
.securends .se-delegates-page .endpointConfigCard .CampaignTable,
.securends .se-delegates-page .endpointConfigCard .tableDelegationInfo {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-delegates-page .tableDelegationInfo {
  padding: 0 !important;
}

.securends .se-delegates-page .delegation-type-row {
  margin: 0 0 20px 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
}

.securends .se-delegates-page .delegation-form-field {
  padding: 0 !important;
}

.securends .se-delegates-page .delegation-form-field label.control-label,
.securends .se-delegates-page label {
  font-family: var(--se-sans) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--se-ink-2) !important;
  margin-bottom: 6px !important;
  display: block;
}

.securends .se-delegates-page .delegation-form-field select.form-control,
.securends .se-delegates-page select.form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  height: 36px !important;
  padding: 0 32px 0 12px !important;
  color: var(--se-ink) !important;
  background-color: var(--se-card) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 7px !important;
  font-family: var(--se-sans) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
}

/* Credential Delegation Filter Form */
.securends .se-delegates-page .delegation-credential-form {
  background: var(--se-page) !important;
  border: 1px solid var(--se-line-soft) !important;
  border-radius: var(--se-r) !important;
  padding: 16px !important;
  margin: 0 0 20px 0 !important;
}

.securends .se-delegates-page .delegation-form-row {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px 12px !important;
  margin: 0 !important;
}

.securends .se-delegates-page .delegation-form-row > [class*="col-md"],
.securends .se-delegates-page .delegation-form-row > .delegation-form-field,
.securends .se-delegates-page .delegation-form-row > .delegation-save-wrap {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

.securends .se-delegates-page .delegation-form-row > .delegation-form-field > label,
.securends .se-delegates-page .delegation-sor-search-wrap > label,
.securends .se-delegates-page .delegation-form-row .owner-box,
.securends .se-delegates-page .delegation-save-spacer {
  display: block !important;
  height: auto !important;
  min-height: 18px !important;
  line-height: 18px !important;
  margin: 0 0 6px 0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  color: var(--se-ink-2) !important;
}

.securends .se-delegates-page .delegation-sor-search-wrap {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  width: 280px !important;
  max-width: 280px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-right: 0 !important;
  overflow: visible !important;
  z-index: 30;
}

.securends .se-delegates-page .delegation-sor-search-wrap:has(> .fa-spinner-icon) {
  padding-right: 28px !important;
  margin-right: 4px !important;
}

.securends .se-delegates-page .delegation-sor-search-wrap > div {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 30 !important;
}

.securends .se-delegates-page .delegation-sor-search-wrap input {
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Search spinner sits to the right of the input, not on top of it */
.securends .se-delegates-page .delegation-sor-search-wrap > .fa-spinner-icon {
  position: absolute !important;
  top: 24px !important;
  right: 0 !important;
  left: auto !important;
  bottom: auto !important;
  width: 24px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 4;
}

.securends .se-delegates-page .delegation-sor-search-wrap > .fa-spinner-icon .fa-spinner,
.securends .se-delegates-page .delegation-sor-search-wrap > .fa-spinner-icon .fa-spin {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  font-size: 16px !important;
  color: var(--se-brand) !important;
}

/* Autocomplete menu floats above the credentials table instead of clipping into it */
.securends .se-delegates-page .endpointConfigCard,
.securends .se-delegates-page .tableDelegationInfo,
.securends .se-delegates-page .delegation-credential-form,
.securends .se-delegates-page .delegation-form-row {
  overflow: visible !important;
}

.securends .se-delegates-page .delegation-sor-search-wrap > div > div:last-child {
  z-index: 40 !important;
  min-width: 100% !important;
  max-width: none !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-lg, 0 8px 24px rgba(15, 23, 42, 0.14)) !important;
  margin-top: 4px !important;
}

.securends .se-delegates-page .delegation-sor-search-wrap .ac_dropdown {
  white-space: nowrap !important;
}

.securends .se-delegates-page .delegation-sor-search-wrap .error-autocomplete {
  position: absolute;
  left: 0;
  top: calc(18px + 6px + 36px);
  margin: 0 !important;
}

.securends .se-delegates-page .delegation-form-field select.form-control {
  margin: 0 !important;
}

.securends .se-delegates-page .delegation-save-wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.securends .se-delegates-page .delegation-save-spacer {
  visibility: hidden;
}

.securends .se-delegates-page .delegation-save-wrap .forSaveBtn,
.securends .se-delegates-page .delegation-form-row .forSaveBtn {
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  position: static !important;
}

.securends .se-delegates-page .delegation-assign-reviewer-row {
  position: relative !important;
  left: auto !important;
  margin-top: 0 !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  overflow: visible !important;
  z-index: 20;
}

.securends .se-delegates-page .delegation-assign-reviewer-row > .rolesAutocomplete.reviewerLabel,
.securends .se-delegates-page .delegation-assign-reviewer-row .rolesAutocomplete.reviewerLabel {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

.securends .se-delegates-page .delegation-assign-reviewer-row .owner-box {
  position: static !important;
  height: auto !important;
  min-height: 18px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.securends .se-delegates-page .delegation-assign-reviewer-row .rolesAutocomplete > div {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  z-index: 25 !important;
  overflow: visible !important;
}

.securends .se-delegates-page .delegation-assign-reviewer-row .rolesAutocomplete input {
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  box-sizing: border-box !important;
}

.securends .se-delegates-page .delegation-assign-reviewer-row .rolesAutocomplete > div > div:last-child {
  z-index: 40 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-lg, 0 8px 24px rgba(15, 23, 42, 0.14)) !important;
}

/* ReactTable container override */
.securends .se-delegates-page .CampaignTable {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  border: 1px solid var(--se-line-soft) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: var(--se-card) !important;
}

.securends .se-delegates-page .ReactTable {
  border: none !important;
  background: transparent !important;
}

.securends .se-delegates-page .ReactTable .rt-thead.-header .rt-th {
  background: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.securends .se-delegates-page .ReactTable .rt-tbody .rt-td {
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  color: var(--se-ink) !important;
  padding: 10px 12px !important;
  border-right: 1px solid var(--se-table-line, var(--se-line-soft)) !important;
}

.securends .se-delegates-page .ReactTable .rt-tr:hover .rt-td {
  background: var(--se-row-hover) !important;
}

.securends .se-delegates-page .ReactTable .dropdown.badge .btn {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink-2) !important;
  border-radius: var(--se-r) !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.securends .se-delegates-page .ReactTable .dropdown.badge .btn:hover {
  background: var(--se-row-hover) !important;
  color: var(--se-ink) !important;
  border-color: var(--se-line-soft) !important;
}

/* Selected Entitlements / Credentials chips */
.securends .se-delegates-page .checkedEntitlements {
  background: var(--se-brand-tint) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  padding: 12px 16px !important;
  margin: 12px 0 20px 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.securends .se-delegates-page .checkedEntitlements .etTitle {
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: var(--se-brand) !important;
  margin-right: 8px !important;
}

.securends .se-delegates-page .checkedEntitlements .entDesc {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  padding: 4px 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
}

.securends .se-delegates-page .checkedEntitlements .closeEt {
  cursor: pointer !important;
  color: var(--se-risk) !important;
  font-weight: bold !important;
  margin-left: 4px !important;
}

/* Assign / Edit Delegate Right Modal Drawer */
.securends .se-assign-delegates-modal .modal-dialog,
html[data-se-theme] .se-assign-delegates-modal .modal-dialog {
  width: 55% !important;
  max-width: none !important;
  margin: 0 0 0 auto !important;
}

.securends .se-assign-delegates-modal .modal-content,
html[data-se-theme] .se-assign-delegates-modal .modal-content {
  border-radius: var(--se-r-modal) 0 0 var(--se-r-modal) !important;
  box-shadow: var(--se-shadow-lg) !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  height: 100% !important;
}

.securends .se-assign-delegates-modal .modelheader,
html[data-se-theme] .se-assign-delegates-modal .modelheader {
  border-bottom: 1px solid var(--se-line-soft) !important;
  padding: 20px 24px !important;
  background: var(--se-card) !important;
}

.securends .se-assign-delegates-modal .modelheader .modal-title,
html[data-se-theme] .se-assign-delegates-modal .modelheader .modal-title {
  font-family: var(--se-sans) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  letter-spacing: -0.01em;
}

.securends .se-assign-delegates-modal .modal-body,
html[data-se-theme] .se-assign-delegates-modal .modal-body {
  padding: 24px !important;
  background: var(--se-card) !important;
  font-family: var(--se-sans) !important;
}

.securends .se-assign-delegates-modal label {
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink-2) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.securends .se-assign-delegates-modal form.autoComplete>label {
  margin-top: 16px !important;
}

.securends .se-assign-delegates-modal form.autoComplete>label:first-child {
  margin-top: 0 !important;
}

.securends .se-assign-delegates-modal input.form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  height: 38px !important;
  padding: 0 14px !important;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  color: var(--se-ink) !important;
  background: var(--se-card) !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.securends .se-assign-delegates-modal input.form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  outline: none !important;
}

.securends .se-assign-delegates-modal .ac_dropdown {
  padding: 8px 14px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
  cursor: pointer !important;
  border-bottom: 1px solid var(--se-line-soft) !important;
}

.securends .se-assign-delegates-modal .ac_dropdown:hover {
  background: var(--se-row-hover) !important;
  color: var(--se-brand) !important;
}

.securends .se-assign-delegates-modal .submit-button {
  height: 38px !important;
  padding: 0 24px !important;
  border-radius: var(--se-r) !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #ffffff !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.securends .se-assign-delegates-modal .submit-button:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #ffffff !important;
}

.securends .se-assign-delegates-modal .custom_secondary {
  height: 38px !important;
  padding: 0 20px !important;
  border-radius: var(--se-r) !important;
  background: transparent !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.securends .se-assign-delegates-modal .custom_secondary:hover {
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
}


/* Delete Delegate Modal */
.securends .se-delete-delegate-modal .modal-content {
  border-radius: var(--se-r-modal) !important;
  border: 1px solid var(--se-line) !important;
  box-shadow: var(--se-shadow-lg) !important;
  background: var(--se-card) !important;
}

.securends .se-delete-delegate-modal .modal-header {
  border-bottom: 1px solid var(--se-line) !important;
  padding: 16px 20px !important;
}

.securends .se-delete-delegate-modal .modal-title {
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
}

.securends .se-delete-delegate-modal .modal-body {
  padding: 20px !important;
  font-family: var(--se-sans) !important;
  color: var(--se-ink) !important;
}

.securends .se-delete-delegate-modal .modal-footer {
  border-top: 1px solid var(--se-line) !important;
  padding: 12px 20px !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

@media (max-width: 960px) {

  .securends .se-campaign-list-page .o-form-title-bar,
  .securends .se-campaign-list-page .topLevelRecords {
    flex-wrap: wrap;
    white-space: normal;
  }

  .securends .se-campaign-list-page .o-form-title-bar>.iam_add_Export,
  .securends .se-campaign-list-page .se-campaign-toolbar-end,
  .securends .se-delegates-page .se-toolbar-actions {
    margin-left: 0;
  }
}

/* --------------------------------------------------------------------------
   /listOfCampaign — header card stays; strip table-parent white plate.
   .row.mainBodyContainer is the extra card (padding 8px) that misaligned
   the grid vs the toolbar. Only .o-form-title-bar / .manageApp stay white.
   -------------------------------------------------------------------------- */
.securends .se-campaign-list-page.react-table,
.securends .se-campaign-list-page {
  overflow-x: hidden !important;
  max-width: 100%;
  background: transparent !important;
}

.securends .se-campaign-list-page > div:not(.row) {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
}

.securends .se-campaign-list-page .row.manageApp {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

/* Delegation — restore page toolbar card (listOfCampaign flattens .manageApp above). */
.securends .se-delegates-page.se-campaign-list-page > .row.manageApp,
.securends .se-delegates-page > .row.manageApp {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px !important;
  min-height: var(--se-page-toolbar, 48px);
  display: flex !important;
  align-items: center !important;
  box-sizing: border-box !important;
  position: static !important;
  top: auto !important;
}

.securends .se-delegates-page.se-campaign-list-page > .row.manageApp > h2.o-form-title-bar,
.securends .se-delegates-page h2.o-form-title-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap;
  gap: 10px;
}

.securends .se-campaign-list-page .topLevelRecords {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow, 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03)) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
}

.securends .se-campaign-list-page .row.mainBodyContainer {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  overflow: visible !important;
}

.securends .se-campaign-list-page > .col-md-12.campaignList.Table,
.securends .se-campaign-list-page .campaignList.Table,
.securends .se-campaign-list-page .CampaignTable,
.securends .se-open-campaigns-page .CampaignTable,
.securends .se-open-campaigns-page .campaignList.Table {
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Open Campaigns table datepicker filter */
.securends .campaignList,
.securends .se-open-campaigns-page .campaignList,
.campaignList {
  transform: none !important;
  position: relative !important;
  overflow: visible !important;
}

.securends .se-open-campaigns-page .rt-thead.-filters,
.securends .se-open-campaigns-page .rt-thead.-filters .rt-th,
.securends .se-campaign-list-page .rt-thead.-filters,
.securends .se-campaign-list-page .rt-thead.-filters .rt-th {
  overflow: visible !important;
}

.securends .react-datepicker-popper,
div.react-datepicker-popper {
  z-index: 99999 !important;
}

.securends .se-campaign-list-page .se-rt-colcfg-host,
.securends .se-campaign-list-page .listofCampTable.ReactTable,
.securends .se-campaign-list-page .ReactTable.listofCampTable {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-list-page .listofCampTable.ReactTable,
.securends .se-campaign-list-page .ReactTable.listofCampTable {
  border: 1px solid var(--se-table-line, var(--se-line)) !important;
  background: var(--se-card) !important;
  overflow: hidden !important;
}

/* When filter calendar is open (in-tree fallback), unclip so dates are not cut off
   with few rows. Prefer SeDatePickerPopperContainer portal on Start/End Date filters. */
.securends .se-campaigns-page .listofCampTable.ReactTable:has(.react-datepicker-popper),
.securends .se-campaign-list-page.se-campaigns-page .listofCampTable.ReactTable:has(.react-datepicker-popper) {
  overflow: visible !important;
}

.securends .se-campaigns-page .listofCampTable .rt-table:has(.react-datepicker-popper) {
  overflow: visible !important;
  max-height: none !important;
  position: relative !important;
  z-index: 20 !important;
}

.securends .se-campaigns-page .listofCampTable .rt-thead.-filters:has(.react-datepicker-popper),
.securends .se-campaigns-page .listofCampTable .rt-thead.-filters:has(.react-datepicker-wrapper) {
  overflow: visible !important;
  z-index: 21 !important;
}

.securends .se-campaigns-page .listofCampTable .pagination-bottom {
  position: relative;
  z-index: 1;
}

.securends .se-campaign-list-page .listofCampTable .rt-thead.-header .rt-th {
  background: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.securends .se-campaign-list-page .listofCampTable .rt-tbody .rt-td {
  font-size: 13.5px !important;
  color: var(--se-ink) !important;
  padding: 10px 12px !important;
  border-right: 1px solid var(--se-table-line, var(--se-line-soft)) !important;
}

.securends .se-campaign-list-page .listofCampTable .rt-tbody .rt-td:last-child {
  border-right: none !important;
}

.securends .se-campaign-list-page .listofCampTable .rt-tr:hover .rt-td {
  background: var(--se-row-hover) !important;
}

.securends .se-campaign-list-page .listofCampTable .rt-thead.-filters .rt-th {
  background: var(--se-page) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
}

/* Status cell — chips keep their tone (do not flatten to ink-2) */
.securends .se-campaign-list-page .listofCampTable .rt-td .se-status-pill {
  font-weight: 600;
  vertical-align: middle;
}

/* /listOfCampaign NAME min 240px and grows to fill leftover (no right gutter).
   PROGRESS stays 105px. */
.securends .se-campaigns-page .listofCampTable .rt-th.se-camp-col-name,
.securends .se-campaigns-page .listofCampTable .rt-td.se-camp-col-name,
.securends .se-campaigns-page .listofCampTable .rt-thead.-filters .rt-th.se-camp-col-name,
.securends .se-campaigns-page .listofCampTable .rt-thead.-filters .rt-tr > .rt-th:nth-child(2) {
  flex: 1 1 var(--se-camp-name-w, 240px) !important;
  width: auto !important;
  min-width: var(--se-camp-name-w, 240px) !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.securends .se-campaigns-page .listofCampTable .rt-td.se-camp-col-name {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-campaigns-page .listofCampTable .rt-th.se-camp-col-progress,
.securends .se-campaigns-page .listofCampTable .rt-td.se-camp-col-progress,
.securends .se-campaigns-page .listofCampTable .rt-thead.-filters .rt-th.se-camp-col-progress,
.securends .se-campaigns-page .listofCampTable .rt-td:has(.se-progress-cell) {
  flex: 0 0 var(--se-camp-progress-w, 105px) !important;
  width: var(--se-camp-progress-w, 105px) !important;
  min-width: var(--se-camp-progress-w, 105px) !important;
  max-width: var(--se-camp-progress-w, 105px) !important;
  box-sizing: border-box !important;
}

.securends .se-campaigns-page .listofCampTable .se-progress-cell {
  min-width: 0 !important;
  max-width: 100% !important;
}

.securends .se-campaign-list-page .listofCampTable .rt-td span:not(.fa):not(.dropdown-toggle):not(.se-status-pill) {
  font-weight: 500;
  color: var(--se-ink-2);
}

/* Page / filter labels on this screen */
.securends .se-campaign-list-page .o-form-title-bar,
.securends .se-campaign-list-page label.Sort_By_Data,
.securends .se-campaign-list-page .se-campaign-type-filter {
  font-family: var(--se-sans) !important;
}

.securends .se-campaign-list-page label.Sort_By_Data {
  color: var(--se-ink-2) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

/* Campaign Info right drawer — modern key/value labels.
   Long labels use remaining width (values are short: Yes/No/N/A). */
html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails,
.securends .modal.right .modal-body .tblGrid.campaignDetails,
.securends .tblGrid.campaignDetails {
  width: 100% !important;
  border-collapse: separate;
  border-spacing: 0 6px;
  table-layout: auto;
}

html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails th,
html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails th.details_1,
.securends .modal.right .modal-body .tblGrid.campaignDetails th,
.securends .tblGrid.campaignDetails th,
.securends .tblGrid.campaignDetails th.details_1 {
  width: auto !important;
  max-width: none !important;
  padding: 8px 16px 8px 0 !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
  font-family: var(--se-sans) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
  color: var(--se-ink-2) !important;
  line-height: 1.4 !important;
  text-align: left !important;
}

html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails td,
html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails td.name,
.securends .modal.right .modal-body .tblGrid.campaignDetails td,
.securends .tblGrid.campaignDetails td,
.securends .tblGrid.campaignDetails td.name {
  width: 1% !important;
  max-width: none !important;
  padding: 8px 0 8px 12px !important;
  vertical-align: middle !important;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 1.45 !important;
  white-space: nowrap !important;
  word-break: normal !important;
  text-align: left !important;
}

.securends .modal.right .modal-body .tblGrid.campaignDetails tr {
  border-bottom: 1px solid var(--se-line-soft);
}

/* Campaign Info drawer loader — deferred to modals.css .popUpLoader (global) */
.securends .modal.right .actions-modal .tab-content {
  padding: 4px 0 8px;
}

/* --------------------------------------------------------------------------
   Campaign Scheduler (/listOfCampaignScheduler)
   Created Time / Next Launch were clipped or spilled into Created By because
   cells used overflow:unset, date strings are wide, and listofCampTable used
   overflow:hidden. Keep columns aligned and scroll horizontally if needed.
   -------------------------------------------------------------------------- */
.securends .se-campaign-scheduler-page .listofCampTable.ReactTable,
.securends .se-campaign-scheduler-page .ReactTable.listofCampTable {
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-table {
  min-width: 100% !important;
  width: max-content !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th,
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td {
  box-sizing: border-box !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td .se-sched-cell-text,
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td > div {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Min-width floors only — do not lock flex/width/max-width (ReactTable .rt-resizer). */
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:nth-child(1),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(1),
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(1) {
  min-width: 74px;
  overflow: visible !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:nth-child(2),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(2),
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(2) {
  min-width: 160px;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:nth-child(3),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(3),
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(3) {
  min-width: 180px;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:nth-child(4),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(4),
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(4) {
  min-width: 140px;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-th.se-sched-col-created-time,
.securends .se-campaign-scheduler-page .listofCampTable .rt-td.se-sched-col-created-time,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:nth-child(5),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(5),
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(5) {
  min-width: 200px;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-th.se-sched-col-next-launch,
.securends .se-campaign-scheduler-page .listofCampTable .rt-td.se-sched-col-next-launch,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:nth-child(6),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(6),
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(6) {
  min-width: 190px;
}

/* Same 6-column track for title, filters, and data. Only NAME grows;
   date/email columns stay content-sized like other ReactTables.
   Scheduled End Date needs ~180px so the header label does not cover the divider. */
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-tr,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-tr,
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-tr {
  display: grid !important;
  grid-template-columns: 74px minmax(180px, 1fr) 180px 168px 200px 188px !important;
  width: 100% !important;
  min-width: 100% !important;
  column-gap: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th,
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td,
.securends .se-campaign-scheduler-page .listofCampTable .rt-td.actionColContainer,
.securends .se-campaign-scheduler-page .listofCampTable .rt-th.se-sched-col-created-time,
.securends .se-campaign-scheduler-page .listofCampTable .rt-td.se-sched-col-created-time,
.securends .se-campaign-scheduler-page .listofCampTable .rt-th.se-sched-col-next-launch,
.securends .se-campaign-scheduler-page .listofCampTable .rt-td.se-sched-col-next-launch {
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  border-right: 1px solid var(--se-table-line, var(--se-line-soft)) !important;
  position: relative !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th:last-child,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:last-child,
.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:last-child {
  border-right: none !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th {
  overflow: hidden !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-tbody .rt-td:nth-child(1) {
  overflow: visible !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th .campaignList,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th .react-datepicker-wrapper,
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-header .rt-th .rt-resizer {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 10px !important;
  z-index: 6 !important;
  cursor: col-resize !important;
}

/* Date filters stay inside their column; calendar must paint over the table
   (list card uses overflow:hidden; rt-table uses overflow:auto + max-height). */
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(3),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(5),
.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(6) {
  overflow: visible !important;
}

.securends .se-campaign-scheduler-page.se-campaign-list-page .listofCampTable.ReactTable:has(.react-datepicker-popper),
.securends .se-campaign-scheduler-page .listofCampTable.ReactTable:has(.react-datepicker-popper) {
  overflow: visible !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-table:has(.react-datepicker-popper) {
  overflow: visible !important;
  max-height: none !important;
  position: relative !important;
  z-index: 20 !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .rt-thead.-filters:has(.react-datepicker-popper) {
  overflow: visible !important;
  z-index: 21 !important;
}

.securends .se-campaign-scheduler-page .listofCampTable .pagination-bottom {
  position: relative;
  z-index: 1;
}

.securends .se-campaign-scheduler-page .listofCampTable .react-datepicker-popper,
.securends .se-campaign-scheduler-page .se-table-datepicker-popper.react-datepicker-popper {
  z-index: calc(var(--se-z-modal, 1200) + 80) !important;
}

/* --------------------------------------------------------------------------
   Credential Delegation Audit Trail (/credentialDelegationViewAuditTrail)
   Title card + Export/Back in the toolbar (same pattern as Delegation Audit Trail).
   -------------------------------------------------------------------------- */
.securends .se-cred-delegation-audit-page {
  width: 100%;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-header-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: sticky !important;
  top: var(--se-sticky-top, var(--se-app-header)) !important;
  z-index: 8 !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px !important;
  min-height: var(--se-page-toolbar, 52px) !important;
  height: auto !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  min-width: 0;
  flex: 1 1 auto;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-header-left .strapi-pagename {
  display: none !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-header-left h2,
.securends .se-cred-delegation-audit-page .campaign-audit-trail-header .o-form-title-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-page-head, 18px) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  line-height: 28px !important;
  white-space: nowrap;
  position: static !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  flex-shrink: 0;
  margin: 0 !important;
}

.securends .se-cred-delegation-audit-page .campaign_progress {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-export input.AddAppBtn {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-export input.AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-back input.AddAppBtn {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-back input.AddAppBtn:hover {
  background: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-ink) !important;
}

.securends .se-cred-delegation-audit-page .campaign-audit-trail-export .fa-spinner-icon,
.securends .se-cred-delegation-audit-page .campaign-audit-trail-export .fa-spinner {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin-left: 8px !important;
  font-size: 14px !important;
}

.securends .se-cred-delegation-audit-page > div > .col-md-12,
.securends .se-cred-delegation-audit-page .campaignList.Table {
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-cred-delegation-audit-page .CampaignTable {
  margin-top: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  overflow: hidden !important;
}

/* --------------------------------------------------------------------------
   Campaign Scheduler Audit Trail (/CampaignSchedulerViewAuditTrail)
   Header card and table card share one left/right edge. Export/Back match
   Credential Delegation Audit Trail (32px brand fill / outline).
   -------------------------------------------------------------------------- */
.securends .se-campaign-scheduler-audit-page {
  width: 100%;
}

.securends .se-campaign-scheduler-audit-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-header-row,
.securends .se-campaign-scheduler-audit-page > .row > .col-12,
.securends .se-campaign-scheduler-audit-page > .row > .col-md-12,
.securends .se-campaign-scheduler-audit-page .campaignList.Table {
  flex: 0 0 auto !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-header-row {
  position: sticky !important;
  top: var(--se-sticky-top, var(--se-app-header)) !important;
  z-index: 8 !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-header {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 0 16px !important;
}

.securends .se-campaign-scheduler-audit-page .campaign_progress {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-export input.AddAppBtn,
.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-export input.AddAppBtn[data-type="export"] {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: var(--se-card) !important;
  border-radius: var(--se-r) !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-export input.AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: var(--se-card) !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-back input.AddAppBtn,
.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-back input.AddAppBtn[data-type="cancel"] {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-back input.AddAppBtn:hover {
  background: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-export .fa-spinner-icon,
.securends .se-campaign-scheduler-audit-page .campaign-audit-trail-export .fa-spinner {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin-left: 8px !important;
  font-size: 14px !important;
}

.securends .se-campaign-scheduler-audit-page .CampaignTable {
  margin-top: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  overflow: hidden !important;
  padding: 12px 20px 0 !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.securends .se-campaign-scheduler-audit-page .CampaignTable > div:first-child {
  margin: 0 0 12px;
  color: var(--se-ink-2);
  font-size: 13px;
}

.securends .se-campaign-scheduler-audit-page .CampaignTable > div:first-child b {
  color: var(--se-ink);
  font-weight: 600;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable.ReactTable,
.securends .se-campaign-scheduler-audit-page .ReactTable.listofCampTable {
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead .rt-tr,
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-tbody .rt-tr {
  display: flex !important;
  width: 100% !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-th,
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-td {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(1),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(1),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(1) {
  flex: 0 1 120px !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(3),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(3),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(3) {
  flex: 0 1 170px !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(4),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(4),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(4) {
  flex: 2 1 220px !important;
}

/* Date Timestamp filter calendar — unclip card/table only while it is open */
.securends .se-campaign-scheduler-audit-page .CampaignTable:has(.react-datepicker-popper),
.securends .se-campaign-scheduler-audit-page .listofCampTable.ReactTable:has(.react-datepicker-popper) {
  overflow: visible !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-table:has(.react-datepicker-popper) {
  overflow: visible !important;
  max-height: none !important;
  position: relative !important;
  z-index: 20 !important;
}

.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-filters:has(.react-datepicker-wrapper),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-filters:has(.react-datepicker-popper),
.securends .se-campaign-scheduler-audit-page .listofCampTable .rt-thead.-filters .rt-th:has(.react-datepicker-wrapper) {
  overflow: visible !important;
  z-index: 21 !important;
}


/* Long names / application lists: keep the drawer from scrolling sideways.
   Keys stay full width (column sizes to the longest key); values take the rest
   and truncate (max-width:0 lets an auto-layout cell shrink below its content).
   Hover a value to wrap and read it in full. */
html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails,
.securends .modal.right .modal-body .tblGrid.campaignDetails {
  table-layout: auto !important;
  max-width: 100% !important;
}

html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails th.details_1,
.securends .modal.right .modal-body .tblGrid.campaignDetails th.details_1 {
  width: 1% !important;
  white-space: nowrap !important;
}

html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails td.name,
.securends .modal.right .modal-body .tblGrid.campaignDetails td.name {
  width: 100% !important;
  max-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

html[data-se-theme] .modal.right .modal-body .tblGrid.campaignDetails td.name:hover,
.securends .modal.right .modal-body .tblGrid.campaignDetails td.name:hover {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
}
/* Campaign Templates children of /campaignTemplates (parent done).
   Presentation only. Do not restyle unnamed /campaignViewAuditTrail
   (shared pickels .campaign-audit-trail-header) — scope audit to this wrapper. */

/* --------------------------------------------------------------------------
   Create / Update / Copy template — Applications toolbar card pattern
   (row.manageApp > h2.o-form-title-bar + se-toolbar-actions Back)
   -------------------------------------------------------------------------- */

.securends .se-campaign-tpl-page > .row.manageApp {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  top: auto !important;
}

/* Ensure title bar keeps the white card (not stripped as a nested title) */
.securends .se-campaign-tpl-page > .row.manageApp > h2.o-form-title-bar,
.securends .se-campaign-tpl-page h2.o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 8px !important;
  min-height: var(--se-page-toolbar, 52px);
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

/* Pull form (warning + fields) closer to the page toolbar */
.securends .se-campaign-tpl-page > .row:not(.manageApp) {
  margin-top: 0 !important;
}

.securends .se-campaign-tpl-page .update-template-warning-alert-wrap {
  margin: 0 0 8px !important;
}

.securends .se-campaign-tpl-page .update-template-warning-alert-wrap .alert {
  margin-bottom: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer {
  margin-top: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group.mt-3 {
  margin-top: 0 !important;
}

.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px;
  flex-shrink: 0;
}

/* Toolbar Back (Create / Update / Copy template, SoD policy) — filled primary,
   same chrome as Create Campaign Back (campaign-flow.css). */
.securends.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.tempaddselect,
.securends.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.AddAppBtn,
.securends.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.button-primary.blue,
.securends #epTable.se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.button-primary.blue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: static !important;
  margin: 0 !important;
  float: none !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding: 0 14px !important;
  line-height: 34px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r) !important;
  box-sizing: border-box !important;
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  background-color: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  color: var(--se-btn-fg) !important;
  box-shadow: none !important;
  text-transform: none !important;
  cursor: pointer;
}

.securends.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.tempaddselect:hover,
.securends.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.AddAppBtn:hover,
.securends.securends .se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.button-primary.blue:hover,
.securends #epTable.se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.button-primary.blue:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  color: var(--se-btn-fg) !important;
}

.securends #epTable.se-campaign-tpl-page .o-form-title-bar > .se-toolbar-actions > button.button-primary.blue:focus-visible {
  outline: 2px solid var(--se-brand) !important;
  outline-offset: 2px !important;
}

/* --------------------------------------------------------------------------
   Create / Update Template form (TemplateCreationModal inside page)
   -------------------------------------------------------------------------- */

.securends .se-campaign-tpl-page .endpointConfigCard,
.securends .se-campaign-tpl-page .endpointConfigCard.steps.camp-modal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer {
  --se-tpl-label-col: 220px;
  --se-tpl-field-gap: 20px;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 8px 20px 20px;
  margin: 0 0 16px;
  overflow: visible !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer > .col-md-12.form-group {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group {
  display: grid !important;
  grid-template-columns: var(--se-tpl-label-col) minmax(0, 1fr) !important;
  column-gap: var(--se-tpl-field-gap) !important;
  row-gap: 16px !important;
  align-items: center !important;
  padding: 12px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--se-line-soft);
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group:last-child,
.securends .se-campaign-tpl-page .endPointRolesContainer .serviceAcountBorder .row.form-group:last-child {
  border-bottom: none;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > * {
  min-width: 0 !important;
  float: none !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > [class*="col-"],
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > .o-form-input,
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > .o-form-label {
  width: auto !important;
  max-width: none !important;
  flex: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
}

/* Label | control — force columns so Bootstrap col-md-* widths cannot skew start */
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > *:nth-child(1) {
  grid-column: 1 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > *:nth-child(n + 2) {
  grid-column: 2 !important;
  justify-self: start !important;
  align-self: center !important;
  width: 100% !important;
  max-width: 420px !important;
}

/* Extra controls (Advanced filter button, spinner) stay in the value column */
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > [class*="col-"]:nth-child(n + 3),
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > .fa-spinner-icon,
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group > .custom-control.custom-checkbox {
  grid-column: 2 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group .settingsTitle,
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group .control-label.temp-lbl,
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group .uar-radio-data,
.securends .se-campaign-tpl-page .endPointRolesContainer .row.form-group .uar-radio {
  margin: 0 !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .control-label.temp-lbl,
.securends .se-campaign-tpl-page .endPointRolesContainer .settingsTitle,
.securends .se-campaign-tpl-page .endPointRolesContainer p.settingsTitle {
  color: var(--se-ink) !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  line-height: 1.35;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .o-form-input,
.securends .se-campaign-tpl-page .endPointRolesContainer .o-form-label {
  margin-left: 0 !important;
  margin-top: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer input.form-control,
.securends .se-campaign-tpl-page .endPointRolesContainer .form-control {
  max-width: 420px;
  width: 100% !important;
  font-size: 13.5px !important;
  padding: 9px 12px !important;
  border-radius: var(--se-r) !important;
  border: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  min-height: 40px !important;
  height: auto !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer input.form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  outline: none;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio {
  display: flex !important;
  align-items: center;
  min-height: 40px;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data .MuiFormControl-root,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio .MuiFormControl-root {
  margin: 0 !important;
  width: auto !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data .MuiFormGroup-root,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio .MuiFormGroup-root {
  flex-direction: row !important;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data .MuiFormControlLabel-root,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio .MuiFormControlLabel-root {
  margin: 0 16px 0 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data .MuiRadio-root,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio .MuiRadio-root {
  color: var(--se-ink-3) !important;
  padding: 0 6px 0 0 !important;
  margin: 0 !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data .MuiRadio-root.Mui-checked,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio .MuiRadio-root.Mui-checked {
  color: var(--se-brand) !important;
}

.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio-data .MuiTypography-root,
.securends .se-campaign-tpl-page .endPointRolesContainer .uar-radio .MuiTypography-root {
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

/*
  Nested filter cards keep border inset, but shrink the label column by the
  same padding so the control column lines up with Template Name / Description.
*/
.securends .se-campaign-tpl-page .serviceAcountBorder {
  --se-tpl-border-pad-x: 16px;
  --se-tpl-label-col: calc(220px - var(--se-tpl-border-pad-x));
  margin: 16px 0 0 !important;
  padding: 14px var(--se-tpl-border-pad-x) 8px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  background: var(--se-page) !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-tpl-page .serviceAcountBorder > label,
.securends .se-campaign-tpl-page .serviceAcountBorder > div > label {
  display: block !important;
  color: var(--se-ink) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 0 10px !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-tpl-page .hr-status-checkboxes {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 24px;
  min-height: 40px;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 420px !important;
}

/* Beat unscoped sor-flow `.endpointConfigCard .custom-checkbox` (width 100% / pad 36px)
   that stacked Active / Inactive and shoved them off the label column. */
.securends.securends .se-campaign-tpl-page .endpointConfigCard .hr-status-checkbox-item.custom-control.custom-checkbox,
.securends .se-campaign-tpl-page .hr-status-checkbox-item {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  gap: 8px;
  margin: 0 !important;
  padding: 0 0 0 1.75rem !important;
  min-height: 24px !important;
  float: none !important;
  position: relative !important;
}

.securends.securends .se-campaign-tpl-page .endpointConfigCard .hr-status-checkboxes .custom-control-input,
.securends .se-campaign-tpl-page .hr-status-checkbox-item input[type="checkbox"],
.securends .se-campaign-tpl-page .hr-status-checkboxes .notification_checkbox {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  z-index: 2 !important;
  cursor: pointer;
  accent-color: var(--se-brand);
}

.securends.securends .se-campaign-tpl-page .endpointConfigCard .hr-status-checkboxes .custom-control-label::before,
.securends.securends .se-campaign-tpl-page .endpointConfigCard .hr-status-checkboxes .custom-control-label::after,
.securends .se-campaign-tpl-page .hr-status-checkbox-item .custom-control-label::before,
.securends .se-campaign-tpl-page .hr-status-checkbox-item .custom-control-label::after {
  left: -1.75rem !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  margin: 0 !important;
  width: 16px !important;
  height: 16px !important;
}

.securends.securends .se-campaign-tpl-page .endpointConfigCard .hr-status-checkboxes .custom-control-label,
.securends .se-campaign-tpl-page .hr-status-checkbox-item .custom-control-label,
.securends .se-campaign-tpl-page .hr-status-checkbox-item label {
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  margin: 0 !important;
  padding: 0 !important;
  cursor: pointer;
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
}

.securends .se-campaign-tpl-page .hr-status-checkboxes > div:not(.hr-status-checkbox-item) {
  flex: 1 0 100%;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

/* Identity Filtering "Select Filter" button uses leftover custom-checkbox classes */
.securends.securends .se-campaign-tpl-page .endpointConfigCard .row.form-group > .custom-control.custom-checkbox {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  grid-column: 2;
}

.securends .se-campaign-tpl-page .selectDropDownTemplate,
.securends .se-campaign-tpl-page .Create_Mulitselect,
.securends .se-campaign-tpl-page .o-form-input:has(.multiselect-native-select) {
  max-width: 420px;
  width: 100%;
  overflow: visible !important;
}

.securends .se-campaign-tpl-page .fa.fa-info-circle {
  color: var(--se-ink-3);
  margin-left: 6px;
}

.securends .se-campaign-tpl-page .error {
  color: var(--se-risk);
  font-size: 12px;
  display: block;
  margin-top: 4px;
}

.securends .se-campaign-tpl-page .o-form-button-bar,
.securends .se-campaign-tpl-page .sidebar-btn-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  padding: 0;
}

.securends .se-campaign-tpl-page hr {
  border: none;
  border-top: 1px solid var(--se-line);
  margin: 16px 0;
}

/* Entitlements column — Include All / No radios must not overflow into Action */
.securends .se-campaign-tpl-page .ReactTable .rt-th.se-tpl-entitlements-col,
.securends .se-campaign-tpl-page .ReactTable .rt-td.se-tpl-entitlements-col {
  overflow: visible !important;
  white-space: normal !important;
  min-width: 260px !important;
}

.securends .se-campaign-tpl-page .se-tpl-entitlements-cell,
.securends .se-campaign-tpl-page .se-tpl-entitlements-radios {
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.securends .se-campaign-tpl-page .se-tpl-entitlements-radios .MuiFormControl-root {
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-tpl-page .se-tpl-entitlements-radios .MuiFormGroup-root,
.securends .se-campaign-tpl-page .se-tpl-entitlements-radios .MuiRadioGroup-root {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 4px 12px !important;
  width: 100% !important;
}

.securends .se-campaign-tpl-page .se-tpl-entitlements-radios .MuiFormControlLabel-root {
  margin: 0 !important;
  margin-right: 8px !important;
  white-space: nowrap !important;
}

.securends .se-campaign-tpl-page .se-tpl-entitlements-radios .MuiFormControlLabel-label {
  font-size: 13px !important;
  color: var(--se-ink) !important;
}

/* Action column buttons — keep clear of entitlements radios */
.securends .se-campaign-tpl-page .ReactTable .rt-td .o-form-input .MuiButton-outlinedPrimary,
.securends .se-campaign-tpl-page .ReactTable .rt-td .capitalize.MuiButton-outlined {
  margin: 2px 4px 2px 0 !important;
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Template audit trail (named route only)
   -------------------------------------------------------------------------- */

/* Bootstrap col-12 padding inset the title 12px from the template name + table */
.securends .se-campaign-tpl-audit-page .campaign-audit-trail-header-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 8px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  position: static !important;
  top: auto !important;
}

.securends .se-campaign-tpl-audit-page .campaign-audit-trail-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  background: transparent !important;
  padding: 0 !important;
}

.securends .se-campaign-tpl-audit-page .campaign-audit-trail-header-left {
  width: 100%;
}

.securends .se-campaign-tpl-audit-page .campaign_progress {
  position: static !important;
  right: auto !important;
  margin: 0 !important;
}

.securends .se-campaign-tpl-audit-page .CampaignTable > div:first-child {
  margin: 0 0 12px;
  color: var(--se-ink-2);
  font-size: 13px;
}

/* --------------------------------------------------------------------------
   Create Campaign wizard (/createCampaign)
   -------------------------------------------------------------------------- */

.securends .se-campaign-steps-page .MuiPaper-root,
.securends .se-campaign-steps-page .card-content {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
}

.securends .se-campaign-steps-page h4 {
  color: var(--se-ink);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 12px;
}

.securends .se-campaign-steps-page .button-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.securends .se-campaign-steps-page .MuiButton-containedPrimary,
.securends .se-campaign-steps-page .MuiButton-contained {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  text-transform: none !important;
  box-shadow: none !important;
  font-weight: 500 !important;
}

.securends .se-campaign-steps-page .MuiButton-containedPrimary:hover,
.securends .se-campaign-steps-page .MuiButton-contained:hover {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-campaign-steps-page a.endPointBackButton,
.securends .se-campaign-steps-page .MuiButton-root.MuiButton-text {
  border: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  text-transform: none !important;
  height: 28px;
  padding: 0 12px;
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

/* --------------------------------------------------------------------------
   Create Template form (/createTemplate)
   -------------------------------------------------------------------------- */

.securends .se-campaign-create-tpl-page .nav-button {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  margin: 16px 0 0;
}

.securends .se-campaign-create-tpl-page .custom__pg {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  height: 28px;
  padding: 0 12px;
  font-weight: 500;
}

.securends .se-campaign-create-tpl-page .custom_secondary {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  height: 28px;
  padding: 0 12px;
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.securends .se-campaign-create-tpl-page .error {
  color: var(--se-risk);
}

.securends .se-campaign-create-tpl-page .endPointHeader {
  color: var(--se-ink);
  font-weight: 600;
  margin: 8px 0;
}

.securends .se-campaign-create-tpl-page .endPointRolesContainer {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 16px 20px;
  margin: 0 0 16px;
}

/* --------------------------------------------------------------------------
   Template entitlements
   -------------------------------------------------------------------------- */

.securends .se-campaign-tpl-ent-page .details_1 {
  color: var(--se-ink-2);
  font-size: 13.5px;
}

.securends .se-campaign-tpl-ent-page h4.details_1 {
  color: var(--se-ink);
  font-weight: 600;
  margin: 12px 0 4px;
}

.securends .se-campaign-tpl-ent-page table.templateElements {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
}

/* --------------------------------------------------------------------------
   /templates list + /campaign admin
   -------------------------------------------------------------------------- */

.securends .se-templates-page .temp-header,
.securends .se-templates-page .DelegationHead,
.securends .se-campaign-admin-page .DelegationHead,
.securends .se-campaign-admin-page .header {
  position: static !important;
  top: auto !important;
}

.securends .se-templates-page .createTemp1,
.securends .se-campaign-admin-page .btnCampaign,
.securends .se-campaign-admin-page .createcamp_btn,
.securends .se-campaign-admin-page .opencamp_btn {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
}

.securends .se-campaign-admin-page .CreateOpen,
.securends .se-templates-page .se-toolbar-actions {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.securends .se-templates-page a.custom_primary,
.securends .se-campaign-admin-page a.custom_primary,
.securends .se-campaign-admin-page a.custom__pg {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  height: 28px;
  padding: 0 12px;
  line-height: 26px;
  font-size: 12px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
}

.securends .se-templates-page a.custom_primary:hover,
.securends .se-campaign-admin-page a.custom_primary:hover,
.securends .se-campaign-admin-page a.custom__pg:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-campaign-admin-page .label__pg,
.securends .se-campaign-admin-page .label_info,
.securends .se-campaign-admin-page .label_default {
  border-radius: 999px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
}

@media (max-width: 960px) {
  .securends .se-campaign-tpl-page > .row.manageApp > h2.o-form-title-bar,
  .securends .se-campaign-tpl-audit-page .campaign-audit-trail-header,
  .securends .se-campaign-admin-page .CreateOpen {
    flex-wrap: wrap;
  }
}

/* /listOfCampaign children (parent done). Presentation only.
   Add/Copy = /campaigninfo (CampaignInfo). Exclude Users. Campaign audit
   (named /campaignViewAuditTrail — do not restyle when only doing template
   children). Open Campaigns toolbar = Dashboard.js on /openCampaigns only
   (not MainDashboard /). Keep radio names/ids, Export PDF/CSV, Back handlers. */

/* --------------------------------------------------------------------------
   Shared detail chrome
   -------------------------------------------------------------------------- */

.securends .se-campaign-info-page>.row,
.securends .se-campaign-exclude-page>.row,
.securends .se-campaign-audit-page>.row,
.securends .se-open-campaigns-page>.row,
.securends .se-campaign-audit-page .campaign-audit-trail-header-row,
.securends .se-open-campaigns-page .open-campaigns-header-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  top: auto !important;
}

.securends .se-campaign-audit-page .campaign-audit-trail-header,
.securends .se-open-campaigns-page .open-campaigns-header,
.securends .se-open-campaigns-page .open-campaigns-header-left,
.securends .se-campaign-audit-page .campaign-audit-trail-header-left {
  background: transparent !important;
  width: 100%;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  gap: 12px;
}

.securends .se-campaign-info-page .campaign_progress,
.securends .se-campaign-exclude-page .campaign_progress,
.securends .se-campaign-audit-page .campaign_progress,
.securends .se-open-campaigns-page .campainBackBtn {
  position: static !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-exclude-page .fa-spinner-icon,
.securends .se-campaign-audit-page .fa-spinner-icon,
.securends .se-campaign-info-page .fa-spinner-icon {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin: 0 0 0 8px !important;
}

.securends .se-campaign-exclude-page .container11>div:first-child,
.securends .se-campaign-audit-page .CampaignTable>div:first-child {
  margin: 0 0 12px;
  color: var(--se-ink-2);
  font-size: 13px;
}

.securends .se-campaign-exclude-page .container11>div:first-child b,
.securends .se-campaign-audit-page .CampaignTable>div:first-child b {
  color: var(--se-ink);
  font-weight: 600;
}

/* --------------------------------------------------------------------------
   Create / Copy campaign (/campaigninfo)
   Do NOT add .se-create-app here. Create Application’s 210px field grid
   (`endpointConfigCard.steps > .row`) crushes Campaign Emails checkboxes
   and the Configuration dropdown into a single narrow column.
   -------------------------------------------------------------------------- */

/* Title + Back in the same toolbar card as list screens / Open Campaigns.
   `.manageApp` is not a card, so the nested-title strip in kit.css left
   Create Campaign with a bare heading and a floating Back button. */
.securends .se-campaign-info-page .row.manageApp {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-info-page .row.manageApp>.o-form-title-bar,
.securends .se-campaign-info-page h2.o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px !important;
  min-height: var(--se-page-toolbar, 52px);
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap;
  gap: 12px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-page-head, 18px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  overflow: visible;
}

.securends .se-campaign-info-page .o-form-title-bar>.se-toolbar-actions {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-left: auto !important;
  flex-shrink: 0;
}

.securends .se-campaign-info-page {
  --se-campaign-html-head-h: 28px;
  --se-campaign-html-row-h: 24px;
  /* 50% of --se-table-row-h (48px) */
  --se-campaign-html-table-h: calc(10 * var(--se-campaign-html-row-h) + var(--se-campaign-html-head-h));
}

/* No page-level horizontal scroll: Bootstrap row gutters / inline nudges must not widen
   the page. clip (not hidden) so sticky toolbar + sticky table heads keep working. */
.securends .se-campaign-info-page {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  box-sizing: border-box;
  overflow-x: clip;
}

.securends .se-campaign-info-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 100%;
  min-width: 0;
}

.securends .se-campaign-info-page > .row > .col-md-12 {
  max-width: 100%;
  min-width: 0;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 16px 20px 20px;
  box-sizing: border-box;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal > div > p:first-of-type {
  margin-top: 10px !important;
  padding-top: 2px;
}

/* Template Type select + Search Existing Template share one width (select = 70% of prior 420px max) */
.securends .se-campaign-info-page {
  --se-campaign-tpl-input-w: 294px;
}

.securends .se-campaign-info-page .camp-search {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 8px;
  width: auto;
  min-width: 0;
}

.securends .se-campaign-info-page .se-campaign-tpl-search-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  width: var(--se-campaign-tpl-input-w);
  min-width: 0;
}

.securends .se-campaign-info-page .camp-search .se-campaign-tpl-search-wrap input.appSe,
.securends .se-campaign-info-page .camp-search .se-campaign-tpl-search-wrap input.form-control {
  flex: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}

.securends .se-campaign-info-page .se-campaign-tpl-search-wrap .error.campaignTemplateMsg {
  display: block;
  margin: 4px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.3;
  color: var(--se-risk) !important;
}

.securends .se-campaign-info-page .se-campaign-tpl-picker-bar {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 12px 16px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 8px 0 12px;
  float: none !important;
  padding: 0 !important;
}

.securends .se-campaign-info-page .se-campaign-tpl-picker-bar .se-campaign-tpl-picker-title,
.securends .se-campaign-info-page .se-campaign-tpl-picker-bar .settingsTitle {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 36px;
  color: var(--se-ink);
}

.securends .se-campaign-info-page .se-campaign-tpl-picker-bar .fa-info-circle {
  margin-left: 6px;
  color: var(--se-ink-3);
}

.securends .se-campaign-info-page .se-campaign-tpl-picker-bar .camp-search {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
}

.securends .se-campaign-info-page .camp-search>input.appSe,
.securends .se-campaign-info-page .camp-search>input.form-control {
  float: none !important;
  flex: 0 0 var(--se-campaign-tpl-input-w);
  width: var(--se-campaign-tpl-input-w) !important;
  min-width: 0;
  max-width: var(--se-campaign-tpl-input-w);
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  line-height: 34px !important;
  box-sizing: border-box;
}

.securends .se-campaign-info-page .se-campaign-tpl-picker-bar .camp-search .AddAppBtn {
  flex: 0 0 auto;
  white-space: nowrap;
}

/* Equal button chrome on Create Campaign / Scheduler (Back, Create New, Select, Save) */
.securends .se-campaign-info-page .AddAppBtn.button-primary.blue,
.securends .se-campaign-info-page input.AddAppBtn.button-primary.blue,
.securends .se-campaign-info-page button.AddAppBtn.button-primary.blue,
.securends .se-campaign-info-page .button-primary.blue,
.securends .se-campaign-info-page input.button-primary.blue,
.securends .se-campaign-info-page .se-toolbar-actions .AddAppBtn,
.securends .se-campaign-info-page .o-form-button-bar .button-primary.blue,
.securends .se-campaign-info-page .o-form-button-bar .AddAppBtn,
.securends .se-campaign-info-page .o-form-button-bar .custom__pg,
.securends .se-campaign-info-page .o-form-button-bar .custom__lg,
.securends .se-campaign-info-page .sidebar-btn-container .button-primary.blue,
.securends .se-campaign-info-page .sidebar-btn-container .custom__pg,
.securends .se-campaign-info-page .sidebar-btn-container .custom__lg {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 14px !important;
  line-height: 34px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r) !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle;
  margin: 0 !important;
  width: auto !important;
}

.securends .se-campaign-info-page .o-form-button-bar .custom__lg,
.securends .se-campaign-info-page .sidebar-btn-container .custom__lg {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-info-page .addCampaignCancelBtn,
.securends .se-campaign-info-page input.addCampaignCancelBtn {
  width: auto !important;
  min-width: 80px !important;
}

/* Row Select — 20px so it fits the 24px row */
.securends .se-campaign-info-page #temp-table .AddAppBtn.button-primary.blue,
.securends .se-campaign-info-page #temp-table input.AddAppBtn,
.securends .se-campaign-info-page #temp-table tbody .AddAppBtn.button-primary.blue,
.securends .se-campaign-info-page #temp-table tbody input.AddAppBtn,
.securends .se-campaign-info-page #temp-table tbody .button-primary.blue {
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  min-width: 56px !important;
  width: auto !important;
  padding: 0 8px !important;
  line-height: 18px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Template picker + Included Application(s): full width, 10 rows then scroll.
   Do not put overflow on the parent col — that would clip the section title. */
.securends .se-campaign-info-page .template-list,
.securends .se-campaign-info-page .endpointConfigCard.template-list,
.securends .se-campaign-info-page .se-campaign-html-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 100%;
  max-height: var(--se-campaign-html-table-h);
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: none;
  padding: 0;
  margin: 12px 0;
  isolation: isolate;
  position: relative;
  z-index: 0;
  box-sizing: border-box;
}

.securends .se-campaign-info-page .template-list>.row {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: none !important;
  position: static !important;
  z-index: auto !important;
  /* overflow:hidden here makes this the sticky containing block and
     the header never pins while the wrap scrolls. */
  overflow: visible !important;
}

.securends .se-campaign-info-page > .row > .col-md-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

.securends .se-campaign-info-page .row.mt-3 {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-info-page .row.mt-3>.col-md-12 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page #temp-table,
.securends .se-campaign-info-page table.TepmElements {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  background: var(--se-card);
  border: none;
  border-radius: 0;
  table-layout: fixed !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  position: static;
  z-index: auto;
  box-sizing: border-box;
}

/* Sticky NAME / DESCRIPTION header while rows scroll inside the wrap.
   Only the wrap may scroll — overflow on .row / .camp-modal breaks sticky. */
.securends .se-campaign-info-page #temp-table thead,
.securends .se-campaign-info-page table.TepmElements thead {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 6;
  background: var(--se-table-header-bg) !important;
}

.securends .se-campaign-info-page #temp-table thead tr,
.securends .se-campaign-info-page table.TepmElements thead tr {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 6;
  background: var(--se-table-header-bg) !important;
}

.securends .se-campaign-info-page #temp-table thead th,
.securends .se-campaign-info-page table.TepmElements thead th,
.securends .se-campaign-info-page #temp-table thead th.template-th,
.securends .se-campaign-info-page #temp-table.table thead th,
.securends .se-campaign-info-page #temp-table.dataTable thead th,
.securends .se-campaign-info-page #temp-table.dataTable thead th.sorting,
.securends .se-campaign-info-page #temp-table.dataTable thead th.sorting_asc,
.securends .se-campaign-info-page #temp-table.dataTable thead th.sorting_desc {
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 7 !important;
  height: var(--se-campaign-html-head-h, 28px) !important;
  min-height: var(--se-campaign-html-head-h, 28px) !important;
  max-height: var(--se-campaign-html-head-h, 28px) !important;
  padding: 0 10px !important;
  line-height: var(--se-campaign-html-head-h, 28px) !important;
  background: var(--se-table-header-bg) !important;
  background-color: var(--se-table-header-bg) !important;
  background-clip: padding-box !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  font-family: var(--se-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  text-align: left !important;
  white-space: nowrap;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
  box-shadow: 0 1px 0 var(--se-table-line, var(--se-line)) !important;
  vertical-align: middle !important;
  opacity: 1 !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table thead th,
html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table.table thead th,
html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table.dataTable thead th {
  background: var(--se-table-header-bg) !important;
  background-color: var(--se-table-header-bg) !important;
}

/* Select column — beat pickels `.template-th { width: 350px }` */
.securends .se-campaign-info-page #temp-table thead th:first-child,
.securends .se-campaign-info-page #temp-table thead th.template-th:first-child,
.securends .se-campaign-info-page #temp-table tbody td:first-child,
.securends .se-campaign-info-page #temp-table tbody td.template-td:first-child {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 96px !important;
  text-align: left !important;
}

.securends .se-campaign-info-page #temp-table thead th:nth-child(2),
.securends .se-campaign-info-page #temp-table tbody td:nth-child(2) {
  width: 32% !important;
}

.securends .se-campaign-info-page #temp-table thead th:nth-child(3),
.securends .se-campaign-info-page #temp-table tbody td:nth-child(3) {
  width: auto !important;
}

.securends .se-campaign-info-page #temp-table thead th:nth-child(n + 2),
.securends .se-campaign-info-page #temp-table tbody td:nth-child(n + 2) {
  min-width: 0 !important;
  max-width: 100% !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securends .se-campaign-info-page #temp-table thead th>div,
.securends .se-campaign-info-page #temp-table thead th * {
  background: transparent !important;
  color: inherit !important;
  position: static !important;
  z-index: auto !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.securends .se-campaign-info-page #temp-table tbody,
.securends .se-campaign-info-page table.TepmElements tbody {
  position: relative;
  z-index: 0;
}

.securends .se-campaign-info-page #temp-table tbody td,
.securends .se-campaign-info-page table.TepmElements tbody td,
.securends .se-campaign-info-page #temp-table tbody tr,
.securends .se-campaign-info-page #temp-table tbody .AddAppBtn,
.securends .se-campaign-info-page #temp-table tbody input.AddAppBtn,
.securends .se-campaign-info-page #temp-table tbody .button-primary.blue {
  position: static !important;
  z-index: auto !important;
  transform: none !important;
}

.securends .se-campaign-info-page #temp-table tbody td,
.securends .se-campaign-info-page table.TepmElements tbody td {
  padding: 2px 10px !important;
  height: var(--se-campaign-html-row-h, 24px) !important;
  min-height: var(--se-campaign-html-row-h, 24px) !important;
  max-height: var(--se-campaign-html-row-h, 24px) !important;
  line-height: 20px !important;
  color: var(--se-table-ink, var(--se-ink));
  font-family: var(--se-sans) !important;
  font-size: 12.5px;
  font-weight: 400;
  text-align: left !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
  vertical-align: middle !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--se-card);
}

.securends .se-campaign-info-page #temp-table tbody tr {
  height: var(--se-campaign-html-row-h, 24px) !important;
}

.securends .se-campaign-info-page #temp-table tbody td:nth-child(n + 2) {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.securends .se-campaign-info-page #temp-table tbody tr:hover td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
}

.securends .se-campaign-info-page .temp-elem-header {
  color: var(--se-ink);
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 12px;
}

.securends .se-campaign-info-page .o-form-button-bar,
.securends .se-campaign-info-page .sidebar-btn-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  float: none !important;
  margin: 16px 0 0;
  width: 100%;
}

/* Acknowledgement — full-width text next to the checkbox */
.securends .se-campaign-info-page .ack-review,
.securends .se-campaign-info-page #check_Ack {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 8px;
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  position: static !important;
  margin: 16px 0 8px;
  padding-left: 1.75rem !important;
  box-sizing: border-box;
}

.securends .se-campaign-info-page #check_Ack label.acknowledgement,
.securends .se-campaign-info-page .ack-review .acknowledgement {
  display: block !important;
  flex: 1 1 auto;
  white-space: normal !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0;
  line-height: 1.45;
  color: var(--se-ink-2);
  font-size: 13.5px;
}

.securends .se-campaign-info-page .acknowledgementErroMsg,
.securends .se-campaign-info-page .campaignErrorMsg,
.securends .se-campaign-info-page .campaignTemplateMsg,
.securends .se-campaign-info-page .campaignDaysError,
.securends .se-campaign-info-page .error,
.securends .se-campaign-info-page .error-msg {
  color: var(--se-risk) !important;
}

.securends .se-campaign-info-page .invalid,
.securends .se-campaign-info-page input.invalid,
.securends .se-campaign-info-page .form-control.invalid,
.securends .se-campaign-info-page select.invalid {
  border-color: var(--se-risk) !important;
  box-shadow: 0 0 0 1px var(--se-risk) !important;
}

/* Acknowledgement: kit `.invalid [class*="-control"]` also hits
   `.custom-control-label`, which stacks a second (inner) red ring.
   Keep a single outer ring on #check_Ack only. */
.securends .se-campaign-info-page #check_Ack.invalid,
.securends .se-campaign-info-page #check_Ack.ack-invalid {
  border: none !important;
  box-shadow: 0 0 0 1px var(--se-risk) !important;
}

.securends .se-campaign-info-page #check_Ack.invalid .custom-control-label,
.securends .se-campaign-info-page #check_Ack.invalid [class*="-control"],
.securends .se-campaign-info-page #check_Ack.ack-invalid .custom-control-label,
.securends .se-campaign-info-page #check_Ack.ack-invalid [class*="-control"] {
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.securends .se-campaign-info-page .alert {
  float: none !important;
  width: 100% !important;
  border-radius: var(--se-r-card);
}

/* Form rows: Campaign Name / dates / Delta — label then control.
   Do not apply Create Application’s 210px grid here. */
.securends .se-campaign-info-page .row:has(> .o-form-label):has(> .o-form-input),
.securends .se-campaign-info-page .row.campaign-info-field-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-campaign-info-page .row>.o-form-label,
.securends .se-campaign-info-page .row>.col-md-2.campaign-info-label-with-icon,
.securends .se-campaign-info-page .row>.col-md-4.campaignScreenLabels,
.securends .se-campaign-info-page .campaign-info-field-row>.col-md-2.campaign-info-label-with-icon,
.securends .se-campaign-info-page .campaign-info-field-row>.col-md-4.campaign-info-label-with-icon {
  flex: 0 0 220px !important;
  width: auto !important;
  max-width: 220px !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-campaign-info-page .row>.o-form-input,
.securends .se-campaign-info-page .campaign-info-control,
.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-control {
  flex: 1 1 280px !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: static !important;
  bottom: auto !important;
}

.securends .se-campaign-info-page .settingsTitle,
.securends .se-campaign-info-page .settingsTitleName,
.securends .se-campaign-info-page p.settingsTitle {
  white-space: nowrap;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  color: var(--se-ink);
  font-size: 13.5px;
  font-weight: 500;
}

/* Configuration(s): full label on one line + visible True/False select.
   Do not reuse the 240px form-label column — that wraps “Hide credential action row”.
   Shared fixed label width so Campaign Reviewer dropdown lines up under Hide credential. */
.securends .se-campaign-info-page .col-md-6.campaign-info-label-with-icon {
  display: flex !important;
  align-items: center;
  gap: 12px 16px;
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  left: auto !important;
  position: static !important;
  padding-bottom: 0 !important;
}

.securends .se-campaign-info-page .col-md-6.campaign-info-label-with-icon>p.settingsTitle,
.securends .se-campaign-info-page .col-md-6.campaign-info-label-with-icon .settingsTitle {
  flex: 0 0 240px !important;
  width: 240px !important;
  max-width: 240px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.securends .se-campaign-info-page .col-md-6.campaign-info-label-with-icon>select.form-control {
  flex: 0 0 160px;
  width: 160px !important;
  min-width: 140px;
  max-width: 160px;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
}

/* Stack Hide credential + Campaign Reviewer inside Configuration(s) */
.securends .se-campaign-info-page .se-campaign-config-section > .row,
.securends .se-campaign-info-page .se-campaign-config-section .col-md-12 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .temp-elem-header {
  width: 100% !important;
  margin: 0 0 4px !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-hide-credential-field,
.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-reviewer-field {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  position: static !important;
}

/* Access Template Review Type (role-based templates): label + select on one row,
   same 240px label column / 16px gap as Campaign Reviewer so the select lines up
   under the Manager dropdown. Beats the column stack on .col-md-12 above. */
.securends .se-campaign-info-page .se-campaign-config-section .col-md-12.se-campaign-at-review-row {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 16px !important;
  margin: 12px 0 0 !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-at-review-row > .campaignScreenLabels {
  flex: 0 0 240px !important;
  width: 240px !important;
  max-width: 240px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-at-review-row > .campaignScreenLabels .settingsTitle {
  min-height: 36px;
  margin: 0 !important;
  white-space: nowrap !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-at-review-row > .col-md-3:not(.campaignScreenLabels) {
  flex: 0 0 280px !important;
  width: 280px !important;
  max-width: 280px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-at-review-row select.form-control {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
}

/* Final Approver — directly under Campaign Reviewer dropdown, inside Configuration(s) */
.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-final-approver {
  width: 100% !important;
  max-width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-final-approver .finalApprover {
  margin: 0 !important;
  padding-left: 0 !important;
}

.securends .se-campaign-info-page .se-campaign-config-section .se-campaign-final-approver .col-md-12 {
  padding-left: 0 !important;
  margin-top: 8px !important;
  max-width: 420px !important;
}

.se-campaign-final-approver {
  position: relative;
  left: 285px;
}

/* Reviewer extras (search / AD / warnings) — only the follow-on content row */
.securends .se-campaign-info-page .se-campaign-reviewer-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.securends .se-campaign-info-page .se-campaign-reviewer-extra,
.securends .se-campaign-info-page .campaignReviwerData.se-campaign-reviewer-extra {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  align-items: flex-start !important;
}

.securends .se-campaign-info-page .col-md-3 select.form-control {
  width: 100%;
  min-width: 180px;
  height: 36px !important;
}

/* Reminder-days / Hierarchical Review stay full-width rows.
   Campaign Emails, Messaging Reminders, Launch Notification: label | controls. */
.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-reminders-row,
.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-label-radio-inline {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
}

.securends .se-campaign-info-page .campaign-info-field-row>.o-form-label {
  flex: 0 0 180px !important;
  width: auto !important;
  max-width: 240px !important;
  align-self: flex-start !important;
  padding-top: 2px !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
}

.securends .se-campaign-info-page .campaign-info-field-row>.o-form-label:first-child,
.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-reminders-row+.o-form-label,
.securends .se-campaign-info-page .campaign-info-field-row>.o-form-label:first-child+.col-md-10.o-form-input,
.securends .se-campaign-info-page .campaign-info-field-row>.o-form-label:first-child+.col-md-8.o-form-input,
.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-reminders-row+.o-form-label+.col-md-10.o-form-input {
  margin-top: 12px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row>.col-md-10,
.securends .se-campaign-info-page .campaign-info-field-row>.col-md-10.o-form-input,
.securends .se-campaign-info-page .campaign-info-field-row>.col-md-8.o-form-input {
  flex: 1 1 calc(100% - 196px) !important;
  max-width: none !important;
  width: auto !important;
  min-width: 0 !important;
  float: none !important;
  margin-left: 0 !important;
  margin-top: 0 !important;
  position: static !important;
  bottom: auto !important;
  left: auto !important;
  align-self: flex-start !important;
}

.securends .se-campaign-info-page .campaign-info-field-row>.o-form-label p {
  margin: 0 !important;
  padding: 2px 0 0 !important;
  line-height: 1.4 !important;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .camp-checkbox,
.securends .se-campaign-info-page .campaign-info-field-row .custom-control.custom-checkbox:not(.consecutiveDays) {
  display: flex !important;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  margin: 0 0 4px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row label,
.securends .se-campaign-info-page .campaign-info-field-row .custom-control-label,
.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox label {
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
}

/* Empty days/date slots still render between checkboxes — collapse them. */
.securends .se-campaign-info-page .campaign-info-field-row .form-group.reminderSelectBox:not(:has(*)),
.securends .se-campaign-info-page .campaign-info-field-row .form-group.row:not(:has(*)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  gap: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .form-group.reminderSelectBox:has(*),
.securends .se-campaign-info-page .campaign-info-field-row .form-group.row:has(*) {
  margin: 4px 0 8px !important;
  padding: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-field-row div:has(> .camp-checkbox) {
  margin-top: 0 !important;
  padding-bottom: 2px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .custom-control-label {
  display: inline !important;
  white-space: normal !important;
  width: auto !important;
  max-width: none !important;
  line-height: 1.4;
}

.securends .se-campaign-info-page .reminderSelectBox {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
}

.securends .se-campaign-info-page .reminderSelectBox>[class*="col-"] {
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto;
  position: static !important;
  top: auto !important;
}

.securends .se-campaign-info-page .reminderSelectBox select.form-control,
.securends .se-campaign-info-page .campaign-info-field-row select.form-control {
  width: auto !important;
  min-width: 220px;
  max-width: 100%;
  display: inline-block;
}

.securends .se-campaign-info-page .campaign-info-field-row .selectCampaign {
  width: 360px !important;
  min-width: 240px !important;
  max-width: 360px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .row:has(.selectCampaign)>.col-md-7,
.securends .se-campaign-info-page .campaign-info-field-row .row>.col-md-7:has(.selectCampaign) {
  flex: 0 1 360px !important;
  width: 360px !important;
  max-width: 360px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .row>.col-md-7:not(:has(.selectCampaign)) {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.securends .se-campaign-info-page .campaignDaysError {
  margin-left: 0 !important;
  margin-top: 4px !important;
  position: static !important;
}

.securends .se-campaign-info-page .form-control.select-days {
  width: 120px !important;
  min-width: 120px !important;
  max-width: 140px !important;
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px !important;
  padding: 0 8px !important;
  height: 36px !important;
  line-height: 34px !important;
  box-sizing: border-box !important;
  text-overflow: ellipsis;
}

.securends .se-campaign-info-page .se-select-days-wrap {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  vertical-align: middle;
  margin: 0 4px !important;
}

.securends .se-campaign-info-page .se-select-days-wrap .form-control.select-days {
  margin: 0 !important;
}

.securends .se-campaign-info-page .se-select-days-wrap .error,
.securends .se-campaign-info-page .se-select-days-wrap .campaignDaysError {
  display: block !important;
  margin: 2px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  position: static !important;
  color: var(--se-risk) !important;
  white-space: nowrap;
}

/* --------------------------------------------------------------------------
   Open Campaigns (/openCampaigns) — same toolbar card as /endpoints
   (.row.manageApp > h2.o-form-title-bar). Card chrome comes from kit.css.
   -------------------------------------------------------------------------- */

.securends .se-open-campaigns-page {
  background: transparent;
}

.securends .se-open-campaigns-page .open-campaigns-header-row.manageApp {
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.securends .se-open-campaigns-page .open-campaigns-header-row>.o-form-title-bar {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px 0 !important;
  min-height: 52px;
  position: relative !important;
  top: auto !important;
  width: 100%;
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 12px 16px;
  white-space: nowrap;
  color: var(--se-ink) !important;
  box-sizing: border-box;
}

.securends .se-open-campaigns-page .open-campaign-radio {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 16px;
  position: static !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  margin: 0 0 0 8px !important;
  flex: 1 1 auto;
  min-width: 0;
  padding: 0;
}

.securends .se-open-campaigns-page .open-campaigns-radio-item {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  color: var(--se-ink-2) !important;
  font-size: 13px !important;
  font-weight: 500;
  white-space: nowrap;
  line-height: 28px !important;
}

/* Keep native radio hidden; themed checkmark from kit.css */
.securends .se-open-campaigns-page .open-campaigns-radio-item input[type="radio"] {
  position: absolute !important;
  opacity: 0 !important;
  height: 0 !important;
  width: 0 !important;
  margin: 0 !important;
}

.securends .se-open-campaigns-page .o-form-title-bar>.se-toolbar-actions {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.securends .se-open-campaigns-page .campainBackBtn,
.securends .se-open-campaigns-page .AddAppBtn.campainBackBtn {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  border-radius: var(--se-r) !important;
  border: none !important;
  background: var(--se-brand) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  box-shadow: none !important;
  position: static !important;
  margin: 0 !important;
}

.securends .se-open-campaigns-page .campainBackBtn:hover,
.securends .se-open-campaigns-page .AddAppBtn.campainBackBtn:hover {
  background: var(--se-brand-hover) !important;
}

.securends .se-open-campaigns-page .campaignList.Table,
.securends .se-open-campaigns-page .CampaignTable {
  background: transparent;
}

.securends .se-open-campaigns-page .CampaignTable .ReactTable {
  margin-top: 0;
}

/*
  Open Campaigns — min-width floors only. Do not lock flex/width/max-width
  with !important: ReactTable .rt-resizer sets inline sizes, and nth-last-child
  locks mis-map Start/End when Due/Progress are hidden via column config.
*/
.securends .se-open-campaigns-page .CampaignTable {
  --se-oc-name-min: 200px;
  --se-oc-due-w: 128px;
  --se-oc-progress-w: 152px;
}

.securends .se-open-campaigns-page .CampaignTable .rt-th.se-camp-col-name,
.securends .se-open-campaigns-page .CampaignTable .rt-td.se-camp-col-name,
.securends .se-open-campaigns-page .CampaignTable .rt-thead.-filters .rt-th.se-camp-col-name {
  flex: 1 1 var(--se-oc-name-min);
  width: auto;
  min-width: var(--se-oc-name-min);
  max-width: none;
  box-sizing: border-box;
}

.securends .se-open-campaigns-page .CampaignTable .rt-th.se-oc-col-due,
.securends .se-open-campaigns-page .CampaignTable .rt-td.se-oc-col-due {
  min-width: var(--se-oc-due-w);
  box-sizing: border-box;
}

.securends .se-open-campaigns-page .CampaignTable .rt-td.se-oc-col-due {
  overflow: visible !important;
  color: var(--se-ink) !important;
  font-variant-numeric: tabular-nums;
}

.securends .se-open-campaigns-page .CampaignTable .rt-th.se-oc-col-progress,
.securends .se-open-campaigns-page .CampaignTable .rt-td.se-oc-col-progress,
.securends .se-open-campaigns-page .CampaignTable .rt-td:has(.se-progress-cell) {
  min-width: var(--se-oc-progress-w);
  box-sizing: border-box;
}

.securends .se-open-campaigns-page .CampaignTable .rt-td.se-oc-col-progress,
.securends .se-open-campaigns-page .CampaignTable .rt-td:has(.se-progress-cell) {
  overflow: visible !important;
}

.securends .se-open-campaigns-page .CampaignTable .rt-td .se-progress-cell {
  margin: 0 auto 0 0;
  min-width: 0 !important;
  max-width: 100% !important;
  width: 100%;
}

.securends .se-campaign-audit-page .dropdown,
.securends .se-campaign-audit-page .se-toolbar-actions {
  overflow: visible !important;
}

.securends .se-campaign-audit-page .dropdown-menu {
  z-index: 30;
}

@media (max-width: 900px) {
  .securends .se-open-campaigns-page .open-campaigns-header-row>.o-form-title-bar {
    flex-wrap: wrap;
    white-space: normal;
  }

  .securends .se-open-campaigns-page .o-form-title-bar>.se-toolbar-actions {
    margin-left: auto !important;
    width: auto;
    justify-content: flex-end;
  }

  .securends .se-campaign-info-page .se-campaign-tpl-picker-bar {
    flex-wrap: wrap;
  }
}

/* --------------------------------------------------------------------------
   Create Campaign / Scheduler — form row alignment, radios, selects, checkboxes
   -------------------------------------------------------------------------- */

/* Template Type + other label|control rows share one vertical axis */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal>.row,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row:has(> .col-md-2):has(> .col-md-4) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.col-md-2 {
  flex: 0 0 220px !important;
  width: auto !important;
  max-width: 220px !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Shared control column start — labels stay fixed; inputs do not grow into mid-row */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.col-md-4.o-form-label,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.o-form-label.col-md-4 {
  flex: 0 0 220px !important;
  width: auto !important;
  max-width: 220px !important;
  float: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.col-md-4.o-form-input,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.o-form-input.col-md-4 {
  flex: 0 1 420px !important;
  width: auto !important;
  max-width: 420px !important;
  float: none !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Non-label/input col-md-4 controls (e.g. template search) keep prior grow behavior */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.col-md-4:not(.o-form-label):not(.o-form-input) {
  flex: 1 1 280px !important;
  width: auto !important;
  max-width: 420px !important;
  float: none !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Template Type select only — match Search Existing Template width (--se-campaign-tpl-input-w) */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.col-md-4:has(> select.form-control) {
  flex: 0 0 var(--se-campaign-tpl-input-w) !important;
  width: var(--se-campaign-tpl-input-w) !important;
  max-width: var(--se-campaign-tpl-input-w) !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .row>.col-md-4:has(> select.form-control)>select.form-control {
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal select.form-control,
.securends .se-campaign-info-page select.form-control,
.securends .se-campaign-info-page select.form-control.scheduler {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 36px 0 12px !important;
  line-height: 34px !important;
  box-sizing: border-box !important;
  margin-top: 0 !important;
  vertical-align: middle;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: var(--se-card) !important;
  background-image: url(/build/assets/media/3ee5077622847646e44b.3ee50776.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 7px !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* MUI radios — vertical center with label text */
.securends .se-campaign-info-page .MuiFormControlLabel-root,
.securends .se-campaign-info-page .uar-radio .MuiFormControlLabel-root,
.securends .se-campaign-info-page .campaign-info-radio .MuiFormControlLabel-root,
.securends .se-campaign-info-page .campaign-info-radio-wrap .MuiFormControlLabel-root {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 16px 0 0 !important;
  vertical-align: middle;
}

.securends .se-campaign-info-page .MuiRadio-root,
.securends .se-campaign-info-page .MuiRadio-colorPrimary {
  padding: 6px !important;
  align-self: center !important;
}

.securends .se-campaign-info-page .MuiFormControlLabel-label,
.securends .se-campaign-info-page .MuiTypography-body1 {
  line-height: 1.3 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex;
  align-items: center;
}

.securends .se-campaign-info-page .MuiRadioGroup-root,
.securends .se-campaign-info-page .uar-radio .MuiRadioGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 4px 8px;
}

.securends .se-campaign-info-page .campaign-info-field-row,
.securends .se-campaign-info-page .campaign-info-label-radio-inline,
.securends .se-campaign-info-page .campaign-info-reminders-row {
  align-items: center !important;
}

/* Messaging Reminders: same label | question + radios stack as Launch Notification. */
.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-messaging-row {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 2px !important;
  padding-top: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row>.campaign-info-label {
  margin: 4px 0px 0px -15px !important;
  padding: 0 !important;
  position: static !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row>.campaign-info-label p {
  margin: 0 0 4px !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row>.row.campaign-info-control,
.securends .se-campaign-info-page .campaign-info-messaging-row>.campaign-info-control {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
}

.securends .se-campaign-info-page .campaign-info-messaging-row>.row.campaign-info-control>* {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row .uar-radio.campaign-info-radio {
  position: static !important;
  bottom: auto !important;
  margin: 0 -15px !important;
  padding: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row .MuiFormControl-root,
.securends .se-campaign-info-page .campaign-info-messaging-row .MuiFormGroup-root,
.securends .se-campaign-info-page .campaign-info-messaging-row .MuiRadioGroup-root {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row .MuiFormControlLabel-root {
  margin: 0 16px 0 0 !important;
}

.securends .se-campaign-info-page .campaign-info-messaging-row .MuiRadio-root {
  padding: 6px !important;
}

.securends .se-campaign-info-page .fa.fa-info-circle,
.securends .se-campaign-info-page .campaign-info-label-with-icon .fa-info-circle {
  vertical-align: middle;
  line-height: 1;
  margin-left: 6px;
}

/* Campaign Emails checkboxes — darker unchecked border */
.securends .se-campaign-info-page .custom-control-label::before,
.securends .se-campaign-info-page .camp-checkbox .custom-control-label::before,
.securends .se-campaign-info-page .campaign-info-field-row .custom-control-label::before {
  background-color: var(--se-card) !important;
  border: 1.5px solid var(--se-ink-2) !important;
  opacity: 1 !important;
}

.securends .se-campaign-info-page .custom-control-input:checked~.custom-control-label::before,
.securends .se-campaign-info-page .camp-checkbox .custom-control-input:checked~.custom-control-label::before {
  background-color: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
}

.securends .se-campaign-info-page .custom-control-label {
  color: var(--se-ink) !important;
  padding-left: 0.35rem;
}

.securends .se-campaign-info-page input[type="checkbox"]:not(.flipswitch-cb),
.securends .se-campaign-info-page input[type="radio"]:not(.MuiPrivateSwitchBase-input) {
  accent-color: var(--se-brand);
  width: 16px;
  height: 16px;
  margin: 0;
  vertical-align: middle;
}

/* Select Instruction / react-select — padded value (never flush to border) */
.securends .se-campaign-info-page .selectCampaign [class*="-control"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-control"] {
  min-height: 36px !important;
  height: 36px !important;
  align-items: center !important;
  border-color: var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
}

.securends .se-campaign-info-page .selectCampaign [class*="-ValueContainer"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-ValueContainer"] {
  margin: 0 !important;
  padding: 2px 8px 2px 12px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
}

.securends .se-campaign-info-page .selectCampaign [class*="-singleValue"],
.securends .se-campaign-info-page .selectCampaign [class*="-placeholder"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-singleValue"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-placeholder"] {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  top: auto !important;
  transform: none !important;
  position: static !important;
  max-width: 100%;
  color: var(--se-ink) !important;
}

.securends .se-campaign-info-page .selectCampaign [class*="-placeholder"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-placeholder"] {
  color: var(--se-ink-3) !important;
}

.securends .se-campaign-info-page .selectCampaign [class*="-IndicatorsContainer"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-IndicatorsContainer"] {
  height: 34px;
  align-items: center;
  padding-right: 4px;
}

/* Inline escalation selects (Next Level Manager) + days field spacing */
.securends .se-campaign-info-page .reminderSelectBox select,
.securends .se-campaign-info-page .campaign-info-field-row select:not(.form-control) {
  display: inline-block;
  vertical-align: middle;
  width: auto !important;
  min-width: 160px;
  max-width: 180px;
  margin: 0 4px !important;
  padding: 0 32px 0 12px !important;
}

/* --------------------------------------------------------------------------
   Campaign Creation — Date Pickers Alignment & Layout (Reminders & Escalations)
   -------------------------------------------------------------------------- */
.securends .se-campaign-info-page .form-group.row:has(.rm-container),
.securends .se-campaign-info-page .row:has(.rm-container) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  width: 100% !important;
  position: relative !important;
  overflow: visible !important;
}

.securends .se-campaign-info-page .form-group.row:has(.rm-container)>[class*="col-"],
.securends .se-campaign-info-page .row:has(.rm-container)>[class*="col-"] {
  float: none !important;
  left: 0 !important;
  right: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.securends .se-campaign-info-page .form-group.row:has(.rm-container)>.col-md-7 {
  flex: 1 1 auto !important;
  max-width: calc(100% - 240px) !important;
}

.securends .se-campaign-info-page .form-group.row:has(.rm-container)>.col-md-5,
.securends .se-campaign-info-page .form-group.row:has(.rm-container)>[class*="col-"]:has(.rm-container) {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

.securends .se-campaign-info-page .rm-container {
  display: inline-flex !important;
  position: relative !important;
  width: 220px !important;
}

.securends .se-campaign-info-page .rm-container .rm-input,
.securends .se-campaign-info-page .rm-container input {
  width: 220px !important;
  min-width: 220px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 4px 12px !important;
  background: var(--se-input) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r, 8px) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-sizing: border-box !important;
  text-overflow: ellipsis !important;
}

.securends .se-campaign-info-page .rm-picker-container,
.rm-picker-container {
  z-index: 10050 !important;
}

/* Recurring Frequency (ScheduleRecurringAssessment)
   Same label/control row as Scheduler Name; Day/Week options packed tightly. */
.securends .se-campaign-info-page .se-scheduler-recurring {
  width: 100%;
  margin: 4px 0 12px;
}

.securends .se-campaign-info-page .se-scheduler-recurring > .row.se-scheduler-recurring-field {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 8px 16px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-campaign-info-page .se-scheduler-recurring > .row.se-scheduler-recurring-field > .o-form-label {
  flex: 0 0 220px !important;
  width: auto !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .se-scheduler-recurring > .row.se-scheduler-recurring-field > .o-form-label .settingsTitleName {
  margin: 0 !important;
  padding-top: 10px !important;
}

.securends .se-campaign-info-page .se-scheduler-recurring > .row.se-scheduler-recurring-field > .o-form-input.se-scheduler-recurring-controls {
  flex: 1 1 280px !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper.se-scheduler-freq-options,
.securends .se-campaign-info-page .se-scheduler-freq-options {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px !important;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-info-page .se-scheduler-freq-option {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-info-page .se-scheduler-freq-radio {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  flex: 0 0 auto !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 10px 0 8px !important;
  background: var(--se-brand-tint) !important;
  border: 1px solid var(--se-brand-line) !important;
  border-radius: var(--se-r) !important;
  white-space: nowrap !important;
}

.securends .se-campaign-info-page .se-scheduler-freq-radio input[type="radio"] {
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.securends .se-campaign-info-page .se-scheduler-freq-radio label {
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  cursor: pointer;
}

.securends .se-campaign-info-page .se-scheduler-freq-option select.form-control.scheduler,
.securends .se-campaign-info-page .se-scheduler-freq-options select.scheduler {
  min-width: 130px !important;
  width: auto !important;
  max-width: none !important;
  height: 36px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  float: none !important;
}

/* Legacy nested row rules (older markup) — keep packed, no middle gap */
.securends .se-campaign-info-page .campaign-info-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 12px 16px !important;
  width: 100% !important;
  margin: 8px 0 12px !important;
  padding: 12px 14px !important;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper.se-scheduler-freq-options {
  margin: 0 !important;
  padding: 8px !important;
  width: auto !important;
  justify-content: flex-start !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper>[class*="col-span"],
.securends .se-campaign-info-page .campaign-info-wrapper>div[style*="width"] {
  width: auto !important;
  flex: 0 1 auto !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  border-right: none !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  padding: 8px 10px !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper .row>[class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper .row>div[style*="height: 40px"],
.securends .se-campaign-info-page .campaign-info-wrapper .row>.col-md-5>div:not(.rmdp-container):not(.rm-container):not(:has(.rmdp-input)),
.securends .se-campaign-info-page .campaign-info-wrapper .row>.col-md-4>div:not(.rmdp-container):not(.rm-container):not(:has(.rmdp-input)) {
  height: 36px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  background: var(--se-brand-tint) !important;
  border: 1px solid var(--se-brand-line) !important;
  border-radius: var(--se-r) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Reminder / escalation "Select Days" pickers (react-multi-date-picker renders
   .rmdp-container): no tinted plate behind the input — only the input is styled. */
.securends.securends .se-campaign-info-page .se-campaign-days-picker-col,
.securends.securends .se-campaign-info-page .se-campaign-days-picker-col > div,
.securends.securends .se-campaign-info-page .se-campaign-days-picker-col .rmdp-container {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.securends.securends .se-campaign-info-page .se-campaign-days-picker-col > div,
.securends.securends .se-campaign-info-page .se-campaign-days-picker-col .rmdp-container {
  height: auto !important;
  padding: 0 !important;
}

/* Reminder / escalation rows (email + messaging): "<label> [Select Days]" stays on one
   line — beat the shared .form-group.row wrap that drops the picker below. */
.securends.securends .se-campaign-info-page .form-group.row:has(> .se-campaign-days-picker-col) {
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.securends.securends .se-campaign-info-page .form-group.row:has(> .se-campaign-days-picker-col) > .col-md-7 {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: none !important;
  padding-right: 0 !important;
}

.securends.securends .se-campaign-info-page .form-group.row:has(> .se-campaign-days-picker-col) > .col-md-7 > label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  min-height: 36px !important;
  white-space: nowrap !important;
}

.securends.securends .se-campaign-info-page .form-group.row > .se-campaign-days-picker-col {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  min-height: 36px !important;
}

.securends.securends .se-campaign-info-page .form-group.row > .se-campaign-days-picker-col > .error {
  flex: 0 0 100% !important;
}

/* Picker sits right after its label: size both columns to content (Bootstrap col-md-5
   percentage width + justify-content-end otherwise leave a wide gap before the input). */
.securends.securends.securends .se-campaign-info-page .form-group.row:has(> .se-campaign-days-picker-col) > .col-md-7 {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
}

.securends.securends.securends .se-campaign-info-page .form-group.row > .col-md-5.se-campaign-days-picker-col {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  justify-content: flex-start !important;
}

.securends.securends.securends .se-campaign-info-page .se-campaign-days-picker-col .rmdp-container {
  width: auto !important;
  margin: 0 !important;
}

.securends.securends.securends .se-campaign-info-page .form-group.row > .se-campaign-days-picker-col > .error:empty {
  display: none !important;
}

.securends .se-campaign-info-page .campaign-info-wrapper select.form-control.scheduler,
.securends .se-campaign-info-page select.scheduler {
  min-width: 140px !important;
  width: auto !important;
  height: 36px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.securends .se-campaign-info-page .se-scheduler-week-selects,
.securends .se-campaign-info-page .campaign-info-wrapper .col-md-8.o-form-label,
.securends .se-campaign-info-page .campaign-info-wrapper .col-md-8.o-form-label>span {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  width: auto !important;
  margin-left: 0 !important;
}

.securends .se-campaign-info-page .se-scheduler-week-selects>select.scheduler,
.securends .se-campaign-info-page .campaign-info-wrapper .col-md-8.o-form-label>span>select.scheduler {
  margin: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.securends .se-campaign-info-page .settingsTitleName {
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  margin: 0 0 8px !important;
}

/* Scheduler Duration / End By / Email — shared 220px label + 16px gap so
   controls share one left edge. Duration number is compact; Days sits next to it.
   Email day select must not use inline marginLeft:-112px. */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row:not(.se-scheduler-recurring-field) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  column-gap: 16px !important;
  row-gap: 8px !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row > .o-form-label {
  flex: 0 0 220px !important;
  width: auto !important;
  max-width: 220px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  overflow: visible !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row > .col-md-4.o-form-label .settingsTitleName {
  white-space: normal !important;
  overflow: visible !important;
  max-width: 100% !important;
  line-height: 1.35 !important;
  margin: 0 !important;
}

/* Campaign Duration input — do not inherit camp-modal 220px col-md-2 */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row:has(#recurringOccurrenceDuration) > .col-md-2:not(.o-form-label) {
  flex: 0 0 120px !important;
  width: 120px !important;
  max-width: 120px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  float: none !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring #recurringOccurrenceDuration {
  width: 120px !important;
  max-width: 120px !important;
  height: 36px !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row:has(#recurringOccurrenceDuration) > .col-md-1 {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-left: -8px !important;
  float: none !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row:has(#recurringOccurrenceDuration) > .col-md-1 .settingsTitleName {
  margin: 0 !important;
  white-space: nowrap !important;
}

/* End By — same control start as Duration; keep date field readable */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row:has(.react-datepicker-wrapper) > .col-md-2:not(.o-form-label),
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row:has(.rm-datepicker) > .col-md-2:not(.o-form-label) {
  flex: 0 0 220px !important;
  width: 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* Email notification day select — same left edge as Duration / End By */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row > .col-md-4.o-form-label + .col-md-2 {
  margin-left: 0 !important;
  flex: 0 0 120px !important;
  width: 120px !important;
  max-width: 120px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row > .col-md-4.o-form-label + .col-md-2 select.form-control.scheduler,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .se-scheduler-recurring > .row > .col-md-4.o-form-label + .col-md-2 .form-control {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 120px !important;
  height: 36px !important;
  margin: 0 !important;
}

/* Delta Campaign Yes/No — same 220px label / 16px gap as Duration & End By.
   Beat pickels `.uar-radio { width:100%; margin-left:66px }` and Bootstrap col-md-6 50%. */
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  column-gap: 16px !important;
  row-gap: 0 !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) > .col-md-4.campaign-info-label-with-icon,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) > .campaignScreenLabels {
  flex: 0 0 220px !important;
  width: 220px !important;
  max-width: 220px !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) > .col-md-6.campaign-info-control,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) > .campaign-info-control {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) .uar-radio,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) .campaign-info-radio {
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) .MuiFormControl-root,
.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) .MuiRadioGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-self: flex-start !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-info-page .endpointConfigCard.camp-modal .campaign-info-field-row:has(.dataInfoTest) .MuiRadio-root {
  padding: 4px 6px 4px 0 !important;
}

/* Campaign Reviewer extras — stack Search/Clear below (select lives in Configuration) */
.securends .se-campaign-info-page .campaignReviwerData,
.securends .se-campaign-info-page .campaign-info-control.campaignReviwerData {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  margin-left: 0 !important;
  width: 100% !important;
  max-width: 480px !important;
}

.securends .se-campaign-info-page .campaignReviwerData>br {
  display: none !important;
}

.securends .se-campaign-info-page .campaignReviwerData .OthersRequestAccess,
.securends .se-campaign-info-page .campaignReviwerData > div:has(.OthersRequestAccess),
.securends .se-campaign-info-page .campaignReviwerData > div:has(#search-request-bar) {
  width: 100% !important;
  max-width: 420px !important;
}

/* Beat pickels .campignReviewerSch { bottom: 25px } when Search is shown */
.securends .se-campaign-info-page .campignReviewerSch,
.securends .se-campaign-info-page .settingsTitle.campignReviewerSch,
.securends .se-campaign-info-page .settingsTitle.dataInfoTest.campignReviewerSch {
  position: static !important;
  bottom: auto !important;
  top: auto !important;
}

.securends .se-campaign-info-page .OthersRequestAccess {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 420px !important;
  display: block !important;
  clear: both;
}

.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-label-with-icon,
.securends .se-campaign-info-page .campaign-info-field-row>.col-md-2.campaignScreenLabels {
  display: flex !important;
  align-items: flex-start !important;
  align-self: flex-start;
  min-height: 36px;
  padding-top: 8px;
}

.securends .se-campaign-info-page .campaign-info-field-row>.campaign-info-label-with-icon .settingsTitle,
.securends .se-campaign-info-page .campaign-info-field-row>.col-md-2.campaignScreenLabels .settingsTitle {
  display: inline-flex !important;
  align-items: center;
  line-height: 1.3 !important;
  white-space: normal !important;
}

/* Reminder / escalation rows — days field + inline selects vertically centered */
.securends .se-campaign-info-page .reminderSelectBox label {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center !important;
  gap: 4px !important;
  line-height: 1.4;
  margin: 0;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

.securends .se-campaign-info-page .reminderSelectBox>[class*="col-"]>label {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center !important;
  margin-bottom: 0 !important;
  line-height: 1.4 !important;
  min-height: 36px;
  color: var(--se-ink);
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500;
  white-space: nowrap;
  overflow: visible;
}

/* Assign Campaign Owner — wider Search inputs; menu floats above (no clash) */
.securends .se-campaign-info-page .col-md-12:has(> .campaign-owner-search-clear-row),
.securends .se-campaign-info-page .col-md-12:has(.campaign-owner-search-clear-row) {
  margin-left: 0 !important;
  margin-top: 16px !important;
  padding-top: 4px !important;
  padding-left: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  row-gap: 12px !important;
}

/* Assign Campaign Owner — Clean 240px column alignment */
.securends .se-campaign-info-page .campaign-info-assign-owner-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
  margin-top: 12px !important;
  margin-bottom: 8px !important;
  width: 100% !important;
}

.securends .se-campaign-info-page .campaign-info-assign-owner-row>.campaignScreenLabels {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  right: auto !important;
  left: auto !important;
}

.securends .se-campaign-info-page .campaign-info-assign-owner-row>.campaign-info-radio-inline-wrap {
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-info-page .campaign-owner-search-container {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 8px !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: 100% !important;
  overflow: visible !important;
}

.securends .se-campaign-info-page .campaign-owner-search-clear-row,
.securends .se-campaign-info-page .endPointRolesContainer.campaign-owner-search-clear-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 6px !important;
  margin-left: 240px !important;
  /* Override global .endPointRolesContainer { margin-top: -12px } so rows are not fused */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: calc(100% - 240px) !important;
  max-width: 560px !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 100 !important;
}

/*
 * When autocomplete is open, elevate the row so the floating menu paints
 * over "+ Add More" / checkbox. Do NOT reserve margin — menu must hover.
 */
.securends .se-campaign-info-page .campaign-owner-search-clear-row:has(.ac_dropdown),
.securends .se-campaign-info-page .campaign-owner-search-clear-row:has(.se-autocomplete-menu),
.securends .se-campaign-info-page .campaign-owner-search-clear-row:has(div[role="listbox"]),
.securends .se-campaign-info-page .campaign-owner-search-clear-row:has(.se-campaign-owner-dropdown) {
  z-index: 80 !important;
}

.securends .se-campaign-info-page .campaign-owner-search-clear-row:focus-within {
  z-index: 10050 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.securends .se-campaign-info-page .col-md-12:has(.campaign-owner-search-clear-row):has(.ac_dropdown),
.securends .se-campaign-info-page .col-md-12:has(.campaign-owner-search-clear-row):has(.se-autocomplete-menu),
.securends .se-campaign-info-page .col-md-12:has(.campaign-owner-search-clear-row):focus-within {
  margin-bottom: 0 !important;
  overflow: visible !important;
  z-index: 10050 !important;
}

/* Fixed input width so Add More rows stay column-aligned */
.securends .se-campaign-info-page .campaign-owner-search-clear-wrap {
  display: block !important;
  flex: 0 0 400px !important;
  width: 400px !important;
  max-width: 400px !important;
  min-width: 400px !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
  z-index: 2;
  overflow: visible !important;
}

.securends .se-campaign-info-page .campaign-owner-ac-field {
  position: relative !important;
  z-index: 50;
  overflow: visible !important;
  width: 100%;
}

.securends .se-campaign-info-page .campaign-owner-search-clear-wrap input.form-control,
.securends .se-campaign-info-page .campaign-owner-search-clear-wrap .form-control,
.securends .se-campaign-info-page .campaign-owner-ac-field input.form-control {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 36px !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-info-page .campaign-owner-error-span {
  display: block !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  min-height: 0;
}

.securends .se-campaign-info-page .campaign-owner-error-span:empty {
  display: none !important;
  margin: 0 !important;
}

/* Actions column — same footprint on every row (loader / delete / clear slots) */
.securends .se-campaign-info-page .campaign-owner-actions {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 6px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Loader: 0 idle width; expands only while searching that row */
.securends .se-campaign-info-page .campaign-owner-loader-slot {
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  overflow: hidden;
  color: var(--se-ink-3, #94a3b8);
}

.securends .se-campaign-info-page .campaign-owner-loader-slot.is-loading {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
}

.securends .se-campaign-info-page .campaign-owner-loader-slot .saveSpinner {
  margin: 0 !important;
}

.securends .se-campaign-info-page .campaign-owner-action-btn.AttrDeleteBtn_se,
.securends .se-campaign-info-page .campaign-owner-action-btn.AttrDeleteBtn_seDisabled,
.securends .se-campaign-info-page .campaign-owner-search-clear-row .AttrDeleteBtn_se,
.securends .se-campaign-info-page .campaign-owner-search-clear-row .AttrDeleteBtn_seDisabled {
  flex: 0 0 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  height: 36px !important;
  width: 36px !important;
  margin: 0 !important;
  line-height: 1;
  font-size: 16px;
}

.securends .se-campaign-info-page .campaign-owner-clear-btn,
.securends .se-campaign-info-page .campaign-owner-clear-spacer,
.securends .se-campaign-info-page .campaign-owner-search-clear-row .btn_clear,
.securends .se-campaign-info-page .campaign-owner-search-clear-row .custom__lg.btn_clear {
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 72px !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center;
  padding: 0 14px !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-info-page .campaign-owner-clear-spacer {
  visibility: hidden !important;
  pointer-events: none !important;
  border: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-info-page .campaign-owner-search-clear-row>.col-md-1,
.securends .se-campaign-info-page .campaign-owner-search-clear-row>.col-md-2 {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: flex-start !important;
}

.securends .se-campaign-info-page .campaign-owner-search-clear-row .input-group-append {
  margin: 0 !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Autocomplete menu — fixed hover overlay (must NOT push layout down) */
.securends .se-autocomplete-menu,
.securends .se-campaign-info-page .se-autocomplete-menu,
.securends .se-campaign-info-page .campaign-owner-search-clear-wrap .se-autocomplete-menu {
  position: fixed !important;
  z-index: 9999 !important;
  max-height: 220px !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-lg) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  scrollbar-width: thin;
  scrollbar-color: var(--se-ink-3) var(--se-page);
  /* left/top/width come from inline styles (viewport coords) — do not override */
}

.securends .se-autocomplete-menu .ac_dropdown,
.securends .se-campaign-info-page .ac_dropdown {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  color: var(--se-ink) !important;
  border-bottom: 1px solid var(--se-line) !important;
  padding: 8px 12px !important;
  opacity: 1 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.securends .se-campaign-info-page .ac_dropdown.is-highlighted,
.securends .se-campaign-info-page .ac_dropdown:hover {
  background: var(--se-row-hover) !important;
}

/* + Add More — brand link (not raw red) */
.securends .se-campaign-info-page .col-md-12:has(> .se-add-more-link) {
  margin-left: 240px !important;
  width: auto !important;
}

.securends .se-campaign-info-page .se-add-more-link,
.securends .se-campaign-info-page span.se-add-more-link {
  color: var(--se-brand) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
}

.securends .se-campaign-info-page .se-add-more-link:hover {
  color: var(--se-brand-hover) !important;
  text-decoration: underline;
}

.securends .se-campaign-info-page .se-add-more-link.is-disabled {
  color: var(--se-ink-3) !important;
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

/* Hierarchical 2nd/3rd Level Review — label above field (match Reviewer Email) */
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 16px 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  float: none !important;
  flex: 1 1 280px !important;
  max-width: 480px !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field > label {
  display: block !important;
  float: none !important;
  width: auto !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink-2, #475569) !important;
  line-height: 1.3 !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field > select.form-control,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field #secondLevelReviewer,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field #thirdLevelReviewer {
  display: block !important;
  width: 100% !important;
  max-width: 480px !important;
  min-width: 0 !important;
  height: 36px !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field .formErrMsg,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field .campaignErrorMsg {
  display: block !important;
  margin-top: 4px !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field .formErrMsg:empty,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field .campaignErrorMsg:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  line-height: 0 !important;
}

/* Remove Bootstrap .form-group bottom gap under Reviewer Email search */
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field #search-request-bar,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field #search-request-bar.form-group,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field .form-group {
  margin: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field #search-request-bar .input-group.search,
.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-field .OthersRequestAccess .input-group.search {
  max-width: 480px !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details {
  padding-bottom: 12px !important;
}

.securends .se-campaign-info-page .expnasion-container .expansion-details .se-hierarchy-review-row {
  margin-bottom: 0 !important;
}

/* + Add Additional Level — compact brand control (not full-width) */
.securends .se-campaign-info-page .se-add-additional-level,
.securends .se-campaign-info-page span.se-add-more-link.se-add-additional-level {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  align-self: flex-start !important;
  width: auto !important;
  max-width: fit-content !important;
  margin-top: 8px !important;
  margin-bottom: 4px !important;
  padding: 8px 14px !important;
  border-radius: var(--se-r, 8px) !important;
  background: var(--se-brand-tint, #eaf0f8) !important;
  color: var(--se-brand) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  border: 1px solid var(--se-brand) !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}

.securends .se-campaign-info-page .se-add-additional-level:hover,
.securends .se-campaign-info-page span.se-add-more-link.se-add-additional-level:hover {
  background: var(--se-brand) !important;
  color: #fff !important;
  text-decoration: none !important;
  border-color: var(--se-brand-hover, var(--se-brand)) !important;
}

/* Email template react-select — full value + visible chevron */
.securends .se-campaign-info-page .selectCampaign [class*="-singleValue"],
.securends .se-campaign-info-page .selectCampaign [class*="-placeholder"] {
  max-width: calc(100% - 8px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securends .se-campaign-info-page .selectCampaign [class*="-indicatorContainer"] svg,
.securends .se-campaign-info-page .selectCampaign [class*="-dropdown-indicator"],
.securends .se-campaign-info-page .campaign-info-field-row [class*="-indicatorContainer"] {
  color: var(--se-ink-2) !important;
  opacity: 1 !important;
}

/* Campaign Reviewer search (CampaignAutoComplete) — Clear aligned; menu modern */
.securends .se-campaign-info-page #search-request-bar .input-group.search,
.securends .se-campaign-info-page .OthersRequestAccess .input-group.search {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px;
  width: 100%;
  max-width: 480px;
}

.securends .se-campaign-info-page #search-request-bar .input-group.search .form-control,
.securends .se-campaign-info-page .OthersRequestAccess .input-group.search .form-control {
  flex: 1 1 auto;
  height: 36px !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page #search-request-bar .input-group-append,
.securends .se-campaign-info-page .OthersRequestAccess .input-group-append {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page #search-request-bar .btn_clear,
.securends .se-campaign-info-page .OthersRequestAccess .btn_clear {
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.securends .se-campaign-info-page #search-request-bar,
.securends .se-campaign-info-page .OthersRequestAccess {
  position: relative;
  z-index: 2;
}

.securends .se-campaign-info-page .search-dropdown,
.securends .se-campaign-info-page .search-dropdown.search-active {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  width: 100% !important;
  max-width: 480px;
  max-height: 220px !important;
  overflow-y: auto !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-md) !important;
  z-index: 40 !important;
  padding: 4px 0 !important;
  scrollbar-width: thin;
  scrollbar-color: var(--se-ink-3) var(--se-page);
}

/* Campaign Owner suggestions — fixed overlay (avoid .search-dropdown absolute clip) */
.securends .se-campaign-info-page .se-campaign-owner-dropdown {
  position: fixed !important;
  z-index: 10050 !important;
  max-height: 240px !important;
  display: block !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-lg) !important;
  padding: 4px 0 !important;
  pointer-events: auto !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-info-page .se-campaign-owner-dropdown-item {
  display: block !important;
  padding: 8px 12px !important;
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  border-bottom: 1px solid var(--se-line) !important;
  text-decoration: none !important;
  background: var(--se-card) !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.securends .se-campaign-info-page .se-campaign-owner-dropdown-item:last-child {
  border-bottom: none !important;
}

.securends .se-campaign-info-page .se-campaign-owner-dropdown-item:hover {
  background: var(--se-row-hover) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-info-page .endpointConfigCard:has(.se-campaign-owner-dropdown),
.securends .se-campaign-info-page .col-md-12:has(.se-campaign-owner-dropdown),
.securends .se-campaign-info-page .campaign-owner-search-clear-row:has(.se-campaign-owner-dropdown) {
  overflow: visible !important;
}

.securends .se-campaign-info-page .search-dropdown-item {
  display: block !important;
  padding: 8px 12px !important;
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  border-bottom: 1px solid var(--se-line) !important;
  text-decoration: none !important;
  background: var(--se-card) !important;
}

.securends .se-campaign-info-page .search-dropdown-item:last-child {
  border-bottom: none !important;
}

.securends .se-campaign-info-page .search-dropdown-item:hover {
  background: var(--se-row-hover) !important;
  color: var(--se-ink) !important;
}

/* Escalation / multi-reminder — DatePicker + selects in flow (no negative-margin overlap) */
.securends .se-campaign-info-page .reminderSelectBox>[class*="col-"],
.securends .se-campaign-info-page .form-group.row>[class*="col-md-"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}

.securends .se-campaign-info-page .form-group.row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.securends .se-campaign-info-page .form-group.row>.col-md-7 {
  flex: 1 1 280px !important;
  width: auto !important;
  max-width: 100% !important;
}

.securends .se-campaign-info-page .form-group.row>.col-md-2 {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 160px !important;
  max-width: 220px !important;
}

.securends .se-campaign-info-page .form-group.row>.col-md-2 .rmdp-container,
.securends .se-campaign-info-page .form-group.row>.col-md-2 .rmdp-input,
.securends .se-campaign-info-page .form-group.row>.col-md-2 input[type="text"],
.securends .se-campaign-info-page .form-group.row>.col-md-2 input:not([type="checkbox"]):not([type="radio"]) {
  width: 160px !important;
  min-width: 140px !important;
  max-width: 100% !important;
  height: 36px !important;
  margin: 0 !important;
  position: static !important;
  left: auto !important;
}

.securends .se-campaign-info-page .reminderSelectBox {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 4px 0 0 !important;
  position: static !important;
}

.securends .se-campaign-info-page .reminderSelectBox>.col-md-7,
.securends .se-campaign-info-page .reminderSelectBox>.col-md-5 {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  padding-right: 0 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
}

.securends .se-campaign-info-page .reminderSelectBox>.col-md-7>label {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox>.consecutiveDays {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 0 0 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 36px;
  display: inline-flex !important;
  align-items: center !important;
  position: static !important;
  float: none !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox>.consecutiveDays.col-md-12 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox>.consecutiveDays .custom-control-label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.4 !important;
  min-height: 36px;
  white-space: nowrap !important;
  position: relative !important;
}

.securends .se-campaign-info-page .reminderSelectBox>.consecutiveDays .custom-control-label::before,
.securends .se-campaign-info-page .reminderSelectBox>.consecutiveDays .custom-control-label::after {
  top: 50% !important;
  transform: translateY(-50%);
  margin-top: 0 !important;
}

.securends .se-campaign-info-page .reminderSelectBox>.consecutiveDays>input[type="checkbox"] {
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  align-self: center;
}

/* Additional escalation row only (Next Level Manager select).
   Line 1: … days before | Continue checkbox
   Line 2: campaign end date. */
.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail) {
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail)>.col-md-7 {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 292px) !important;
  overflow: visible !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail)>.col-md-7>label {
  display: flex !important;
  white-space: normal !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  column-gap: 4px !important;
  row-gap: 4px !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail) .se-escalation-end-date {
  flex: 1 1 100% !important;
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail)>.consecutiveDays {
  flex: 0 0 345px !important;
  flex-shrink: 0 !important;
  width: 345px !important;
  min-width: 345px !important;
  max-width: 345px !important;
  margin: 0 !important;
  padding-top: 8px !important;
  position: static !important;
  top: auto !important;
  overflow: visible !important;
  display: flex !important;
  align-items: flex-start !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail)>.consecutiveDays .custom-control-label {
  display: flex !important;
  align-items: flex-start !important;
  white-space: normal !important;
  line-height: 1.4 !important;
  min-height: 0 !important;
  padding-top: 0 !important;
}

.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail)>.consecutiveDays .custom-control-label::before,
.securends .se-campaign-info-page .campaign-info-field-row .reminderSelectBox:has(#reviewerEmail)>.consecutiveDays .custom-control-label::after {
  top: 2px !important;
  transform: none !important;
  margin-top: 0 !important;
}

.securends .se-campaign-info-page .campaignDaysError {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  margin-top: 4px !important;
  position: static !important;
}

.securends .se-campaign-info-page .se-select-days-wrap .campaignDaysError:empty {
  display: none !important;
  margin: 0 !important;
  height: 0 !important;
}

/* Ensure Reviewer Search stays in document flow under the dropdown */
.securends .se-campaign-info-page .campaignReviwerData.campaign-info-control,
.securends .se-campaign-info-page .row.col-md-6.campaignReviwerData {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.securends .se-campaign-info-page .campaignReviwerData .OthersRequestAccess,
.securends .se-campaign-info-page .campaignReviwerData #search-request-bar {
  position: relative !important;
  left: auto !important;
  width: 100% !important;
  max-width: 420px !important;
  margin-top: 0 !important;
}

/* --------------------------------------------------------------------------
   Create Campaign (/campaigninfo) Dark Mode Support
   -------------------------------------------------------------------------- */

html[data-se-mode="dark"] .securends .se-campaign-info-page,
html[data-se-theme="dark"] .securends .se-campaign-info-page,
html[data-theme="dark"] .securends .se-campaign-info-page,
html.dark .securends .se-campaign-info-page,
.securends[data-se-mode="dark"] .se-campaign-info-page,
.securends[data-se-theme="dark"] .se-campaign-info-page {
  color: var(--se-ink) !important;
}

/* Header & Title bar */
html[data-se-mode="dark"] .securends .se-campaign-info-page .strapi-pagename,
html[data-se-theme="dark"] .securends .se-campaign-info-page .strapi-pagename,
html[data-theme="dark"] .securends .se-campaign-info-page .strapi-pagename,
html.dark .securends .se-campaign-info-page .strapi-pagename {
  color: var(--se-ink-2) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .o-form-title-bar,
html[data-se-theme="dark"] .securends .se-campaign-info-page .o-form-title-bar,
html[data-theme="dark"] .securends .se-campaign-info-page .o-form-title-bar,
html.dark .securends .se-campaign-info-page .o-form-title-bar {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  color: var(--se-ink) !important;
  border-color: var(--se-line) !important;
}

/* Cards & Panels */
html[data-se-mode="dark"] .securends .se-campaign-info-page .endpointConfigCard,
html[data-se-mode="dark"] .securends .se-campaign-info-page .endpointConfigCard.camp-modal,
html[data-se-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard,
html[data-se-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard.camp-modal,
html[data-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard,
html[data-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard.camp-modal,
html.dark .securends .se-campaign-info-page .endpointConfigCard,
html.dark .securends .se-campaign-info-page .endpointConfigCard.camp-modal {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border-color: var(--se-line) !important;
  color: var(--se-ink) !important;
  box-shadow: var(--se-shadow) !important;
}

/* Form Titles & Field Labels */
html[data-se-mode="dark"] .securends .se-campaign-info-page .settingsTitle,
html[data-se-mode="dark"] .securends .se-campaign-info-page .settingsTitleName,
html[data-se-mode="dark"] .securends .se-campaign-info-page .temp-elem-header,
html[data-se-mode="dark"] .securends .se-campaign-info-page .se-campaign-tpl-picker-title,
html[data-se-mode="dark"] .securends .se-campaign-info-page label,
html[data-se-mode="dark"] .securends .se-campaign-info-page .o-form-label,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaignScreenLabels,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-label-with-icon,
html[data-se-theme="dark"] .securends .se-campaign-info-page .settingsTitle,
html[data-se-theme="dark"] .securends .se-campaign-info-page .settingsTitleName,
html[data-se-theme="dark"] .securends .se-campaign-info-page .temp-elem-header,
html[data-se-theme="dark"] .securends .se-campaign-info-page .se-campaign-tpl-picker-title,
html[data-se-theme="dark"] .securends .se-campaign-info-page label,
html[data-se-theme="dark"] .securends .se-campaign-info-page .o-form-label,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaignScreenLabels,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-label-with-icon,
html[data-theme="dark"] .securends .se-campaign-info-page .settingsTitle,
html[data-theme="dark"] .securends .se-campaign-info-page .settingsTitleName,
html[data-theme="dark"] .securends .se-campaign-info-page .temp-elem-header,
html[data-theme="dark"] .securends .se-campaign-info-page .se-campaign-tpl-picker-title,
html[data-theme="dark"] .securends .se-campaign-info-page label,
html[data-theme="dark"] .securends .se-campaign-info-page .o-form-label,
html[data-theme="dark"] .securends .se-campaign-info-page .campaignScreenLabels,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-label-with-icon,
html.dark .securends .se-campaign-info-page .settingsTitle,
html.dark .securends .se-campaign-info-page .settingsTitleName,
html.dark .securends .se-campaign-info-page .temp-elem-header,
html.dark .securends .se-campaign-info-page .se-campaign-tpl-picker-title,
html.dark .securends .se-campaign-info-page label,
html.dark .securends .se-campaign-info-page .o-form-label,
html.dark .securends .se-campaign-info-page .campaignScreenLabels,
html.dark .securends .se-campaign-info-page .campaign-info-label-with-icon {
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .ack-review,
html[data-se-mode="dark"] .securends .se-campaign-info-page #check_Ack label.acknowledgement,
html[data-se-mode="dark"] .securends .se-campaign-info-page .acknowledgement,
html[data-se-theme="dark"] .securends .se-campaign-info-page .ack-review,
html[data-se-theme="dark"] .securends .se-campaign-info-page #check_Ack label.acknowledgement,
html[data-se-theme="dark"] .securends .se-campaign-info-page .acknowledgement,
html[data-theme="dark"] .securends .se-campaign-info-page .ack-review,
html[data-theme="dark"] .securends .se-campaign-info-page #check_Ack label.acknowledgement,
html[data-theme="dark"] .securends .se-campaign-info-page .acknowledgement,
html.dark .securends .se-campaign-info-page .ack-review,
html.dark .securends .se-campaign-info-page #check_Ack label.acknowledgement,
html.dark .securends .se-campaign-info-page .acknowledgement {
  color: var(--se-ink-2) !important;
}

/* Form Inputs, Selects, and Textareas */
html[data-se-mode="dark"] .securends .se-campaign-info-page input.form-control,
html[data-se-mode="dark"] .securends .se-campaign-info-page select.form-control,
html[data-se-mode="dark"] .securends .se-campaign-info-page input.appSe,
html[data-se-mode="dark"] .securends .se-campaign-info-page select.scheduler,
html[data-se-mode="dark"] .securends .se-campaign-info-page .form-control.select-days,
html[data-se-mode="dark"] .securends .se-campaign-info-page textarea.form-control,
html[data-se-theme="dark"] .securends .se-campaign-info-page input.form-control,
html[data-se-theme="dark"] .securends .se-campaign-info-page select.form-control,
html[data-se-theme="dark"] .securends .se-campaign-info-page input.appSe,
html[data-se-theme="dark"] .securends .se-campaign-info-page select.scheduler,
html[data-se-theme="dark"] .securends .se-campaign-info-page .form-control.select-days,
html[data-se-theme="dark"] .securends .se-campaign-info-page textarea.form-control,
html[data-theme="dark"] .securends .se-campaign-info-page input.form-control,
html[data-theme="dark"] .securends .se-campaign-info-page select.form-control,
html[data-theme="dark"] .securends .se-campaign-info-page input.appSe,
html[data-theme="dark"] .securends .se-campaign-info-page select.scheduler,
html[data-theme="dark"] .securends .se-campaign-info-page .form-control.select-days,
html[data-theme="dark"] .securends .se-campaign-info-page textarea.form-control,
html.dark .securends .se-campaign-info-page input.form-control,
html.dark .securends .se-campaign-info-page select.form-control,
html.dark .securends .se-campaign-info-page input.appSe,
html.dark .securends .se-campaign-info-page select.scheduler,
html.dark .securends .se-campaign-info-page .form-control.select-days,
html.dark .securends .se-campaign-info-page textarea.form-control {
  background-color: var(--se-raise) !important;
  color: var(--se-ink) !important;
  border-color: var(--se-line) !important;
}

/* React-Select Component Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-control"],
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-control"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-control"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-control"],
html[data-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-control"],
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-control"],
html.dark .securends .se-campaign-info-page .selectCampaign [class*="-control"],
html.dark .securends .se-campaign-info-page .campaign-info-field-row [class*="-control"] {
  background-color: var(--se-raise) !important;
  border-color: var(--se-line) !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-singleValue"],
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-singleValue"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-singleValue"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-singleValue"],
html[data-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-singleValue"],
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-singleValue"],
html.dark .securends .se-campaign-info-page .selectCampaign [class*="-singleValue"],
html.dark .securends .se-campaign-info-page .campaign-info-field-row [class*="-singleValue"] {
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-menu"],
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-menu"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-menu"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-menu"],
html[data-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-menu"],
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-menu"],
html.dark .securends .se-campaign-info-page .selectCampaign [class*="-menu"],
html.dark .securends .se-campaign-info-page .campaign-info-field-row [class*="-menu"] {
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-option"],
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-option"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"],
html[data-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-option"],
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"],
html.dark .securends .se-campaign-info-page .selectCampaign [class*="-option"],
html.dark .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"] {
  background-color: var(--se-card) !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-option"]:hover,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"]:hover,
html[data-se-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-option"]:hover,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"]:hover,
html[data-theme="dark"] .securends .se-campaign-info-page .selectCampaign [class*="-option"]:hover,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"]:hover,
html.dark .securends .se-campaign-info-page .selectCampaign [class*="-option"]:hover,
html.dark .securends .se-campaign-info-page .campaign-info-field-row [class*="-option"]:hover {
  background-color: var(--se-row-hover) !important;
}

/* Template Table Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .template-list,
html[data-se-mode="dark"] .securends .se-campaign-info-page .endpointConfigCard.template-list,
html[data-se-mode="dark"] .securends .se-campaign-info-page .se-campaign-html-table-wrap,
html[data-se-theme="dark"] .securends .se-campaign-info-page .template-list,
html[data-se-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard.template-list,
html[data-se-theme="dark"] .securends .se-campaign-info-page .se-campaign-html-table-wrap,
html[data-theme="dark"] .securends .se-campaign-info-page .template-list,
html[data-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard.template-list,
html[data-theme="dark"] .securends .se-campaign-info-page .se-campaign-html-table-wrap,
html.dark .securends .se-campaign-info-page .template-list,
html.dark .securends .se-campaign-info-page .endpointConfigCard.template-list,
html.dark .securends .se-campaign-info-page .se-campaign-html-table-wrap {
  background: var(--se-card) !important;
  border-color: var(--se-line) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table,
html[data-se-mode="dark"] .securends .se-campaign-info-page table.TepmElements,
html[data-se-theme="dark"] .securends .se-campaign-info-page #temp-table,
html[data-se-theme="dark"] .securends .se-campaign-info-page table.TepmElements,
html[data-theme="dark"] .securends .se-campaign-info-page #temp-table,
html[data-theme="dark"] .securends .se-campaign-info-page table.TepmElements,
html.dark .securends .se-campaign-info-page #temp-table,
html.dark .securends .se-campaign-info-page table.TepmElements {
  background: var(--se-card) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table thead,
html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table thead tr,
html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table thead th,
html[data-se-mode="dark"] .securends .se-campaign-info-page table.TepmElements thead,
html[data-se-mode="dark"] .securends .se-campaign-info-page table.TepmElements thead tr,
html[data-se-mode="dark"] .securends .se-campaign-info-page table.TepmElements thead th,
html[data-se-theme="dark"] .securends .se-campaign-info-page #temp-table thead,
html[data-se-theme="dark"] .securends .se-campaign-info-page #temp-table thead tr,
html[data-se-theme="dark"] .securends .se-campaign-info-page #temp-table thead th,
html[data-se-theme="dark"] .securends .se-campaign-info-page table.TepmElements thead,
html[data-se-theme="dark"] .securends .se-campaign-info-page table.TepmElements thead tr,
html[data-se-theme="dark"] .securends .se-campaign-info-page table.TepmElements thead th,
html[data-theme="dark"] .securends .se-campaign-info-page #temp-table thead,
html[data-theme="dark"] .securends .se-campaign-info-page #temp-table thead tr,
html[data-theme="dark"] .securends .se-campaign-info-page #temp-table thead th,
html[data-theme="dark"] .securends .se-campaign-info-page table.TepmElements thead,
html[data-theme="dark"] .securends .se-campaign-info-page table.TepmElements thead tr,
html[data-theme="dark"] .securends .se-campaign-info-page table.TepmElements thead th,
html.dark .securends .se-campaign-info-page #temp-table thead,
html.dark .securends .se-campaign-info-page #temp-table thead tr,
html.dark .securends .se-campaign-info-page #temp-table thead th,
html.dark .securends .se-campaign-info-page table.TepmElements thead,
html.dark .securends .se-campaign-info-page table.TepmElements thead tr,
html.dark .securends .se-campaign-info-page table.TepmElements thead th {
  background: var(--se-table-header-bg) !important;
  background-color: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  border-bottom-color: var(--se-table-line, var(--se-line)) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table tbody td,
html[data-se-mode="dark"] .securends .se-campaign-info-page table.TepmElements tbody td,
html[data-se-theme="dark"] .securends .se-campaign-info-page #temp-table tbody td,
html[data-se-theme="dark"] .securends .se-campaign-info-page table.TepmElements tbody td,
html[data-theme="dark"] .securends .se-campaign-info-page #temp-table tbody td,
html[data-theme="dark"] .securends .se-campaign-info-page table.TepmElements tbody td,
html.dark .securends .se-campaign-info-page #temp-table tbody td,
html.dark .securends .se-campaign-info-page table.TepmElements tbody td {
  background: var(--se-card) !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  border-bottom-color: var(--se-table-line, var(--se-line)) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page #temp-table tbody tr:hover td,
html[data-se-mode="dark"] .securends .se-campaign-info-page table.TepmElements tbody tr:hover td,
html[data-se-theme="dark"] .securends .se-campaign-info-page #temp-table tbody tr:hover td,
html[data-se-theme="dark"] .securends .se-campaign-info-page table.TepmElements tbody tr:hover td,
html[data-theme="dark"] .securends .se-campaign-info-page #temp-table tbody tr:hover td,
html[data-theme="dark"] .securends .se-campaign-info-page table.TepmElements tbody tr:hover td,
html.dark .securends .se-campaign-info-page #temp-table tbody tr:hover td,
html.dark .securends .se-campaign-info-page table.TepmElements tbody tr:hover td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
}

/* Radios and Checkboxes Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .MuiFormControlLabel-label,
html[data-se-mode="dark"] .securends .se-campaign-info-page .MuiTypography-body1,
html[data-se-mode="dark"] .securends .se-campaign-info-page .MuiRadio-root,
html[data-se-theme="dark"] .securends .se-campaign-info-page .MuiFormControlLabel-label,
html[data-se-theme="dark"] .securends .se-campaign-info-page .MuiTypography-body1,
html[data-se-theme="dark"] .securends .se-campaign-info-page .MuiRadio-root,
html[data-theme="dark"] .securends .se-campaign-info-page .MuiFormControlLabel-label,
html[data-theme="dark"] .securends .se-campaign-info-page .MuiTypography-body1,
html[data-theme="dark"] .securends .se-campaign-info-page .MuiRadio-root,
html.dark .securends .se-campaign-info-page .MuiFormControlLabel-label,
html.dark .securends .se-campaign-info-page .MuiTypography-body1,
html.dark .securends .se-campaign-info-page .MuiRadio-root {
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .MuiRadio-colorPrimary.Mui-checked,
html[data-se-theme="dark"] .securends .se-campaign-info-page .MuiRadio-colorPrimary.Mui-checked,
html[data-theme="dark"] .securends .se-campaign-info-page .MuiRadio-colorPrimary.Mui-checked,
html.dark .securends .se-campaign-info-page .MuiRadio-colorPrimary.Mui-checked {
  color: var(--se-brand) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .custom-control-label,
html[data-se-theme="dark"] .securends .se-campaign-info-page .custom-control-label,
html[data-theme="dark"] .securends .se-campaign-info-page .custom-control-label,
html.dark .securends .se-campaign-info-page .custom-control-label {
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .custom-control-label::before,
html[data-se-theme="dark"] .securends .se-campaign-info-page .custom-control-label::before,
html[data-theme="dark"] .securends .se-campaign-info-page .custom-control-label::before,
html.dark .securends .se-campaign-info-page .custom-control-label::before {
  background-color: var(--se-card) !important;
  border-color: var(--se-ink-2) !important;
}

/* Secondary Buttons & Search Clear Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .custom__lg,
html[data-se-mode="dark"] .securends .se-campaign-info-page .addCampaignCancelBtn,
html[data-se-mode="dark"] .securends .se-campaign-info-page .btn_clear,
html[data-se-theme="dark"] .securends .se-campaign-info-page .custom__lg,
html[data-se-theme="dark"] .securends .se-campaign-info-page .addCampaignCancelBtn,
html[data-se-theme="dark"] .securends .se-campaign-info-page .btn_clear,
html[data-theme="dark"] .securends .se-campaign-info-page .custom__lg,
html[data-theme="dark"] .securends .se-campaign-info-page .addCampaignCancelBtn,
html[data-theme="dark"] .securends .se-campaign-info-page .btn_clear,
html.dark .securends .se-campaign-info-page .custom__lg,
html.dark .securends .se-campaign-info-page .addCampaignCancelBtn,
html.dark .securends .se-campaign-info-page .btn_clear {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
}

/* Reviewer & Owner search autocomplete menus */
html[data-se-mode="dark"] .securends .se-campaign-info-page .search-dropdown,
html[data-se-mode="dark"] .securends .se-campaign-info-page .se-autocomplete-menu,
html[data-se-theme="dark"] .securends .se-campaign-info-page .search-dropdown,
html[data-se-theme="dark"] .securends .se-campaign-info-page .se-autocomplete-menu,
html[data-theme="dark"] .securends .se-campaign-info-page .search-dropdown,
html[data-theme="dark"] .securends .se-campaign-info-page .se-autocomplete-menu,
html.dark .securends .se-campaign-info-page .search-dropdown,
html.dark .securends .se-campaign-info-page .se-autocomplete-menu {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border-color: var(--se-line) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .search-dropdown-item,
html[data-se-mode="dark"] .securends .se-campaign-info-page .ac_dropdown,
html[data-se-theme="dark"] .securends .se-campaign-info-page .search-dropdown-item,
html[data-se-theme="dark"] .securends .se-campaign-info-page .ac_dropdown,
html[data-theme="dark"] .securends .se-campaign-info-page .search-dropdown-item,
html[data-theme="dark"] .securends .se-campaign-info-page .ac_dropdown,
html.dark .securends .se-campaign-info-page .search-dropdown-item,
html.dark .securends .se-campaign-info-page .ac_dropdown {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  color: var(--se-ink) !important;
  border-bottom-color: var(--se-line) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .search-dropdown-item:hover,
html[data-se-mode="dark"] .securends .se-campaign-info-page .ac_dropdown:hover,
html[data-se-mode="dark"] .securends .se-campaign-info-page .ac_dropdown.is-highlighted,
html[data-se-theme="dark"] .securends .se-campaign-info-page .search-dropdown-item:hover,
html[data-se-theme="dark"] .securends .se-campaign-info-page .ac_dropdown:hover,
html[data-se-theme="dark"] .securends .se-campaign-info-page .ac_dropdown.is-highlighted,
html[data-theme="dark"] .securends .se-campaign-info-page .search-dropdown-item:hover,
html[data-theme="dark"] .securends .se-campaign-info-page .ac_dropdown:hover,
html[data-theme="dark"] .securends .se-campaign-info-page .ac_dropdown.is-highlighted,
html.dark .securends .se-campaign-info-page .search-dropdown-item:hover,
html.dark .securends .se-campaign-info-page .ac_dropdown:hover,
html.dark .securends .se-campaign-info-page .ac_dropdown.is-highlighted {
  background: var(--se-row-hover) !important;
  color: var(--se-ink) !important;
}

/* Scheduler / Recurring Assessment sub-panel Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-wrapper,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-wrapper,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-wrapper,
html.dark .securends .se-campaign-info-page .campaign-info-wrapper {
  background: var(--se-page) !important;
  border-color: var(--se-line) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-wrapper .row,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-wrapper .row,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-wrapper .row,
html.dark .securends .se-campaign-info-page .campaign-info-wrapper .row {
  background: var(--se-card) !important;
  border-color: var(--se-line) !important;
}

/* All paragraph text, labels, and section text inside Create Campaign Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page p,
html[data-se-mode="dark"] .securends .se-campaign-info-page p.settingsTitle,
html[data-se-mode="dark"] .securends .se-campaign-info-page p.dataInfoTest,
html[data-se-mode="dark"] .securends .se-campaign-info-page .o-form-label p,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-label p,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-label-radio-inline p,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-reminders-row p,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-messaging-row p,
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row p,
html[data-se-mode="dark"] .securends .se-campaign-info-page .endpointConfigCard p,
html[data-se-theme="dark"] .securends .se-campaign-info-page p,
html[data-se-theme="dark"] .securends .se-campaign-info-page p.settingsTitle,
html[data-se-theme="dark"] .securends .se-campaign-info-page p.dataInfoTest,
html[data-se-theme="dark"] .securends .se-campaign-info-page .o-form-label p,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-label p,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-label-radio-inline p,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-reminders-row p,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-messaging-row p,
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row p,
html[data-se-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard p,
html[data-theme="dark"] .securends .se-campaign-info-page p,
html[data-theme="dark"] .securends .se-campaign-info-page p.settingsTitle,
html[data-theme="dark"] .securends .se-campaign-info-page p.dataInfoTest,
html[data-theme="dark"] .securends .se-campaign-info-page .o-form-label p,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-label p,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-label-radio-inline p,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-reminders-row p,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-messaging-row p,
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row p,
html[data-theme="dark"] .securends .se-campaign-info-page .endpointConfigCard p,
html.dark .securends .se-campaign-info-page p,
html.dark .securends .se-campaign-info-page p.settingsTitle,
html.dark .securends .se-campaign-info-page p.dataInfoTest,
html.dark .securends .se-campaign-info-page .o-form-label p,
html.dark .securends .se-campaign-info-page .campaign-info-label p,
html.dark .securends .se-campaign-info-page .campaign-info-label-radio-inline p,
html.dark .securends .se-campaign-info-page .campaign-info-reminders-row p,
html.dark .securends .se-campaign-info-page .campaign-info-messaging-row p,
html.dark .securends .se-campaign-info-page .campaign-info-field-row p,
html.dark .securends .se-campaign-info-page .endpointConfigCard p {
  color: var(--se-ink, #e5e7eb) !important;
}

/* Info Icons in Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .fa-info-circle,
html[data-se-theme="dark"] .securends .se-campaign-info-page .fa-info-circle,
html[data-theme="dark"] .securends .se-campaign-info-page .fa-info-circle,
html.dark .securends .se-campaign-info-page .fa-info-circle {
  color: var(--se-ink-3, #94a3b8) !important;
}

/* Input Placeholders in Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page input::placeholder,
html[data-se-mode="dark"] .securends .se-campaign-info-page input::-webkit-input-placeholder,
html[data-se-mode="dark"] .securends .se-campaign-info-page input::-moz-placeholder,
html[data-se-mode="dark"] .securends .se-campaign-info-page input:-ms-input-placeholder,
html[data-se-theme="dark"] .securends .se-campaign-info-page input::placeholder,
html[data-se-theme="dark"] .securends .se-campaign-info-page input::-webkit-input-placeholder,
html[data-theme="dark"] .securends .se-campaign-info-page input::placeholder,
html.dark .securends .se-campaign-info-page input::placeholder {
  color: var(--se-ink-3, #6f7b8f) !important;
  opacity: 1 !important;
}

/* Inline Section Borders in Dark Mode */
html[data-se-mode="dark"] .securends .se-campaign-info-page .campaign-info-field-row,
html[data-se-mode="dark"] .securends .se-campaign-info-page [style*="border"],
html[data-se-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row,
html[data-se-theme="dark"] .securends .se-campaign-info-page [style*="border"],
html[data-theme="dark"] .securends .se-campaign-info-page .campaign-info-field-row,
html.dark .securends .se-campaign-info-page .campaign-info-field-row {
  border-color: var(--se-line, #263348) !important;
}

/* --------------------------------------------------------------------------
   TinyMCE Editor: Remove floating inline quickbars insert popover on focus
   -------------------------------------------------------------------------- */
.tox-pop,
.tox-pop__dialog,
.tox-quickbar-insert,
.tox-pop:has(.tox-quickbar-insert),
.tox-pop .tox-quickbar-insert {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Empty suggestion list still rendered while search is open — it sat on
   top of .campaignErrorMsg and hid “Invalid Selection… active User”. */
.securends .se-campaign-info-page .search-dropdown:empty,
.securends .se-campaign-info-page .search-dropdown.search-active:empty,
.securends .se-campaign-info-page .search-dropdown:not(:has(.search-dropdown-item)) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.securends .se-campaign-info-page #search-request-bar + .formErrMsg,
.securends .se-campaign-info-page .OthersRequestAccess > .formErrMsg,
.securends .se-campaign-info-page .OthersRequestAccess .campaignErrorMsg,
.securends .se-campaign-info-page .formErrMsg.campaignErrorMsg {
  display: block !important;
  position: relative;
  z-index: 3;
  margin-top: 6px !important;
  color: var(--se-risk) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  visibility: visible !important;
  overflow: visible !important;
  white-space: normal !important;
  max-width: 480px;
}
/* UAR review flow — presentation overlay.
   Routes: /campaignPreview /campaignAssignment
           /directElections /entitlementElections /endpointElections
           /viewAllManagerElections (Review All)
   Do not rename #approveAllElections #revokAllElections #clearAll
   #save_Election #approveAll or flipswitch election/a_ballot/c_ballot classes.
   Tables, flipswitches, and View buttons stay; do not invent 3-dots menus. */

/* --------------------------------------------------------------------------
   Page shell
   -------------------------------------------------------------------------- */
.securends .se-campaign-uar-page,
.securends .se-campaign-uar-page.react-table,
.securends .se-campaign-uar-page.pageContent,
.securends .se-campaign-uar-page.hrsystem {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-uar-page>.row,
.securends .se-campaign-uar-page>div[style*="position: sticky"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-campaign-uar-page .dt-fix,
.securends .se-campaign-uar-page .campaign-preview-table-wrap,
.securends .se-campaign-uar-table-wrap {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
}

.securends .se-campaign-uar-page .pagination-bottom,
.securends .se-campaign-uar-page .ReactTable .-pagination {
  width: 100% !important;
  max-width: 100% !important;
}

/* --------------------------------------------------------------------------
   Toolbar card + action cluster
   -------------------------------------------------------------------------- */
.securends .se-campaign-uar-toolbar {
  justify-content: space-between;
  flex-wrap: wrap;
  background: var(--se-card) !important;
}

.securends .se-campaign-uar-toolbar>div,
.securends .se-campaign-uar-toolbar h2.o-form-title-bar {
  width: auto !important;
  flex: 1 1 auto;
  min-width: 0;
}

.securends .se-campaign-uar-toolbar>.se-campaign-uar-actions,
.securends .se-campaign-uar-toolbar .expBtn,
.securends .se-campaign-uar-toolbar .election-nav-button {
  flex: 0 1 auto;
}

.securends .se-campaign-uar-page .se-campaign-uar-toolbar>div[class=""],
.securends .se-campaign-preview-page .campaign-preview-header-left,
.securends .se-campaign-preview-page .campaign-preview-header-right {
  display: flex;
  align-items: center;
  gap: 8px 12px;
  min-width: 0;
}

.securends .se-campaign-preview-page .campaign-preview-header-right {
  margin-left: auto;
  flex-shrink: 0;
}

/* Campaign Preview table — fill card width after ReactTable sets fixed flex.
   Text cols grow; TOTAL / PENDING / ACTION stay compact. */
.securends .se-campaign-preview-page .campaign-preview-table-wrap,
.securends .se-campaign-preview-page .campaign-preview-table-wrap.ReactTable,
.securends .se-campaign-preview-page .ReactTable.reactTeableContent {
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-preview-page .campaign-preview-table-wrap>.ReactTable,
.securends .se-campaign-preview-page .campaign-preview-table-wrap .ReactTable {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-preview-page .ReactTable .rt-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-preview-page .ReactTable .rt-tbody .rt-td {
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.securends .se-campaign-preview-page .ReactTable .rt-thead .rt-tr,
.securends .se-campaign-preview-page .ReactTable .rt-tbody .rt-tr,
.securends .se-campaign-preview-page .ReactTable .rt-tfoot .rt-tr,
.securends .se-campaign-preview-page .ReactTable .rt-thead.-filters .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-preview-page .ReactTable .rt-thead.-header .rt-th {
  position: relative !important;
  overflow: visible !important;
}

/* Default: grow to absorb leftover width (beats RT inline flex after load) */
.securends .se-campaign-preview-page .ReactTable .rt-th,
.securends .se-campaign-preview-page .ReactTable .rt-td {
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 100px !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* TOTAL / PENDING — compact */
.securends .se-campaign-preview-page .ReactTable .rt-th.se-cp-col-num,
.securends .se-campaign-preview-page .ReactTable .rt-td.se-cp-col-num,
.securends .se-campaign-preview-page .ReactTable .rt-tr:has(> :nth-child(6))>.rt-th:nth-child(4),
.securends .se-campaign-preview-page .ReactTable .rt-tr:has(> :nth-child(6))>.rt-td:nth-child(4),
.securends .se-campaign-preview-page .ReactTable .rt-tr:has(> :nth-child(6))>.rt-th:nth-child(5),
.securends .se-campaign-preview-page .ReactTable .rt-tr:has(> :nth-child(6))>.rt-td:nth-child(5) {
  flex: 0 0 72px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 72px !important;
  min-width: 64px !important;
  max-width: 96px !important;
  text-align: center;
}

.securends .se-campaign-preview-page .ReactTable .rt-th.se-cp-col-num .rt-resizable-header-content,
.securends .se-campaign-preview-page .ReactTable .rt-td.se-cp-col-num {
  justify-content: center;
  text-align: center;
}

/* ACTION — View button floor; no trailing empty flex gap */
.securends .se-campaign-preview-page .ReactTable .rt-th:last-child,
.securends .se-campaign-preview-page .ReactTable .rt-td:last-child,
.securends .se-campaign-preview-page .ReactTable .rt-td:has(input[type="button"]),
.securends .se-campaign-preview-page .ReactTable .rt-td:has(.button-primary) {
  flex: 0 0 120px !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: 120px !important;
  min-width: 110px !important;
  max-width: 140px !important;
  overflow: visible !important;
  padding-left: 8px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
  text-align: center;
}

.securends .se-campaign-preview-page .ReactTable .rt-thead.-header .rt-th .rt-resizer {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 10px !important;
  height: 100% !important;
  cursor: col-resize !important;
  pointer-events: auto !important;
  z-index: 20 !important;
}

.securends .se-campaign-preview-page .se-rt-colcfg-host.has-colcfg .ReactTable .rt-thead.-header .rt-th:last-child,
.securends .se-campaign-preview-page .se-rt-colcfg-host.has-colcfg .ReactTable .rt-thead.-filters .rt-th:last-child {
  padding-right: 44px !important;
}

.securends .se-campaign-preview-page .ReactTable .rt-td:has(input[type="button"])>div,
.securends .se-campaign-preview-page .ReactTable .rt-td:has(.button-primary)>div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  overflow: visible;
}

.securends .se-campaign-preview-page .ReactTable .rt-td input.button.button-primary,
.securends .se-campaign-preview-page .ReactTable .rt-td input.button-primary.blue {
  position: static !important;
  max-width: 100%;
  margin: 0 auto !important;
  float: none !important;
}

.securends .se-campaign-uar-actions,
.securends .se-campaign-uar-page .expBtn,
.securends .se-campaign-uar-page .election-nav-button,
.securends .se-campaign-uar-page .nav-button.election-nav-button {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  margin-left: auto;
  float: none !important;
  position: static !important;
  right: auto !important;
  top: auto !important;
}

.securends .se-campaign-uar-page .campaign_progress,
.securends .se-campaign-uar-page .campaign_progress_btn,
.securends .se-campaign-uar-page .campaign-preview-back,
.securends .se-campaign-uar-page .progress-bar1,
.securends .se-campaign-uar-page .horizontal.progress-bar1 {
  position: static !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-uar-page .fa-spinner-icon,
.securends .se-campaign-uar-page .fa-spinner-icon .fa-spinner {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-campaign-uar-page .row1 {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  width: 100%;
  flex-wrap: wrap;
}

.securends .se-campaign-uar-toolbar .direct-col-md,
.securends .se-campaign-uar-toolbar .col-md-61,
.securends .se-campaign-uar-toolbar .col-md-8 {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

.securends .se-campaign-uar-toolbar .expBtn,
.securends .se-campaign-uar-toolbar .election-nav-button {
  margin-left: auto !important;
}

/* Primary toolbar buttons (input.AddAppBtn is the election pattern) */
.securends .se-campaign-uar-page .AddAppBtn,
.securends .se-campaign-uar-page input.AddAppBtn,
.securends .se-campaign-uar-page button.AddAppBtn,
.securends .se-campaign-uar-page .button.button-primary.blue,
.securends .se-campaign-uar-page input.button.button-primary {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  height: 28px !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  box-shadow: none !important;
  text-transform: none !important;
  margin: 0 !important;
  white-space: nowrap;
}

.securends .se-campaign-uar-page .AddAppBtn:hover,
.securends .se-campaign-uar-page input.AddAppBtn:hover,
.securends .se-campaign-uar-page button.AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
}

.securends .se-campaign-uar-page .AddAppBtn:disabled,
.securends .se-campaign-uar-page input.AddAppBtn:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

/* UAR header actions: Direct / Entitlement / Endpoint / Review All / Assignment.
   Save + Next Review = theme primary fill. Approve All = ok outline.
   Revoke All = risk outline. Clear All / Previous / Back = primary outline + text. */
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-quiet,
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-approve,
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-revoke {
  background: var(--se-card) !important;
  box-shadow: none !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-quiet,
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[data-type="cancel"],
.securends .se-campaign-election-page .se-election-sticky-toolbar button.AddAppBtn[data-type="cancel"],
.securends .se-campaign-election-page .se-election-sticky-toolbar input#clearAll.AddAppBtn,
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Clear All"],
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Previous Review"],
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Save & Previous"],
.securends .se-campaign-election-page .se-election-sticky-toolbar #cancelElections,
.securends .se-campaign-assignment-page .se-ca-sticky-toolbar .AddAppBtn[data-type="cancel"],
.securends .se-view-all-elections-page .se-view-all-header-actions #clearAllElections,
.securends .se-direct-elections-page input#clearAll.AddAppBtn,
.securends .se-direct-elections-page input.AddAppBtn[value="Clear All"],
.securends .se-entitlement-elections-page input#clearAll.AddAppBtn,
.securends .se-endpoint-elections-page input#clearAll.AddAppBtn {
  background: var(--se-card) !important;
  border: 1px solid var(--se-brand) !important;
  color: var(--se-brand) !important;
  box-shadow: none !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-quiet:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[data-type="cancel"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar button.AddAppBtn[data-type="cancel"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input#clearAll.AddAppBtn:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Clear All"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Previous Review"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Save & Previous"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #cancelElections:hover:not(:disabled),
.securends .se-campaign-assignment-page .se-ca-sticky-toolbar .AddAppBtn[data-type="cancel"]:hover:not(:disabled),
.securends .se-view-all-elections-page .se-view-all-header-actions #clearAllElections:hover:not(:disabled),
.securends .se-direct-elections-page input#clearAll.AddAppBtn:hover:not(:disabled),
.securends .se-direct-elections-page input.AddAppBtn[value="Clear All"]:hover:not(:disabled),
.securends .se-entitlement-elections-page input#clearAll.AddAppBtn:hover:not(:disabled),
.securends .se-endpoint-elections-page input#clearAll.AddAppBtn:hover:not(:disabled) {
  background: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-brand) !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-approve,
.securends .se-campaign-election-page .se-election-sticky-toolbar #approveAllElections,
.securends .se-campaign-election-page .se-election-sticky-toolbar #approveAll,
.securends .se-campaign-assignment-page .se-ca-sticky-toolbar #approveAll,
.securends .se-view-all-elections-page .se-view-all-header-actions #approveAllElections {
  background: var(--se-card) !important;
  border: 1px solid var(--se-ok) !important;
  color: var(--se-ok) !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-approve:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #approveAllElections:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #approveAll:hover:not(:disabled),
.securends .se-campaign-assignment-page .se-ca-sticky-toolbar #approveAll:hover:not(:disabled),
.securends .se-view-all-elections-page .se-view-all-header-actions #approveAllElections:hover:not(:disabled) {
  background: var(--se-ok-tint) !important;
  border-color: var(--se-ok) !important;
  color: var(--se-ok) !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-revoke,
.securends .se-campaign-election-page .se-election-sticky-toolbar #revokAllElections,
.securends .se-campaign-election-page .se-election-sticky-toolbar #revokeAll,
.securends .se-view-all-elections-page .se-view-all-header-actions #revokAllElections {
  background: var(--se-card) !important;
  border: 1px solid var(--se-risk) !important;
  color: var(--se-risk) !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-revoke:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #revokAllElections:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #revokeAll:hover:not(:disabled),
.securends .se-view-all-elections-page .se-view-all-header-actions #revokAllElections:hover:not(:disabled) {
  background: var(--se-risk-tint) !important;
  border-color: var(--se-risk) !important;
  color: var(--se-risk) !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-save,
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Next Review"],
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Save & Next"],
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Save And Next"],
.securends .se-campaign-election-page .se-election-sticky-toolbar #save_Election:not([value="Previous Review"]):not([value="Next Review"]),
.securends .se-campaign-election-page .se-election-sticky-toolbar #saveElection:not([value="Save & Previous"]) {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn.se-hdr-btn-save:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Next Review"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Save & Next"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar input.AddAppBtn[value="Save And Next"]:hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #save_Election:not([value="Previous Review"]):not([value="Next Review"]):hover:not(:disabled),
.securends .se-campaign-election-page .se-election-sticky-toolbar #saveElection:not([value="Save & Previous"]):hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar .expBtn {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

.securends .se-campaign-election-page .se-election-sticky-toolbar .expBtn>input.AddAppBtn,
.securends .se-campaign-election-page .se-election-sticky-toolbar .expBtn>button.AddAppBtn {
  margin: 0 !important;
  flex: 0 0 auto !important;
  vertical-align: middle;
}

.securends .se-campaign-uar-page .manageAssignBtn {
  margin-left: auto !important;
  flex-shrink: 0;
}

/* --------------------------------------------------------------------------
   Progress (token colors; width stays inline)
   -------------------------------------------------------------------------- */
.securends .se-campaign-uar-page .progress-bar1,
.securends .se-campaign-uar-page .se-uar-progress {
  width: 120px;
  min-width: 120px;
  height: 16px;
}

.securends .se-campaign-uar-page .progress-track {
  position: relative !important;
  height: 16px !important;
  border-radius: 8px !important;
  overflow: hidden;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line) !important;
}

.securends .se-campaign-uar-page .progress-track.se-progress-empty,
.securends .se-campaign-uar-page .se-uar-progress.se-progress-empty .progress-track {
  border-color: var(--se-risk) !important;
}

.securends .se-campaign-uar-page .progress-fill {
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  display: block;
  background: var(--se-warn) !important;
}

.securends .se-campaign-uar-page .se-progress-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 600;
  color: var(--se-ink);
  pointer-events: none;
  z-index: 1;
}

.securends .se-campaign-uar-page .progress-fill span {
  display: none !important;
}

.securends .se-campaign-uar-page .progress-track.se-progress-empty .progress-fill,
.securends .se-campaign-uar-page .progress-fill.se-progress-empty,
.securends .se-campaign-uar-page .se-uar-progress.se-progress-empty .progress-fill {
  background: var(--se-risk-tint) !important;
  color: var(--se-risk) !important;
}

.securends .se-campaign-uar-page .progress-track.se-progress-done .progress-fill,
.securends .se-campaign-uar-page .progress-fill.se-progress-done,
.securends .se-campaign-uar-page .se-uar-progress.se-progress-done .progress-fill {
  background: var(--se-ok) !important;
  color: #fff !important;
}

.securends .se-campaign-uar-page .progress-track.se-progress-mid .progress-fill,
.securends .se-campaign-uar-page .progress-fill.se-progress-mid,
.securends .se-campaign-uar-page .se-uar-progress.se-progress-mid .progress-fill {
  background: var(--se-warn) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-uar-page .progress-fill span {
  display: none !important;
}

.securends .se-campaign-uar-info,
.securends .se-campaign-uar-page .campaignInfoContent,
.securends .se-campaign-uar-page .additionalDataContent,
.securends .se-campaign-uar-page .user-access-title {
  display: block;
  background: var(--se-brand-tint) !important;
  border: 1px solid var(--se-brand-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: none;
  padding: 12px 16px !important;
  margin: 0 0 12px !important;
  color: var(--se-ink);
}

.securends .se-campaign-uar-page .campaignInfoContent .user-access-title,
.securends .se-campaign-uar-page .additionalDataContent .user-access-title,
.securends .se-campaign-uar-info .user-access-title {
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.securends .se-campaign-uar-page .campaignInfoContent .row,
.securends .se-campaign-uar-info .row {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px 12px;
  margin: 0 0 8px !important;
  float: none !important;
  width: 100% !important;
}

.securends .se-campaign-uar-page .campaignInfoContent .row:last-child,
.securends .se-campaign-uar-info .row:last-child {
  margin-bottom: 0 !important;
}

.securends .se-campaign-uar-page .user-access-lable,
.securends .se-campaign-uar-page .user-access-data {
  float: none !important;
  font-size: 13px !important;
  color: var(--se-ink);
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-campaign-uar-page .user-access-lable {
  flex: 0 0 160px;
  width: 160px !important;
  max-width: 160px;
  font-weight: 600;
}

.securends .se-campaign-uar-page .user-access-data {
  flex: 1 1 auto;
  width: auto !important;
  max-width: none !important;
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.securends .se-campaign-uar-page .user-access-title table {
  margin-left: 0 !important;
}

.securends .se-campaign-uar-page .manageAssignBtn {
  margin-left: auto !important;
  flex-shrink: 0;
}

/* Manager election header: two cards like Campaign Assignment (no details accordion) */
.securends .se-direct-elections-page .se-election-meta-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: 0 0 12px !important;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
}

.securends .se-direct-elections-page .se-election-meta-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 4px 14px;
  min-height: 24px;
  border: 0;
  border-bottom: 1px solid var(--se-line);
  background: var(--se-card) !important;
  color: var(--se-ink);
  font-family: var(--se-sans);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  transition: background var(--se-ease, 180ms ease);
}

.securends .se-direct-elections-page .se-election-meta-toggle-hit {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  box-shadow: none;
}

.securends .se-direct-elections-page .se-election-meta-toggle-hit:hover,
.securends .se-direct-elections-page .se-election-meta-toggle-hit:focus,
.securends .se-direct-elections-page .se-election-meta-toggle-hit:focus-visible {
  background: transparent;
  outline: none;
  box-shadow: none;
}

.securends .se-direct-elections-page .se-election-meta-chevron {
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 4px 0 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--se-ink-2);
  cursor: pointer;
  box-shadow: none;
}

.securends .se-direct-elections-page .se-election-meta-chevron:hover,
.securends .se-direct-elections-page .se-election-meta-chevron:focus,
.securends .se-direct-elections-page .se-election-meta-chevron:focus-visible {
  background: transparent;
  outline: none;
  box-shadow: none;
}

.securends .se-direct-elections-page .se-election-meta-panel.is-collapsed .se-election-meta-toggle {
  border-bottom: 0;
  min-height: 64px;
  padding: 12px 16px 12px 14px;
  gap: 20px;
  align-items: flex-start;
  background: var(--se-card) !important;
}

.securends .se-direct-elections-page .se-election-meta-toggle:hover,
.securends .se-direct-elections-page .se-election-meta-toggle:focus-visible {
  background: var(--se-card) !important;
  outline: none;
}

.securends .se-direct-elections-page .se-election-meta-toggle-title {
  flex: 0 0 auto;
  min-width: 0;
  white-space: nowrap;
}

.securends .se-direct-elections-page .se-election-meta-summary {
  display: flex;
  align-items: flex-start;
  flex: 1 1 auto;
  min-width: 0;
  gap: 8px;
}

.securends .se-direct-elections-page .se-election-meta-summary-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  min-width: 0;
  flex: 1 1 0;
  gap: 4px;
  padding: 0 16px;
  border-left: 1px solid var(--se-line);
}

.securends .se-direct-elections-page .se-election-meta-summary-item:first-child {
  padding-left: 0;
  border-left: 0;
}

.securends .se-direct-elections-page .se-election-meta-summary-label {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--se-ink-3);
  line-height: 1.2;
}

.securends .se-direct-elections-page .se-election-meta-summary-value {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
  color: var(--se-ink);
  line-height: 1.3;
}

.securends .se-direct-elections-page .se-election-meta-summary-sub {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 500;
  color: var(--se-ink-2);
  line-height: 1.3;
}

.securends .se-direct-elections-page .se-election-meta-summary-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 180px;
  height: 22px;
  padding: 0 10px 0 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 999px;
  background: var(--se-raise);
  color: var(--se-ink-2);
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
}

.securends .se-direct-elections-page .se-election-meta-summary-status::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.securends .se-direct-elections-page .se-election-meta-summary-status[data-se-hr-status*="terminat"],
.securends .se-direct-elections-page .se-election-meta-summary-status[data-se-hr-status*="inactive"] {
  background: var(--se-insight-terminated-bg, var(--se-risk-tint));
  color: var(--se-insight-terminated-fg, var(--se-risk));
}

.securends .se-direct-elections-page .se-election-meta-summary-status[data-se-hr-status*="active"] {
  background: var(--se-ok-tint);
  color: var(--se-ok);
}

.securends .se-direct-elections-page .se-election-meta-chevron .fa {
  flex: 0 0 auto;
  margin: 0;
  font-size: 12px;
  color: var(--se-ink-2);
}

.securends .se-direct-elections-page .se-election-meta-summary-item--add-access {
  flex: 0 0 auto;
  padding-right: 0;
}

.securends .se-direct-elections-page .se-election-meta-summary-item--add-access .se-election-add-access-btn {
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 0 !important;
}

@media (max-width: 991px) {
  .securends .se-direct-elections-page .se-election-meta-panel.is-collapsed .se-election-meta-toggle {
    flex-wrap: wrap;
    height: auto;
    min-height: 0;
  }

  .securends .se-direct-elections-page .se-election-meta-summary {
    flex: 1 1 100%;
    order: 3;
    padding-top: 6px;
  }

  .securends .se-direct-elections-page .se-election-meta-summary-item {
    flex: 1 1 0;
    padding: 0 10px 0 0;
    border-left: 0;
    border-right: 1px solid var(--se-line);
  }

  .securends .se-direct-elections-page .se-election-meta-summary-item:last-child {
    border-right: 0;
    padding-right: 0;
  }

  .securends .se-direct-elections-page .se-election-meta-summary-value {
    max-width: 100%;
  }
}

.securends .se-direct-elections-page .se-election-meta-body.se-election-meta-row,
.securends .se-entitlement-elections-page .se-election-meta-row,
.securends .se-endpoint-elections-page .se-election-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  margin: 0 !important;
  box-sizing: border-box;
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  width: 100%;
  background: transparent;
  padding: 0;
}

.securends .se-entitlement-elections-page .se-election-meta-row,
.securends .se-endpoint-elections-page .se-election-meta-row {
  margin: 0 0 12px !important;
  padding: 0;
  background: transparent;
}

.securends .se-direct-elections-page .se-election-meta-row .se-election-details-card,
.securends .se-entitlement-elections-page .se-election-meta-row .se-election-details-card,
.securends .se-endpoint-elections-page .se-election-meta-row .se-election-details-card,
.securends .se-direct-elections-page .se-election-meta-row .se-election-attrs-card,
.securends .se-entitlement-elections-page .se-election-meta-row .se-election-attrs-card,
.securends .se-endpoint-elections-page .se-election-meta-row .se-election-attrs-card {
  flex: 1 1 320px;
  min-width: 0;
  margin: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: none;
  padding: 12px 14px !important;
  position: static !important;
  top: auto !important;
}

.securends .se-direct-elections-page .se-election-meta-row .se-election-details-card,
.securends .se-direct-elections-page .se-election-meta-row .se-election-attrs-card {
  position: relative !important;
}

.securends .se-direct-elections-page .se-election-meta-row .se-election-attrs-card {
  padding: 12px 36px 12px 14px !important;
}

.securends .se-direct-elections-page .se-election-details-card--attrs-collapsed {
  padding-right: 40px !important;
}

.securends .se-direct-elections-page .se-election-attrs-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--se-ink-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  box-shadow: none;
}

.securends .se-direct-elections-page .se-election-attrs-toggle:hover,
.securends .se-direct-elections-page .se-election-attrs-toggle:focus,
.securends .se-direct-elections-page .se-election-attrs-toggle:focus-visible {
  background: transparent;
  color: var(--se-ink);
  outline: none;
  box-shadow: none;
}

.securends .se-direct-elections-page .se-election-attrs-toggle .fa {
  font-size: 12px;
  line-height: 1;
}

.securends .se-direct-elections-page .se-election-details-scroll,
.securends .se-direct-elections-page .se-election-attrs-scroll {
  min-height: 0;
  margin: 0 !important;
  padding: 0 6px 0 0 !important;
  width: 100% !important;
  float: none !important;
}

.securends .se-direct-elections-page .se-election-details-scroll {
  flex: 1 1 auto;
}

.securends .se-direct-elections-page .se-election-attrs-scroll {
  flex: 0 1 auto;
}

.securends .se-direct-elections-page .se-election-details-scroll {
  max-height: 210px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.securends .se-direct-elections-page .se-election-attrs-scroll:not(.is-scrollable) {
  max-height: none;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable {
  flex: 0 1 auto;
  max-height: 115px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.securends .se-direct-elections-page .se-election-details-scroll,
.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable {
  scrollbar-width: thin;
  scrollbar-color: var(--se-ink-3) var(--se-line-soft);
}

.securends .se-direct-elections-page .se-election-details-scroll::-webkit-scrollbar,
.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable::-webkit-scrollbar {
  width: 6px;
}

.securends .se-direct-elections-page .se-election-details-scroll::-webkit-scrollbar-track,
.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable::-webkit-scrollbar-track {
  background: var(--se-line-soft);
  border-radius: 8px;
}

.securends .se-direct-elections-page .se-election-details-scroll::-webkit-scrollbar-thumb,
.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable::-webkit-scrollbar-thumb {
  background: var(--se-ink-3);
  border-radius: 8px;
}

.securends .se-direct-elections-page .se-election-details-scroll::-webkit-scrollbar-thumb:hover,
.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable::-webkit-scrollbar-thumb:hover {
  background: var(--se-ink-2);
}

/* No attrs → details card full width */
.securends .se-direct-elections-page .se-election-meta-row--details-only .se-election-details-card,
.securends .se-entitlement-elections-page .se-election-meta-row--details-only .se-election-details-card,
.securends .se-endpoint-elections-page .se-election-meta-row--details-only .se-election-details-card {
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
}

/* With attrs → campaign info 55%, additional attributes 45% */
.securends .se-direct-elections-page .se-election-meta-row--with-attrs .se-election-details-card,
.securends .se-entitlement-elections-page .se-election-meta-row--with-attrs .se-election-details-card,
.securends .se-endpoint-elections-page .se-election-meta-row--with-attrs .se-election-details-card {
  flex: 0 0 calc(55% - 6px);
  max-width: calc(55% - 6px);
  width: calc(55% - 6px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.securends .se-direct-elections-page .se-election-meta-row--with-attrs .se-election-attrs-card,
.securends .se-entitlement-elections-page .se-election-meta-row--with-attrs .se-election-attrs-card,
.securends .se-endpoint-elections-page .se-election-meta-row--with-attrs .se-election-attrs-card {
  flex: 0 0 calc(45% - 6px);
  max-width: calc(45% - 6px);
  width: calc(45% - 6px);
  display: flex;
  flex-direction: column;
  min-height: 0;
}

/* Collapsed attrs → one full-width card with two 3-row field groups */
.securends .se-direct-elections-page .se-election-details-grid {
  display: contents;
}

.securends .se-direct-elections-page .se-election-details-scroll--split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 32px;
  row-gap: 4px;
  max-height: none;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-details-scroll--split .se-election-details-grid {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.securends .se-direct-elections-page .se-election-details-scroll--split .row {
  margin-bottom: 4px !important;
}

.securends .se-direct-elections-page .se-election-details-scroll--split .row:last-child {
  margin-bottom: 0 !important;
}

.securends .se-direct-elections-page .se-election-attrs-title,
.securends .se-entitlement-elections-page .se-election-attrs-title,
.securends .se-endpoint-elections-page .se-election-attrs-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--se-ink-3);
  margin: 0 0 6px;
  line-height: 1.3;
  text-align: left;
}

.securends .se-direct-elections-page .se-election-attrs-title {
  display: none;
}

.securends .se-direct-elections-page .se-election-attrs-scroll:not(.is-scrollable) {
  flex: 0 1 auto;
  max-height: none;
  overflow: visible !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 6px 0 0 !important;
  width: 100% !important;
  float: none !important;
}

.securends .se-direct-elections-page .se-election-attrs-scroll.is-scrollable {
  flex: 0 1 auto;
  max-height: 115px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  margin: 0 !important;
  padding: 0 6px 0 0 !important;
  width: 100% !important;
  float: none !important;
}

.securends .se-entitlement-elections-page .se-election-attrs-scroll,
.securends .se-endpoint-elections-page .se-election-attrs-scroll {
  flex: 1 1 auto;
  max-height: 168px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 4px 0 0 !important;
  width: 100% !important;
  float: none !important;
  scrollbar-width: thin;
  scrollbar-color: var(--se-ink-3) var(--se-line-soft);
}

.securends .se-entitlement-elections-page .se-election-attrs-scroll::-webkit-scrollbar,
.securends .se-endpoint-elections-page .se-election-attrs-scroll::-webkit-scrollbar {
  width: 6px;
}

.securends .se-entitlement-elections-page .se-election-attrs-scroll::-webkit-scrollbar-track,
.securends .se-endpoint-elections-page .se-election-attrs-scroll::-webkit-scrollbar-track {
  background: var(--se-line-soft);
  border-radius: 8px;
}

.securends .se-entitlement-elections-page .se-election-attrs-scroll::-webkit-scrollbar-thumb,
.securends .se-endpoint-elections-page .se-election-attrs-scroll::-webkit-scrollbar-thumb {
  background: var(--se-ink-3);
  border-radius: 8px;
}

.securends .se-direct-elections-page .se-election-attrs-list,
.securends .se-entitlement-elections-page .se-election-attrs-list,
.securends .se-endpoint-elections-page .se-election-attrs-list {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  float: none !important;
  direction: ltr;
}

.securends .se-direct-elections-page .se-election-attr-item,
.securends .se-entitlement-elections-page .se-election-attr-item,
.securends .se-endpoint-elections-page .se-election-attr-item {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  min-width: 0;
  width: 100%;
  padding: 3px 0;
  border-bottom: 1px solid var(--se-line);
  box-sizing: border-box;
  float: none !important;
  text-align: left !important;
}

.securends .se-direct-elections-page .se-election-attr-item {
  border-bottom: none;
}

.securends .se-direct-elections-page .se-election-attr-item:first-child,
.securends .se-entitlement-elections-page .se-election-attr-item:first-child,
.securends .se-endpoint-elections-page .se-election-attr-item:first-child {
  padding-top: 0;
}

.securends .se-direct-elections-page .se-election-attr-item:last-child,
.securends .se-entitlement-elections-page .se-election-attr-item:last-child,
.securends .se-endpoint-elections-page .se-election-attr-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.securends .se-direct-elections-page .se-election-attr-label,
.securends .se-entitlement-elections-page .se-election-attr-label,
.securends .se-endpoint-elections-page .se-election-attr-label {
  flex: 0 0 148px;
  width: 148px;
  max-width: 148px;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: left !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--se-ink-2);
  line-height: 1.35;
  word-break: break-word;
}

.securends .se-direct-elections-page .se-election-attr-label::after,
.securends .se-entitlement-elections-page .se-election-attr-label::after,
.securends .se-endpoint-elections-page .se-election-attr-label::after {
  content: ":";
}

.securends .se-direct-elections-page .se-election-attr-value,
.securends .se-entitlement-elections-page .se-election-attr-value,
.securends .se-endpoint-elections-page .se-election-attr-value {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  text-align: left !important;
  font-size: 13px;
  font-weight: 500;
  color: var(--se-ink);
  line-height: 1.4;
  word-break: break-word;
}

.securends .se-direct-elections-page .se-election-details-card .row>[class*="col-"],
.securends .se-entitlement-elections-page .se-election-details-card .row>[class*="col-"],
.securends .se-endpoint-elections-page .se-election-details-card .row>[class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-lable,
.securends .se-entitlement-elections-page .se-election-details-card .user-access-lable,
.securends .se-endpoint-elections-page .se-election-details-card .user-access-lable {
  flex: 0 0 148px !important;
  width: 148px !important;
  max-width: 148px !important;
  text-align: left !important;
  font-weight: 600 !important;
  color: var(--se-ink-2) !important;
  line-height: 1.35 !important;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-lable {
  flex: 0 0 188px !important;
  width: 188px !important;
  max-width: 188px !important;
}

.securends .se-direct-elections-page .se-election-add-access-btn,
.securends .se-direct-elections-page button.se-election-add-access-btn {
  height: 21px !important;
  padding: 0 9px !important;
  line-height: 19px !important;
  font-size: 11px !important;
  border-radius: 8px !important;
}

.securends .se-direct-elections-page .se-election-add-access-btn .fa {
  margin: 0 4px 0 0;
  font-size: 10px;
  line-height: 1;
}

/* Colon from CSS so all ":" sit on one vertical line */
.securends .se-direct-elections-page .se-election-details-card .user-access-lable::after {
  content: ":";
}

.securends .se-direct-elections-page .se-election-details-card .user-access-lable .fa-info-circle {
  margin-left: 4px;
  margin-right: 0;
}

.securends .se-direct-elections-page .se-election-meta-row .campaignInfoContent .row,
.securends .se-entitlement-elections-page .se-election-meta-row .campaignInfoContent .row,
.securends .se-endpoint-elections-page .se-election-meta-row .campaignInfoContent .row {
  flex-wrap: nowrap;
  width: 100% !important;
  margin: 0 0 4px !important;
  min-height: 0;
  align-items: center !important;
}

.securends .se-direct-elections-page .se-election-meta-row .campaignInfoContent .row:last-child,
.securends .se-entitlement-elections-page .se-election-meta-row .campaignInfoContent .row:last-child,
.securends .se-endpoint-elections-page .se-election-meta-row .campaignInfoContent .row:last-child {
  margin-bottom: 0 !important;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-data,
.securends .se-entitlement-elections-page .se-election-details-card .user-access-data,
.securends .se-endpoint-elections-page .se-election-details-card .user-access-data {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  min-width: 0;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-data>span,
.securends .se-entitlement-elections-page .se-election-details-card .user-access-data>span,
.securends .se-endpoint-elections-page .se-election-details-card .user-access-data>span {
  min-width: 0;
  flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.securends .se-direct-elections-page .se-election-details-card .manageAssignBtn,
.securends .se-entitlement-elections-page .se-election-details-card .manageAssignBtn,
.securends .se-endpoint-elections-page .se-election-details-card .manageAssignBtn {
  margin-left: 0 !important;
  margin-right: 0 !important;
  flex: 0 0 auto !important;
  float: none !important;
}

@media (max-width: 991px) {

  .securends .se-direct-elections-page .se-election-meta-row--with-attrs .se-election-details-card,
  .securends .se-entitlement-elections-page .se-election-meta-row--with-attrs .se-election-details-card,
  .securends .se-endpoint-elections-page .se-election-meta-row--with-attrs .se-election-details-card,
  .securends .se-direct-elections-page .se-election-meta-row--with-attrs .se-election-attrs-card,
  .securends .se-entitlement-elections-page .se-election-meta-row--with-attrs .se-election-attrs-card,
  .securends .se-endpoint-elections-page .se-election-meta-row--with-attrs .se-election-attrs-card,
  .securends .se-direct-elections-page .se-election-meta-row--details-only .se-election-details-card,
  .securends .se-entitlement-elections-page .se-election-meta-row--details-only .se-election-details-card,
  .securends .se-endpoint-elections-page .se-election-meta-row--details-only .se-election-details-card {
    max-width: none;
    width: 100%;
    flex: 1 1 100%;
  }

  .securends .se-direct-elections-page .se-election-details-scroll--split {
    grid-template-columns: 1fr;
  }
}

.securends .se-campaign-assignment-page .altTOp {
  float: none !important;
  z-index: 1 !important;
  width: 100% !important;
  border-radius: var(--se-r) !important;
  margin: 0 0 12px !important;
  font-family: var(--se-sans) !important;
}

/* Assignment sticky toolbar: opaque, below breadcrumb, above meta cards */
.securends .se-campaign-assignment-page>.se-campaign-uar-toolbar,
.securends .se-campaign-assignment-page .se-ca-sticky-toolbar,
.securends .se-campaign-assignment-page .se-campaign-uar-toolbar.se-ca-sticky-toolbar {
  position: sticky !important;
  top: var(--se-sticky-top, calc(var(--se-app-header) + var(--se-breadcrumb-h, 32px))) !important;
  z-index: 40 !important;
  background: var(--se-card) !important;
  margin: 0 0 12px !important;
  overflow: visible !important;
  isolation: isolate;
}

.securends .se-campaign-assignment-page .se-campaign-uar-toolbar .strapi-pagename {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.securends .se-campaign-assignment-page .se-ca-toolbar-title {
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  flex: 1 1 auto;
}

.securends .se-campaign-assignment-page .se-campaign-uar-toolbar .o-form-title-bar,
.securends .se-campaign-assignment-page .se-ca-sticky-toolbar h2.o-form-title-bar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
  overflow: visible !important;
  margin: 0 !important;
}

.securends .se-campaign-assignment-page .se-ca-header-name {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securends .se-campaign-assignment-page .se-ca-header-reviewer {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 100%;
}

.securends .se-campaign-assignment-page .se-ca-header-reviewer .se-ca-reviewer-avatar {
  width: 28px;
  height: 28px;
  font-size: 11px;
}

.securends .se-campaign-assignment-page .se-ca-header-sod {
  font-size: 12px;
  font-weight: 500;
  color: var(--se-ink-2);
  line-height: 1.4;
}

.securends .se-campaign-assignment-page .se-campaign-uar-actions {
  position: relative !important;
  z-index: 1;
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  margin-left: auto !important;
}

/* Beat pickels absolute + margin-top:-39px on toolbar buttons */
.securends .se-campaign-assignment-page .se-campaign-uar-actions .campaign_progress,
.securends .se-campaign-assignment-page .se-campaign-uar-actions .campaign_progress_btn,
.securends .se-campaign-assignment-page .campaign_progress,
.securends .se-campaign-assignment-page .campaign_progress_btn {
  position: static !important;
  float: none !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  margin-top: 0 !important;
}

.securends .se-campaign-assignment-page .se-ca-toolbar-spinner,
.securends .se-campaign-assignment-page .se-campaign-uar-actions .fa-spinner-icon {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  margin-left: 0 !important;
  display: inline-flex !important;
  align-items: center;
}

/* Meta row stays in normal flow under the toolbar — never climb into the title */
.securends .se-campaign-assignment-page .se-ca-meta-row {
  position: relative !important;
  z-index: 1;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  margin: 0 0 12px !important;
  top: auto !important;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details,
.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details.user-access-title {
  position: relative !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin-top: 0 !important;
  z-index: 1;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-detail-progress,
.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-reviewer {
  position: relative !important;
  float: none !important;
  margin-top: 0;
}

.securends .se-campaign-assignment-page .se-instruction-banner,
.securends .se-campaign-assignment-page .altTOp.alert-success.se-instruction-banner,
.securends .se-campaign-assignment-page .altTOp.alert-info.se-instruction-banner {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-assignment-page .se-instruction-banner .guideContent,
.securends .se-campaign-assignment-page .se-instruction-banner .campEditor {
  color: var(--se-ink) !important;
}

/* Details (left) + instructions (right); reference two-card layout.
   After instructions are dismissed (removed or hidden), details go full width. */
.securends .se-campaign-assignment-page .se-ca-meta-row {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 12px;
  margin: 0 0 12px !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details {
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  margin: 0 !important;
  min-height: 0;
  min-width: 0;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow);
  padding: 14px 16px !important;
  box-sizing: border-box;
  position: relative;
}

/* Side-by-side only while the instructions card is still visible */
.securends .se-campaign-assignment-page .se-ca-meta-row:has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"])) .se-ca-details {
  flex: 1 1 320px;
  width: auto;
  max-width: 480px;
}

/* Solo details: keep campaign / reviewer / progress on one aligned row */
.securends .se-campaign-assignment-page .se-ca-meta-row:not( :has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"]))) .se-ca-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 24px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row:not( :has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"]))) .se-ca-campaign-name {
  margin: 0;
  flex: 0 1 220px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row:not( :has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"]))) .se-ca-reviewer {
  margin: 0;
  flex: 1 1 240px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row:not( :has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"]))) .se-ca-details .se-detail-progress {
  margin-top: 0;
  margin-left: auto;
  flex: 0 1 200px;
  min-width: 140px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details.user-access-title {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
}

.securends .se-campaign-assignment-page .se-ca-campaign-name {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 14px;
  min-width: 0;
}

.securends .se-campaign-assignment-page .se-ca-meta-label {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--se-ink-3);
  line-height: 1.3;
}

.securends .se-campaign-assignment-page .se-ca-meta-value {
  font-size: 13px;
  font-weight: 600;
  color: var(--se-ink);
  line-height: 1.4;
  word-break: break-word;
}

/* Reviewer: avatar | name + email below */
.securends .se-campaign-assignment-page .se-ca-reviewer {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0 0 4px;
}

.securends .se-campaign-assignment-page .se-ca-reviewer-avatar {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--se-brand) !important;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  user-select: none;
}

.securends .se-campaign-assignment-page .se-ca-reviewer-text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.securends .se-campaign-assignment-page .se-ca-reviewer-name {
  font-size: 14px;
  font-weight: 600;
  color: var(--se-ink);
  line-height: 1.3;
  word-break: break-word;
}

.securends .se-campaign-assignment-page .se-ca-reviewer-email {
  font-size: 12px;
  font-weight: 500;
  color: var(--se-ink-2);
  line-height: 1.35;
  word-break: break-all;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details .se-detail-progress {
  margin-top: 14px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions {
  flex: 1 1 360px;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  min-width: 0;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow);
  padding: 14px 36px 14px 16px !important;
  position: relative;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions.alert-info,
.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions.se-instruction-banner {
  background: var(--se-card) !important;
  border-color: var(--se-line) !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .alerts,
.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .guideContent {
  float: none !important;
  position: static !important;
  right: auto !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .se-ca-instructions-scroll:not(.is-scrollable) {
  max-height: none;
  overflow: visible;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .se-ca-instructions-scroll.is-scrollable {
  max-height: 148px;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: var(--se-ink-3) var(--se-line-soft);
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .se-ca-instructions-scroll.is-scrollable::-webkit-scrollbar {
  width: 6px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .se-ca-instructions-scroll.is-scrollable::-webkit-scrollbar-track {
  background: var(--se-line-soft);
  border-radius: 8px;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions .se-ca-instructions-scroll.is-scrollable::-webkit-scrollbar-thumb {
  background: var(--se-ink-3);
  border-radius: 8px;
}

.securends .se-campaign-assignment-page .se-ca-instructions-toggle {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--se-ink-2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  box-shadow: none;
}

.securends .se-campaign-assignment-page .se-ca-instructions-toggle:hover,
.securends .se-campaign-assignment-page .se-ca-instructions-toggle:focus,
.securends .se-campaign-assignment-page .se-ca-instructions-toggle:focus-visible {
  background: transparent;
  color: var(--se-ink);
  outline: none;
  box-shadow: none;
}

.securends .se-campaign-assignment-page .se-ca-instructions-toggle .fa {
  font-size: 12px;
  line-height: 1;
}

.securends .se-campaign-assignment-page .se-ca-instructions-close .fa {
  font-size: 14px;
  line-height: 1;
}

.securends .se-campaign-assignment-page .se-ca-meta-row.se-ca-meta-row--instructions-only {
  display: block;
  width: 100%;
}

.securends .se-campaign-assignment-page .se-ca-meta-row.se-ca-meta-row--instructions-only .se-ca-instructions {
  width: 100% !important;
  max-width: 100% !important;
  flex: none;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details--instructions-collapsed {
  padding-right: 40px !important;
}

.securends .se-campaign-assignment-page .se-ca-meta-row .user-access-title table {
  width: 100%;
}

/* Compact modern progress pill — before Update Reviewer */
.securends .se-campaign-assignment-page .se-campaign-uar-actions .se-ca-toolbar-progress {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: auto !important;
  min-width: 0;
  height: 28px !important;
  padding: 0 10px;
  margin: 0 4px 0 0 !important;
  border-radius: 999px;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  box-sizing: border-box;
  flex-shrink: 0;
  position: static !important;
  float: none !important;
}

.securends .se-campaign-assignment-page .se-ca-toolbar-progress .progress-track {
  width: 72px;
  height: 8px !important;
  border-radius: 999px !important;
  overflow: hidden;
  background: var(--se-raise) !important;
  border: none !important;
  position: relative !important;
  flex-shrink: 0;
}

.securends .se-campaign-assignment-page .se-ca-toolbar-progress .progress-fill {
  height: 100% !important;
  border-radius: 999px;
}

.securends .se-campaign-assignment-page .se-ca-toolbar-progress .se-progress-label {
  position: static !important;
  inset: auto;
  display: inline-flex;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--se-ink-2);
  line-height: 1;
  min-width: 28px;
}

.securends .se-campaign-assignment-page .se-ca-toolbar-progress.se-progress-done .se-progress-label {
  color: var(--se-ok);
}

.securends .se-campaign-assignment-page .se-ca-toolbar-progress.se-progress-empty .se-progress-label {
  color: var(--se-risk);
}

/* SOR / HR status chips */
.securends .se-campaign-assignment-page .se-ca-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 2px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.01em;
  white-space: nowrap;
  border: 1px solid transparent;
}

.securends .se-campaign-assignment-page .se-ca-status-chip .fa {
  font-size: 11px;
}

.securends .se-campaign-assignment-page .se-ca-status-chip--active {
  background: var(--se-ok-tint);
  color: var(--se-ok);
  border-color: color-mix(in srgb, var(--se-ok) 28%, transparent);
}

.securends .se-campaign-assignment-page .se-ca-status-chip--terminated {
  background: var(--se-risk-tint);
  color: var(--se-risk);
  border-color: color-mix(in srgb, var(--se-risk) 28%, transparent);
}

.securends .se-campaign-assignment-page .se-ca-status-chip--pending {
  background: var(--se-warn-tint);
  color: var(--se-warn);
  border-color: color-mix(in srgb, var(--se-warn) 28%, transparent);
}

.securends .se-campaign-assignment-page .se-ca-status-chip--neutral {
  background: var(--se-raise);
  color: var(--se-ink-2);
  border-color: var(--se-line);
}

/* SOR STATUS — compact chip column; TERMINATED must not clip */
.securends .se-campaign-assignment-page .campaignAssinment .rt-th.se-ca-col-status,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-status,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-status,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th.se-ca-col-status,
.securends .se-campaign-assignment-page .campaignAssinment .rt-th:has(.se-ca-status-chip),
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.se-ca-status-chip),
.securends .se-campaign-assignment-page .ReactTable .rt-td:has(.se-ca-status-chip) {
  flex: 0 0 142px !important;
  width: 142px !important;
  min-width: 136px !important;
  max-width: 150px !important;
  overflow: visible !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.securends .se-campaign-assignment-page .se-ca-status-chip {
  max-width: 100%;
  overflow: visible;
  flex-shrink: 0;
  white-space: nowrap;
  text-overflow: clip;
}

/* ACTION: select + date + edit/delete on one row (beat Bootstrap col-md-* wrap) */
.securends .se-campaign-assignment-page .notifyManager,
.securends .se-campaign-assignment-page .notifyManager.row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  float: none !important;
  overflow: hidden !important;
}

.securends .se-campaign-assignment-page .notifyManager .um-selection,
.securends .se-campaign-assignment-page .notifyManager .col-md-5.um-selection {
  float: none !important;
  width: auto !important;
  max-width: 168px !important;
  flex: 1 1 140px !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 0 !important;
  overflow: hidden !important;
}

.securends .se-campaign-assignment-page .notifyManager>.col-md-3,
.securends .se-campaign-assignment-page .notifyManager #campaignTermination {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px;
  position: static !important;
}

.securends .se-campaign-assignment-page .notifyManager #campaignTermination p {
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 32px;
}

.securends .se-campaign-assignment-page .notifyManager .fa-edit,
.securends .se-campaign-assignment-page .notifyManager .fa-trash {
  font-size: 16px !important;
  line-height: 1 !important;
}

.securends .se-campaign-assignment-page .notifyManager .um-selection select.form-control,
.securends .se-campaign-assignment-page .ReactTable .rt-td.se-ca-col-action select.form-control,
.securends .se-campaign-assignment-page .ReactTable .rt-td:has(.notifyManager) select.form-control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 28px 0 10px !important;
  line-height: 30px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: var(--se-card) !important;
  background-image: var(--se-select-caret, url(/build/assets/media/3ee5077622847646e44b.3ee50776.svg)) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 7px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  color: var(--se-ink) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

.securends .se-campaign-assignment-page .notifyManager .um-selection select.form-control::-ms-expand,
.securends .se-campaign-assignment-page .ReactTable .rt-td:has(.notifyManager) select.form-control::-ms-expand {
  display: none !important;
}

.securends .se-campaign-assignment-page .ReactTable .rt-td:has(.notifyManager),
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-action {
  overflow: visible !important;
}

@media (max-width: 900px) {

  .securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-details,
  .securends .se-campaign-assignment-page .se-ca-meta-row .se-ca-instructions {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
  }

  .securends .se-campaign-assignment-page .se-ca-meta-row:not( :has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"]))) .se-ca-details {
    flex-direction: column;
    align-items: stretch;
  }

  .securends .se-campaign-assignment-page .se-ca-meta-row:not( :has(.se-ca-instructions:not([hidden]):not([style*="display: none"]):not([style*="display:none"]))) .se-ca-details .se-detail-progress {
    margin-left: 0;
    flex: 1 1 auto;
  }
}

/* --------------------------------------------------------------------------
   Assignment pivot table (.campaignAssinment)
   Root cause of header/value misalignment:
   - Columns include hidden pivot `eType` (show:false → .-hidden / .hidden).
   - Pickels hides ONLY `.rt-th:first-child` in the header, while the body still
     keeps the hidden pivot cell in the flex row → NAME header sits over checkbox,
     SOR EMAIL over NAME, etc.
   Fix: remove the hidden pivot column from BOTH header and body layout, then
   size checkbox / data columns the same way.
   -------------------------------------------------------------------------- */

/* Beat pickels `.campaignAssinment .rt-table .rt-thead .rt-th:first-child { display:none }`
   and keep hidden pivot cells out of flex layout on header + body.
   Body must mirror the header: pickels only hides th:first-child, so the pivot
   slot still reserved space in rows → NAME values sat under SOR EMAIL, etc. */
.securends .se-campaign-assignment-page .campaignAssinment .rt-table .rt-thead .rt-th.-hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead .rt-th.-hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead .rt-th.hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.-hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-table .rt-thead .rt-th:first-child.-hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-table .rt-thead .rt-th:first-child.hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow):not(:has(> .rt-expandable)):not(:has(> .rt-pivot))>.rt-td:first-child:not(:has(.custom-checkbox)):not(.rt-expandable):not(.rt-pivot),
.securends .se-campaign-uar-page.se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.hidden,
.securends .se-campaign-uar-page.se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.-hidden {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Do NOT hide the real checkbox header (pickels first-child hide was for pivot col) */
.securends .se-campaign-assignment-page .campaignAssinment .rt-table .rt-thead .rt-th:has(#selectAll),
.securends .se-campaign-assignment-page .campaignAssinment .rt-table .rt-thead .rt-th:has(.custom-checkbox),
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th:has(#selectAll),
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th:has(.custom-checkbox) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  z-index: 3 !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding: 0 0 0 16px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td:has(.custom-checkbox) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  z-index: 3 !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding: 0 0 0 16px !important;
  box-sizing: border-box !important;
  text-align: left !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-th:has(.custom-checkbox) .rt-resizable-header-content {
  overflow: visible !important;
  width: 100% !important;
  height: 100%;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .custom-control.custom-checkbox {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  padding-left: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  z-index: 2;
}

.securends .se-campaign-assignment-page .campaignAssinment .custom-control-label {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Pivot group row: expandable owns the full row; hide empty aggregated cells.
   Beat pickels `.campaignAssinment .rt-td { overflow: hidden }` that truncates
   "Direct Report Access Reviews". */
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:has(> .rt-td.rt-expandable)>.rt-td:not(.rt-expandable):not(.rt-pivot),
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:has(> .rt-td.rt-pivot)>.rt-td:not(.rt-expandable):not(.rt-pivot) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tr .rt-td.rt-expandable.rt-pivot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 280px !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  padding: 10px 16px 10px 16px !important;
  z-index: 1 !important;
  pointer-events: auto !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  background: var(--se-page) !important;
  border-bottom: 1px solid var(--se-line) !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable span,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot span,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable>span,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot>span {
  display: inline !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  line-height: 1.35;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-expander {
  display: inline-flex !important;
  align-items: center;
  margin-right: 8px !important;
  float: none !important;
  position: static !important;
  flex: 0 0 auto;
}

/* Assignment table: fit to card — vertical scroll when rows overflow, never h-scroll */
.securends .se-campaign-assignment-page .se-rt-colcfg-host,
.securends .se-campaign-assignment-page .campaignAssinment,
.securends .se-campaign-assignment-page .ReactTable.campaignAssinment {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-table {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  max-height: min(560px, 58vh);
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-thead .rt-tr,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-thead .rt-tr,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow):not(:has(> .rt-expandable)):not(:has(> .rt-pivot)) {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th:not(.-hidden):not(.hidden):not(.se-ca-col-num):not(.se-ca-col-status):not(.se-ca-col-review):not(.se-ca-col-action):not(:has(.custom-checkbox)):not(:has(#selectAll)),
/* `:not(:nth-child(2))` keeps the checkbox slot out: the filter row's copy of that
   cell is empty, so `:has(.custom-checkbox)` cannot exclude it, and this selector's
   `:not()` chain would otherwise outrank the 44px rule below and give the slot a
   full flexible share — which shifted the NAME search box under SOR EMAIL. */
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th:not(.-hidden):not(.hidden):not(.se-ca-col-num):not(.se-ca-col-status):not(.se-ca-col-review):not(.se-ca-col-action):not(:has(.custom-checkbox)):not(:nth-child(2)),
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow):not(:has(> .rt-expandable))>.rt-td:not(.hidden):not(.-hidden):not(.rt-expandable):not(.se-ca-col-num):not(.se-ca-col-status):not(.se-ca-col-review):not(.se-ca-col-action):not(:has(.custom-checkbox)) {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
  text-align: left !important;
  align-items: center;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th:has(#selectAll),
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th:has(.custom-checkbox),
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th:has(.custom-checkbox),
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th:nth-child(2),
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td:has(.custom-checkbox) {
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding-left: 16px !important;
  padding-right: 0 !important;
  text-align: left !important;
}

/* Pivot slot stays out of the filter row layout, same as the header row.
   `tables.css` display:flex on filter cells has the same specificity as pickels
   `.rt-th:first-child { display: none }` and wins on order, which revived the
   slot here only and pushed the NAME search box under SOR EMAIL. */
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-tr>.rt-th:first-child {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Search box fills its column (the filter cell is display:flex, so a 0 basis
   is what makes width:100% actually span the cell) */
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th input,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th input.form-control {
  flex: 1 1 0% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* TOTAL / PENDING — compact (must follow equal-flex rule above) */
.securends .se-campaign-assignment-page .campaignAssinment .rt-th.se-ca-col-num,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-num,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-num,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th.se-ca-col-num,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.se-ca-col-num {
  flex: 0 0 72px !important;
  width: 72px !important;
  min-width: 64px !important;
  max-width: 80px !important;
  text-align: center !important;
  justify-content: center !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-th.se-ca-col-num .rt-resizable-header-content {
  justify-content: center;
  text-align: center;
  width: 100%;
}

/* REVIEW — fit the Review button */
.securends .se-campaign-assignment-page .campaignAssinment .rt-th.se-ca-col-review,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-review,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-review,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td:has(.button-primary):not(:has(.notifyManager)) {
  flex: 0 0 108px !important;
  width: 108px !important;
  min-width: 100px !important;
  max-width: 120px !important;
  text-align: center !important;
  justify-content: center !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

/* ACTION — remaining width inside the card (no h-scroll); content stays in-cell */
.securends .se-campaign-assignment-page .campaignAssinment .rt-th.se-ca-col-action,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-action,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-action,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-filters .rt-th.se-ca-col-action,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td:has(.notifyManager) {
  flex: 1.8 1 0% !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden !important;
  text-align: left !important;
  justify-content: flex-start !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-assignment-page .se-rt-colcfg-host.has-colcfg .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-action,
.securends .se-campaign-assignment-page .se-rt-colcfg-host.has-colcfg .campaignAssinment .rt-thead.-filters .rt-th.se-ca-col-action {
  padding-right: 44px !important;
}

/* Beat react-table nesting indent so body cells share the same origin as headers */
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td:has(.custom-checkbox) {
  padding-left: 16px !important;
  padding-right: 0 !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.-hidden,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td:first-child:not(:has(.custom-checkbox)) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* The zero-padding above is for the empty expander cell in leaf rows; the group
   label needs an indent so it does not sit on the card border. */
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.rt-expandable.rt-pivot:first-child {
  padding-left: 28px !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.se-ca-col-num,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-num {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.se-ca-col-review,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-review,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.se-ca-col-status,
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-status {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td.se-ca-col-action,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td:has(.notifyManager),
.securends .se-campaign-assignment-page .campaignAssinment .rt-thead.-header .rt-th.se-ca-col-action {
  padding-left: 8px !important;
  padding-right: 16px !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .-pagination,
.securends .se-campaign-assignment-page .ReactTable.campaignAssinment .-pagination {
  padding: 12px 16px 8px !important;
}

.securends .se-campaign-assignment-page .custom-control-input,
.securends .se-campaign-assignment-page .ReactTable .custom-control-input {
  display: block !important;
  position: absolute !important;
  z-index: 5 !important;
  opacity: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 28px !important;
  height: 36px !important;
  min-height: 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.securends .se-campaign-assignment-page .custom-control-input:disabled {
  cursor: not-allowed !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .custom-control-label,
.securends .se-campaign-assignment-page .ReactTable .custom-control-label {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 24px !important;
  height: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  min-height: 0 !important;
  z-index: 2 !important;
}

/* Checkbox chrome — centered in the 24px label (not Bootstrap -1.35rem offset) */
.securends .se-campaign-assignment-page .campaignAssinment .custom-control-label::before,
.securends .se-campaign-assignment-page .campaignAssinment .custom-control-label::after,
.securends .se-campaign-assignment-page .ReactTable .custom-control-label::before,
.securends .se-campaign-assignment-page .ReactTable .custom-control-label::after {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.securends .se-campaign-assignment-page .custom-control-label::before {
  background-color: var(--se-card) !important;
  border: 1.5px solid var(--se-ink-2) !important;
  box-shadow: none !important;
}

.securends .se-campaign-assignment-page .custom-control-input:hover:not(:disabled)~.custom-control-label::before {
  border-color: var(--se-brand) !important;
}

.securends .se-campaign-assignment-page .custom-control-input:checked~.custom-control-label::before {
  background-color: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
}

.securends .se-campaign-assignment-page .custom-control-input:disabled~.custom-control-label::before {
  border-color: var(--se-line-soft) !important;
  background: var(--se-page) !important;
  opacity: 0.7;
}

.securends .se-campaign-assignment-page .guideContent,
.securends .se-campaign-assignment-page .reviewerIconspan,
.securends .se-campaign-assignment-page .altTOp>div,
.securends .se-campaign-assignment-page .alerts>div {
  float: none !important;
  position: static !important;
  right: auto !important;
}

.securends .se-campaign-uar-filters,
.securends .se-campaign-uar-page .electionFilter {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
  flex-wrap: nowrap !important;
  gap: 12px 16px;
  margin: 0 0 12px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px 16px !important;
  float: none !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  position: relative !important;
  top: auto !important;
  z-index: 20 !important;
  height: auto !important;
  overflow: visible !important;
}

.securends .se-campaign-uar-page .electionFilter.row>* {
  width: auto !important;
  max-width: none !important;
  flex-shrink: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-campaign-uar-filters .viewAllFilterRow {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px 16px;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-campaign-uar-page .viewAllFilterData,
.securends .se-campaign-uar-page .viewAllFilterData label {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto;
  min-width: 0;
}

.securends .se-campaign-uar-page .viewAllFilterData span {
  width: auto !important;
  margin: 0 !important;
  margin-top: 0 !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.securends .se-campaign-uar-page .small-multiselect {
  width: 156px;
  min-width: 140px;
  max-width: 168px;
}

.securends .se-campaign-uar-page .direct-multiselect {
  margin-left: auto !important;
  margin-top: 0 !important;
  float: none !important;
  width: 180px !important;
  min-width: 160px;
  max-width: 200px;
  flex: 0 0 180px;
  align-self: center;
  top: auto !important;
  display: block !important;
}

.securends .se-campaign-uar-page .small-multiselect,
.securends .se-campaign-uar-page .direct-multiselect,
.securends .se-campaign-uar-page .electionFilter .btn-group,
.securends .se-campaign-uar-page .small-multiselect .btn-group,
.securends .se-campaign-uar-page .direct-multiselect .btn-group,
.securends .se-campaign-uar-page .small-multiselect .multiselect-native-select,
.securends .se-campaign-uar-page .direct-multiselect .multiselect-native-select {
  position: relative !important;
  overflow: visible !important;
  z-index: 21;
}

.securends .se-campaign-uar-page .small-multiselect .btn-group,
.securends .se-campaign-uar-page .direct-multiselect .btn-group,
.securends .se-campaign-uar-page .small-multiselect .multiselect-native-select,
.securends .se-campaign-uar-page .direct-multiselect .multiselect-native-select,
.securends .se-campaign-uar-page .small-multiselect button.multiselect,
.securends .se-campaign-uar-page .direct-multiselect button.multiselect,
.securends .se-campaign-uar-page .electionFilter button.multiselect {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
}

.securends .se-campaign-uar-page .small-multiselect button.multiselect,
.securends .se-campaign-uar-page .direct-multiselect button.multiselect,
.securends .se-campaign-uar-page .electionFilter button.multiselect,
.securends .se-campaign-uar-page button.multiselect.dropdown-toggle {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: var(--se-r) !important;
  border: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  text-align: left;
}

.securends .se-campaign-uar-page button.multiselect .multiselect-selected-text {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.securends .se-campaign-uar-page button.multiselect .caret {
  display: inline-block !important;
  margin-left: 8px !important;
  flex: 0 0 auto;
  float: none !important;
  border-top-color: var(--se-ink-2);
}

.securends .se-campaign-uar-page .btn-group.open,
.securends .se-campaign-uar-page .btn-group.show,
.securends .se-campaign-uar-page .small-multiselect .btn-group.open,
.securends .se-campaign-uar-page .direct-multiselect .btn-group.open {
  z-index: 1000 !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu,
.securends .se-campaign-uar-page .small-multiselect ul.dropdown-menu,
.securends .se-campaign-uar-page .direct-multiselect ul.dropdown-menu,
.securends .se-campaign-uar-page .electionFilter ul.dropdown-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  z-index: 10050 !important;
  /* Grow to option labels (e.g. "Approved Elections"); do not clip to the 156px trigger. */
  width: max-content !important;
  min-width: 248px !important;
  max-width: min(420px, 90vw) !important;
  max-height: min(340px, calc(100vh - 200px)) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-lg) !important;
  padding: 8px 0 !important;
  scrollbar-width: thin !important;
  -ms-overflow-style: auto !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu::-webkit-scrollbar,
.securends .se-campaign-uar-page .small-multiselect ul.dropdown-menu::-webkit-scrollbar,
.securends .se-campaign-uar-page .direct-multiselect ul.dropdown-menu::-webkit-scrollbar,
.securends .se-campaign-uar-page .electionFilter ul.dropdown-menu::-webkit-scrollbar {
  display: block !important;
  width: 6px !important;
  height: 6px !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu::-webkit-scrollbar-thumb,
.securends .se-campaign-uar-page .small-multiselect ul.dropdown-menu::-webkit-scrollbar-thumb,
.securends .se-campaign-uar-page .direct-multiselect ul.dropdown-menu::-webkit-scrollbar-thumb,
.securends .se-campaign-uar-page .electionFilter ul.dropdown-menu::-webkit-scrollbar-thumb {
  background: var(--se-line, #cbd5e1) !important;
  border-radius: 999px !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li {
  width: max-content !important;
  min-width: 100% !important;
  float: none !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.multiselect-filter {
  padding: 4px 10px 8px;
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  background: var(--se-card) !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu .multiselect-filter .input-group {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 100% !important;
  gap: 0;
  background: var(--se-page);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r);
  overflow: hidden;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu .multiselect-filter .input-group-addon,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu .multiselect-filter .input-group-text,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu .multiselect-filter .input-group-btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 8px !important;
  flex: 0 0 auto;
  color: var(--se-ink-2);
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu input.form-control.multiselect-search {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu .btn.multiselect-clear-filter {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--se-ink-2) !important;
  padding: 4px !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.multiselect-group,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.multiselect-group label,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.dropdown-header {
  display: block !important;
  width: 100% !important;
  padding: 8px 12px 4px !important;
  margin: 0 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--se-ink-3) !important;
  background: transparent !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a {
  display: block !important;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: var(--se-ink) !important;
  text-decoration: none !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a>label {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3;
  color: var(--se-ink) !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: unset !important;
  cursor: pointer;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a>label>input[type="checkbox"] {
  position: static !important;
  margin: 0 !important;
  width: 15px !important;
  height: 15px !important;
  min-width: 15px;
  flex-shrink: 0;
  accent-color: var(--se-brand);
  cursor: pointer;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li:hover>a,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.active>a,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a:hover,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a:hover>label,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.active>a>label {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li:hover>a,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a:hover,
.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li>a:hover>label {
  background: var(--se-row-hover) !important;
}

.securends .se-campaign-uar-page ul.multiselect-container.dropdown-menu>li.multiselect-all>a>label {
  border-bottom: 0 !important;
}

/* --------------------------------------------------------------------------
   Tables: thead sticks inside the 600px scroller (beat pickels page offsets)
   -------------------------------------------------------------------------- */
.securends .se-campaign-uar-page .ReactTable .rt-thead.-header,
.securends .se-campaign-uar-page .campaignAssinment .rt-thead.-header,
.securends .se-campaign-uar-page .CustodianElectionsTable .rt-thead.-header,
.securends .se-campaign-uar-page .EntCustodianElectionsTable .rt-thead.-header,
.securends .se-campaign-uar-page .directTreetableData .rt-thead.-header,
.securends .se-campaign-preview-page .ReactTable .rt-thead.-header {
  top: 0 !important;
  height: var(--se-table-colhead) !important;
  min-height: var(--se-table-colhead) !important;
  max-height: var(--se-table-colhead) !important;
  z-index: 6 !important;
  isolation: isolate;
  box-shadow: none !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
}

.securends .se-campaign-uar-page .ReactTable .rt-thead.-header .rt-th,
.securends .se-campaign-uar-page .ReactTable .rt-thead.-header .rt-td,
.securends .se-campaign-uar-page .directTreetableData .rt-thead.-header .rt-th {
  border-bottom: none !important;
  box-shadow: none !important;
  background: var(--se-table-header-bg, var(--se-page)) !important;
}

.securends .se-campaign-uar-page .ReactTable .rt-thead.-filters,
.securends .se-campaign-uar-page .campaignAssinment .rt-thead.-filters,
.securends .se-campaign-uar-page .CustodianElectionsTable .rt-thead.-filters,
.securends .se-campaign-uar-page .EntCustodianElectionsTable .rt-thead.-filters,
.securends .se-campaign-uar-page .directTreetableData .rt-thead.-filters {
  top: var(--se-table-colhead) !important;
  height: var(--se-table-filter-h) !important;
  min-height: var(--se-table-filter-h) !important;
  max-height: var(--se-table-filter-h) !important;
  margin-top: 0 !important;
  z-index: 5 !important;
  box-shadow: none !important;
  border-top: none !important;
  background: var(--se-card) !important;
}

.securends .se-campaign-uar-page .ReactTable .rt-tbody,
.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-tr-group,
.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-tr {
  z-index: 0 !important;
  position: relative;
}

.securends .se-campaign-assignment-page .ReactTable .rt-thead .rt-th:nth-child(1),
.securends .se-campaign-assignment-page .ReactTable .rt-thead .rt-th:nth-child(2),
.securends .se-campaign-assignment-page .ReactTable .rt-tbody .rt-td:nth-child(1),
.securends .se-campaign-assignment-page .ReactTable .rt-tbody .rt-td:nth-child(2),
.securends .se-campaign-assignment-page .campaignAssinment .rt-th:nth-child(1),
.securends .se-campaign-assignment-page .campaignAssinment .rt-th:nth-child(2),
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:nth-child(1),
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:nth-child(2) {
  position: static !important;
  left: auto !important;
  box-shadow: none !important;
}

.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td,
.securends .se-campaign-uar-page .directTreetableData .rt-tbody .rt-td,
.securends .se-campaign-uar-page .selectTreeTable .rt-tbody .rt-td,
.securends .se-campaign-uar-page .nestedGroupTable .rt-tbody .rt-td {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Assignment interactive cells — beat the overflow:hidden above so selects / datepicker / checkboxes stay usable */
.securends .se-campaign-assignment-page .ReactTable .rt-tbody .rt-td:has(.notifyManager),
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td:has(.notifyManager) {
  overflow: hidden !important;
  white-space: nowrap !important;
}

.securends .se-campaign-assignment-page .ReactTable .rt-tbody .rt-td:has(.custom-checkbox),
.securends .se-campaign-assignment-page .ReactTable .rt-tbody .rt-td:has(.react-datepicker-wrapper),
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td:has(.custom-checkbox) {
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
}

.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td>span:not(.se-access-insight-chip):not(.se-access-insight):not(.se-access-insight-list):not(.se-election-status-chip),
.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td>div:not(.s-btns):not(.s-btns-all):not(.s-btns-new):not(.flipswitch):not(.flipswitch-red):not(.flipswitch-all):not(.flipswitch-red-all):not(.nestedElections):not(.nestedSubGroupElections):not(.table-row-info):not(.notifyManager):not(.custom-control):not(.custom-checkbox),
.securends .se-campaign-uar-page .directTreetableData .rt-tbody .rt-td>span:not(.se-access-insight-chip):not(.se-access-insight):not(.se-access-insight-list):not(.se-election-status-chip),
.securends .se-campaign-uar-page .directTreetableData .rt-tbody .rt-td>div:not(.s-btns):not(.s-btns-all):not(.s-btns-new):not(.flipswitch):not(.flipswitch-red):not(.flipswitch-all):not(.flipswitch-red-all):not(.nestedElections):not(.nestedSubGroupElections):not(.table-row-info),
.securends .se-campaign-uar-page .selectTreeTable .rt-tbody .rt-td>span:not(.se-access-insight-chip):not(.se-access-insight):not(.se-access-insight-list):not(.se-election-status-chip),
.securends .se-campaign-uar-page .selectTreeTable .rt-tbody .rt-td>div:not(.s-btns):not(.s-btns-all):not(.s-btns-new):not(.flipswitch):not(.flipswitch-red):not(.flipswitch-all):not(.flipswitch-red-all):not(.nestedElections):not(.nestedSubGroupElections):not(.table-row-info) {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100%;
}

/* ACTION / checkbox wrappers must not inherit the ellipsis clip above */
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-action,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-action>div,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.notifyManager),
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.notifyManager)>div,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.notifyManager) .notifyManager,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.notifyManager) .um-selection {
  overflow: hidden !important;
  text-overflow: unset !important;
  max-width: 100% !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.se-ca-status-chip),
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-status,
.securends .se-campaign-assignment-page .campaignAssinment .rt-td.se-ca-col-status .se-ca-status-chip {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
}

/* Pivot group labels must never ellipsis (beat uar-page + pickels overflow:hidden) */
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot,
.securends .se-campaign-uar-page.se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable,
.securends .se-campaign-uar-page.se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
  flex: 1 1 100% !important;
  width: 100% !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable>span,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot>span,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable span,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot span,
.securends .se-campaign-uar-page.se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-expandable>span,
.securends .se-campaign-uar-page.se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-td.rt-pivot>span {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
}

/* Keep column-config corner visible (host wraps table; do not clip) */
.securends .se-campaign-assignment-page .se-rt-colcfg-host {
  overflow: visible !important;
}

.securends .se-campaign-assignment-page .se-rt-colcfg-corner {
  z-index: 40 !important;
  top: 0 !important;
  right: 0 !important;
  height: var(--se-table-colhead, 36px) !important;
}

.securends .se-campaign-assignment-page .se-rt-colcfg-corner.se-rt-colcfg-corner--fixed {
  position: fixed !important;
  top: var(--se-colcfg-top, 0px) !important;
  left: var(--se-colcfg-left, 0px) !important;
  right: auto !important;
  bottom: auto !important;
}

/* Pivot group label ("Direct Report Access Review") must not float over row 1 */
.securends .se-campaign-assignment-page .campaignAssinment .rt-tr .rt-expandable,
.securends .se-campaign-assignment-page .campaignAssinment .rt-tr.-padRow {
  z-index: 1 !important;
}

.securends .se-campaign-assignment-page .campaignAssinment .rt-td:has(.custom-checkbox) {
  z-index: 3 !important;
  pointer-events: auto !important;
}

/* Data rows: keep name/cells vertically centered with the checkbox */
.securends .se-campaign-assignment-page .campaignAssinment .rt-tbody .rt-tr:not(.-padRow)>.rt-td {
  align-items: center;
}

/* Nested UAR expand rows — full-width nested tables; indent via padding only */
.securends .se-campaign-uar-page .nestedGroupTable {
  margin-left: 0 !important;
  padding-left: 0;
}

.securends .se-campaign-uar-page .s-btns,
.securends .se-campaign-uar-page .s-btns-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start;
  flex-wrap: nowrap !important;
  gap: 8px;
  float: none;
  min-width: max-content;
  height: 24px;
  min-height: 24px;
}

.securends .se-campaign-uar-page .s-btns>*:not(.se-insight-suggestion):not(.se-bj-line),
.securends .se-campaign-uar-page .s-btns-all>*:not(.se-insight-suggestion):not(.se-bj-line) {
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  float: none !important;
  height: 24px;
}

.securends .se-campaign-uar-page .s-btns .table-row-info:not(.se-bj-line),
.securends .se-campaign-uar-page .s-btns-all .table-row-info:not(.se-bj-line) {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  height: 24px;
}

.securends .se-campaign-uar-page .s-btns .table-row-info a,
.securends .se-campaign-uar-page .s-btns .fa-remove,
.securends .se-campaign-uar-page .s-btns-all .fa-remove {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 24px;
  color: var(--se-ink-2) !important;
  line-height: 1;
  float: none !important;
}

/* Election Notes icon — pickels `.fa-pencil-square-o { color:#222 }` is invisible in dark mode */
.securends .se-campaign-uar-page .s-btns .table-row-info a .fa-pencil-square-o,
.securends .se-campaign-uar-page .s-btns .table-row-info .fa-pencil-square-o,
.securends .se-campaign-uar-page .s-btns .table-row-info a .fa-info-circle,
.securends .se-direct-elections-page .s-btns .table-row-info .fa-pencil-square-o,
.securends .se-entitlement-elections-page .s-btns .table-row-info .fa-pencil-square-o,
.securends .se-endpoint-elections-page .s-btns .table-row-info .fa-pencil-square-o,
.securends .se-endpoint-elections-page .s-btns-new .table-row-info .fa-pencil-square-o,
.securends .se-view-all-elections-page .table-row-info .fa-pencil-square-o {
  color: var(--se-ink-2) !important;
}

html[data-se-mode="dark"] .securends .se-campaign-uar-page .s-btns .table-row-info a .fa-pencil-square-o,
html[data-se-mode="dark"] .securends .se-campaign-uar-page .s-btns .table-row-info .fa-pencil-square-o,
html[data-se-mode="dark"] .securends .se-direct-elections-page .s-btns .table-row-info .fa-pencil-square-o,
html[data-se-mode="dark"] .securends .se-entitlement-elections-page .s-btns .table-row-info .fa-pencil-square-o,
html[data-se-mode="dark"] .securends .se-endpoint-elections-page .s-btns .table-row-info .fa-pencil-square-o,
html[data-se-mode="dark"] .securends .se-endpoint-elections-page .s-btns-new .table-row-info .fa-pencil-square-o,
html[data-se-mode="dark"] .securends .se-view-all-elections-page .table-row-info .fa-pencil-square-o,
html[data-se-theme="dark"] .securends .se-direct-elections-page .s-btns .table-row-info .fa-pencil-square-o {
  color: var(--se-ink) !important;
}

/*
 * Notes green check badge — Direct / Entitlement / Review All only.
 * Keep badge fully inside/over the pencil (not hanging outside a 20px clip box).
 */
.securends .se-direct-elections-page .s-btns .table-row-info:not(.se-bj-line),
.securends .se-entitlement-elections-page .s-btns .table-row-info:not(.se-bj-line),
.securends .se-view-all-elections-page .table-row-info:not(.se-bj-line),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info:not(.se-bj-line) {
  overflow: visible !important;
  position: relative !important;
}

.securends .se-direct-elections-page .s-btns .table-row-info:has(.notes-message),
.securends .se-direct-elections-page .s-btns .table-row-info:has(.notes-messageNested),
.securends .se-entitlement-elections-page .s-btns .table-row-info:has(.notes-message),
.securends .se-entitlement-elections-page .s-btns .table-row-info:has(.notes-messageNested),
.securends .se-view-all-elections-page .table-row-info:has(.notes-message),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info:has(.notes-message) {
  height: auto !important;
  min-height: 24px !important;
  padding-top: 2px !important;
  padding-right: 2px !important;
  overflow: visible !important;
  align-items: center !important;
}

.securends .se-direct-elections-page .s-btns .table-row-info a:has(.notes-message),
.securends .se-direct-elections-page .s-btns .table-row-info a:has(.notes-messageNested),
.securends .se-entitlement-elections-page .s-btns .table-row-info a:has(.notes-message),
.securends .se-entitlement-elections-page .s-btns .table-row-info a:has(.notes-messageNested),
.securends .se-view-all-elections-page .table-row-info a:has(.notes-message),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info a:has(.notes-message) {
  position: relative !important;
  overflow: visible !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  z-index: 2;
}

.securends .se-direct-elections-page .s-btns .table-row-info .notes-message,
.securends .se-direct-elections-page .s-btns .table-row-info .notes-messageNested,
.securends .se-entitlement-elections-page .s-btns .table-row-info .notes-message,
.securends .se-entitlement-elections-page .s-btns .table-row-info .notes-messageNested,
.securends .se-view-all-elections-page .table-row-info .notes-message,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info .notes-message {
  position: absolute !important;
  width: 12px !important;
  height: 12px !important;
  min-width: 12px !important;
  min-height: 12px !important;
  left: auto !important;
  right: -1px !important;
  top: auto !important;
  bottom: -1px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  line-height: 12px !important;
  text-align: center !important;
  background: #4cce35 !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 1.5px var(--se-card, #fff) !important;
  color: #fff !important;
  z-index: 3;
  pointer-events: none;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.securends .se-direct-elections-page .s-btns .table-row-info .notes-message .fa-check,
.securends .se-direct-elections-page .s-btns .table-row-info .notes-messageNested .fa-check,
.securends .se-entitlement-elections-page .s-btns .table-row-info .notes-message .fa-check,
.securends .se-entitlement-elections-page .s-btns .table-row-info .notes-messageNested .fa-check,
.securends .se-view-all-elections-page .table-row-info .notes-message .fa-check,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info .notes-message .fa-check {
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 8px !important;
  line-height: 1 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #fff !important;
  position: static !important;
}

.securends .se-campaign-uar-page .s-btns .tree_tree img {
  float: none !important;
  margin: 0 !important;
  width: 18px;
  height: 18px;
}

.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td:has(.s-btns),
.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td:has(.s-btns-all),
.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td:has(.flipswitch) {
  overflow: hidden !important;
  white-space: nowrap !important;
  z-index: 0 !important;
}

/* After ACTION clip rule — notes badge must remain visible on these three screens */
.securends .se-campaign-uar-page.se-direct-elections-page .ReactTable .rt-tbody .rt-td:has(.notes-message),
.securends .se-campaign-uar-page.se-direct-elections-page .ReactTable .rt-tbody .rt-td:has(.notes-messageNested),
.securends .se-campaign-uar-page.se-entitlement-elections-page .ReactTable .rt-tbody .rt-td:has(.notes-message),
.securends .se-campaign-uar-page.se-entitlement-elections-page .ReactTable .rt-tbody .rt-td:has(.notes-messageNested),
.securends .se-campaign-uar-page.se-view-all-elections-page .ReactTable .rt-tbody .rt-td:has(.notes-message),
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action:has(.notes-message) {
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns-all),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:last-child {
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

/* Revoke Immediate dropdown needs overflow visible on ACTION cells */
.securends .se-direct-elections-page .ReactTable .rt-tbody .rt-td:has(.revoke-action-wrapper),
.securends .se-entitlement-elections-page .ReactTable .rt-tbody .rt-td:has(.revoke-action-wrapper),
.securends .se-endpoint-elections-page .ReactTable .rt-tbody .rt-td:has(.revoke-action-wrapper),
.securends .se-view-all-elections-page .ReactTable .rt-tbody .rt-td:has(.revoke-action-wrapper),
.securends .se-campaign-uar-page .ReactTable .rt-tbody .rt-td:has(.revoke-action-wrapper) {
  overflow: visible !important;
  z-index: 2 !important;
}

/* --------------------------------------------------------------------------
   Flipswitch approve / revoke — token colors, keep checkbox + content strings.
   Compact track: text stays clear of the white knob (toggle strip).
   -------------------------------------------------------------------------- */
.securends .se-campaign-uar-page .flipswitch,
.securends .se-campaign-uar-page .flipswitch-red {
  position: relative !important;
  float: none !important;
  flex: 0 0 80px;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 24px;
  overflow: hidden;
  box-sizing: border-box;
}

.securends .se-campaign-uar-page .flipswitch-all,
.securends .se-campaign-uar-page .flipswitch-red-all {
  position: relative !important;
  float: none !important;
  flex: 0 0 92px;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 24px;
  overflow: hidden;
  box-sizing: border-box;
}

.securends .se-campaign-uar-page .flipswitch-label,
.securends .se-campaign-uar-page .flipswitch-label-red,
.securends .se-campaign-uar-page .flipswitch-label-all,
.securends .se-campaign-uar-page .flipswitch-label-red-all {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
}

.securends .se-campaign-uar-page .flipswitch-switch,
.securends .se-campaign-uar-page .flipswitch-switch-red,
.securends .se-campaign-uar-page .flipswitch-switch-all,
.securends .se-campaign-uar-page .flipswitch-switch-red-all {
  position: absolute !important;
  top: 50% !important;
  bottom: auto !important;
  width: 13px !important;
  height: 13px !important;
  margin: 0 !important;
  transform: translateY(-50%);
  left: 4px !important;
  right: auto !important;
  box-sizing: border-box;
}

.securends .se-campaign-uar-page .flipswitch-cb:checked+.flipswitch-label .flipswitch-switch,
.securends .se-campaign-uar-page .flipswitch-cb-red:checked+.flipswitch-label-red .flipswitch-switch-red,
.securends .se-campaign-uar-page .flipswitch-cb-all:checked+.flipswitch-label-all .flipswitch-switch-all,
.securends .se-campaign-uar-page .flipswitch-cb-red-all:checked+.flipswitch-label-red-all .flipswitch-switch-red-all {
  left: auto !important;
  right: 4px !important;
}

.securends .se-campaign-uar-page .flipswitch-inner:before,
.securends .se-campaign-uar-page .flipswitch-inner:after,
.securends .se-campaign-uar-page .flipswitch-inner-red:before,
.securends .se-campaign-uar-page .flipswitch-inner-red:after,
.securends .se-campaign-uar-page .flipswitch-inner-all:before,
.securends .se-campaign-uar-page .flipswitch-inner-all:after,
.securends .se-campaign-uar-page .flipswitch-inner-red-all:before,
.securends .se-campaign-uar-page .flipswitch-inner-red-all:after {
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  letter-spacing: 0 !important;
  word-spacing: 0 !important;
  height: 24px !important;
  line-height: 24px !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-uar-page .flipswitch-inner:before,
.securends .se-campaign-uar-page .flipswitch-inner-red:before,
.securends .se-campaign-uar-page .flipswitch-inner-all:before,
.securends .se-campaign-uar-page .flipswitch-inner-red-all:before,
.securends .se-campaign-uar-page .flipswitch-inner:after,
.securends .se-campaign-uar-page .flipswitch-inner-red:after,
.securends .se-campaign-uar-page .flipswitch-inner-all:after,
.securends .se-campaign-uar-page .flipswitch-inner-red-all:after {
  padding-left: 16px !important;
  padding-right: 16px !important;
  text-align: center !important;
}

.securends .se-campaign-uar-page .s-btns-all>.flipswitch-all,
.securends .se-campaign-uar-page .s-btns-all>.flipswitch-red-all,
.securends .se-direct-elections-page .s-btns-all>.flipswitch-all,
.securends .se-direct-elections-page .s-btns-all>.flipswitch-red-all {
  display: block !important;
  flex: 0 0 92px !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  height: 24px !important;
  overflow: hidden !important;
}

.securends .se-campaign-uar-page .flipswitch-inner:before {
  background-color: var(--se-ok) !important;
}

.securends .se-campaign-uar-page .flipswitch-inner:after {
  background-color: var(--se-ink-3) !important;
}

.securends .se-campaign-uar-page .flipswitch-inner-red:before {
  background-color: var(--se-risk) !important;
}

.securends .se-campaign-uar-page .flipswitch-inner-red:after {
  background-color: var(--se-ink-3) !important;
}

/* --------------------------------------------------------------------------
   Modals (chrome only)
   -------------------------------------------------------------------------- */
.securends .se-campaign-uar-page .modal-content,
.securends .se-campaign-uar-page .modelheader {
  border-radius: var(--se-r-modal);
  border-color: var(--se-line);
}

.securends .se-campaign-uar-page .custom_primary,
.securends .se-campaign-uar-page .custom__lg,
.securends .se-campaign-uar-page .electionBt {
  border-radius: var(--se-r) !important;
}

@media (max-width: 960px) {

  .securends .se-campaign-uar-actions,
  .securends .se-campaign-uar-page .expBtn,
  .securends .se-campaign-preview-page .campaign-preview-header-right {
    margin-left: 0;
    width: 100%;
  }
}

/* --------------------------------------------------------------------------
   Manager elections: fixed-width table + scroll; stop page-level header overlap
   Beat pickels-v4 top:256px / 306px sticky offsets that float thead over cards.
   -------------------------------------------------------------------------- */
.securends .se-direct-elections-page .se-election-sticky-toolbar,
.securends .se-entitlement-elections-page .se-election-sticky-toolbar,
.securends .se-endpoint-elections-page .se-election-sticky-toolbar,
.securends .se-direct-elections-page .se-campaign-uar-toolbar.se-election-sticky-toolbar,
.securends .se-entitlement-elections-page .se-campaign-uar-toolbar.se-election-sticky-toolbar,
.securends .se-endpoint-elections-page .se-campaign-uar-toolbar.se-election-sticky-toolbar {
  position: sticky !important;
  top: var(--se-sticky-top, calc(var(--se-app-header) + var(--se-breadcrumb-h, 32px))) !important;
  z-index: 40 !important;
  width: 100% !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 1px 0 var(--se-line);
  isolation: isolate;
}

.securends .se-direct-elections-page .dt-fix,
.securends .se-entitlement-elections-page .dt-fix,
.securends .se-endpoint-elections-page .dt-fix,
.securends .se-direct-elections-page .entCustReactTable,
.securends .se-entitlement-elections-page .entCustReactTable,
.securends .se-endpoint-elections-page .entCustReactTable {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  min-width: 0;
}

.securends .se-direct-elections-page .se-election-table-scroll,
.securends .se-entitlement-elections-page .se-election-table-scroll,
.securends .se-endpoint-elections-page .se-election-table-scroll,
.securends .se-direct-elections-page .react-table-horizontal-scroll.se-election-table-scroll,
.securends .se-entitlement-elections-page .react-table-horizontal-scroll.se-election-table-scroll,
.securends .se-endpoint-elections-page .react-table-horizontal-scroll.se-election-table-scroll {
  width: 100% !important;
  max-width: 100% !important;
  max-height: var(--se-table-max-h, 600px) !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  position: relative;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  background: var(--se-card);
  scrollbar-width: thin;
  scrollbar-color: var(--se-nav-scroll-thumb) var(--se-page);
}

.securends .se-direct-elections-page .se-election-table-scroll,
.securends .se-direct-elections-page .react-table-horizontal-scroll.se-election-table-scroll {
  isolation: isolate;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable,
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable,
.securends .se-entitlement-elections-page .se-election-table-scroll .EntCustodianElectionsTable,
.securends .se-endpoint-elections-page .se-election-table-scroll .EntCustodianElectionsTable {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable),
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable {
  max-width: none !important;
  width: max-content !important;
  min-width: 100% !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-table {
  max-height: none !important;
  overflow: visible !important;
  width: max-content !important;
  min-width: 100% !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-table,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-table {
  max-height: none !important;
  overflow: visible !important;
  width: 100% !important;
  min-width: 100% !important;
}

/* Rows always span the full table — beat react-table fixed flex bases that leave a right gap */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tfoot .rt-tr,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tfoot .rt-tr,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tfoot .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box;
}

/*
  Columns grow to fill available width (config may show more/fewer columns).
  Beat inline flex: "<width> 0 auto" from react-table so empty space is absorbed.
  Skip Direct Elections when dynamic entitlement columns are on — those locks
  desync header/body and block Application column resize via .rt-resizer.
*/
.securends .se-direct-elections-page:not(.dynamic-entitlement-columns) .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:not(.-hidden):not(.hidden):not(.rt-expandable),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable) .rt-th:not(.-hidden):not(.hidden):not(.rt-expandable),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable) .rt-th:not(.-hidden):not(.hidden):not(.rt-expandable),
.securends .se-direct-elections-page:not(.dynamic-entitlement-columns) .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:not(.-hidden):not(.hidden):not(.rt-expandable),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable) .rt-td:not(.-hidden):not(.hidden):not(.rt-expandable),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable) .rt-td:not(.-hidden):not(.hidden):not(.rt-expandable) {
  flex: 1 1 0% !important;
  width: auto !important;
  max-width: none;
  min-width: 0;
  box-sizing: border-box;
}

/* Keep Application / Description readable.
   Do NOT apply to nested SubComponent tables, selectTreeTable, or expander cells — that forced a
   ~140px gap between caret and Credential/Entitlement labels.
   Skip Direct Elections + dynamic columns (same reason as grow rule above). */
.securends .se-direct-elections-page:not(.dynamic-entitlement-columns) .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:nth-child(1),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:nth-child(1),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:nth-child(1),
.securends .se-direct-elections-page:not(.dynamic-entitlement-columns) .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:nth-child(1):not(.rt-expandable):not(:has(.rt-expander)),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:nth-child(1):not(.rt-expandable):not(:has(.rt-expander)),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:nth-child(1):not(.rt-expandable):not(:has(.rt-expander)),
.securends .se-direct-elections-page:not(.dynamic-entitlement-columns) .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:nth-child(2),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:nth-child(2),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-th:nth-child(2),
.securends .se-direct-elections-page:not(.dynamic-entitlement-columns) .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:nth-child(2):not(.rt-expandable):not(:has(.rt-expander)),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:nth-child(2):not(.rt-expandable):not(:has(.rt-expander)),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable:not(.se-nested-election-table):not(.nestedGroupTable):not(.selectTreeTable) .rt-td:nth-child(2):not(.rt-expandable):not(:has(.rt-expander)) {
  flex: 1.4 1 140px !important;
  min-width: 140px !important;
}

/* Expander column: always tight (beats any leftover nth-child min-width). */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td.rt-expandable:not(.rt-pivot),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:nth-child(1):has(.rt-expander),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:first-child:has(.rt-expander) {
  flex: 0 0 14px !important;
  width: 14px !important;
  min-width: 0 !important;
  max-width: 16px !important;
  padding-left: 2px !important;
  padding-right: 0 !important;
  overflow: visible !important;
}

/* ACTION: freeze last column on the right; data scrolls underneath. */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable:not(.selectTreeTable) .rt-th:last-child,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable:not(.selectTreeTable) .rt-td:last-child,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:last-child,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable:not(.selectTreeTable) .rt-td:has(.s-btns),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable:not(.selectTreeTable) .rt-td:has(.s-btns-all),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all) {
  flex: 0 0 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  width: 280px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-thead.-header .rt-th:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-thead.-filters .rt-th:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tbody .rt-tr>.rt-td:last-child {
  position: sticky !important;
  right: 0 !important;
  background: var(--se-card) !important;
  box-shadow: -8px 0 10px -8px rgba(15, 23, 42, 0.18);
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-thead.-header .rt-th:last-child {
  z-index: 8 !important;
  background: var(--se-table-header-bg, var(--se-page)) !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-thead.-filters .rt-th:last-child {
  z-index: 7 !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tbody .rt-tr>.rt-td:last-child {
  z-index: 4 !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tbody .rt-tr:hover>.rt-td:last-child {
  background: var(--se-table-hover) !important;
}

/*
  Normal Direct Elections search row — match Campaign Assignment:
  1. Hide the hidden endpoint pivot slot in the filter row (pickels already
     hides it in the header; tables.css revived it here and shifted boxes).
  2. Each remaining filter cell keeps the SAME flex as its header cell.
  3. The input fills that cell (max-width 100%), so Application / Description /
     Status boxes sit under those labels. Do not cap Application independently.
  Nested campaigns keep filters hidden via `.se-nested-campaign` / selectTreeTable.
*/
.securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-tr>.rt-th:first-child,
.securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th.-hidden,
.securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th.hidden,
.securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-tr>.rt-th:first-child,
.securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th.-hidden,
.securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th.hidden,
.securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-tr>.rt-th:first-child,
.securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th.-hidden,
.securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th.hidden {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th,
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th,
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th {
  display: flex !important;
  align-items: center !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th>div,
html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-resizable-header-content,
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th>div,
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th>div {
  display: flex !important;
  flex: 1 1 0% !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th input,
html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th input[type="text"],
html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th input.form-control,
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th input,
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th input[type="text"],
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th input.form-control,
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th input,
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th input[type="text"],
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th input.form-control {
  display: block !important;
  flex: 1 1 0% !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  outline: none !important;
}

html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th input:focus,
html[data-se-theme] .securends .se-direct-elections-page:not(.se-nested-campaign) .DirectElectionsTable .rt-thead.-filters .rt-th input:focus-visible,
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th input:focus,
html[data-se-theme] .securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters .rt-th input:focus-visible,
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th input:focus,
html[data-se-theme] .securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters .rt-th input:focus-visible {
  outline: none !important;
}

/*
  Direct Elections selectTreeTable (nested entitlements path):
  - endpoint is show:false → .-hidden; hide it on header + leaf body so
    APPLICATION / DESCRIPTION / STATUS / ACTION line up.
  - Pivot GROUP rows only: show pivot label full-width; hide empty siblings.
  - Do NOT treat tree SubComponent expanders like pivot groups — that hid
    Credential/Entitlement labels and left empty/punctuation-only rows.
  - Beat pickels hideDirectTable which hid Application (nth-child(2)) header.
  - Nested SubComponent keeps old 60px wrap + 220px action offset.
*/
/* Named data headers beat pickels `.hideDirectTable .rt-th:nth-child(2) { display:none }`.
   Do NOT unhide every nth-child(2) — that revived the empty expander/endpoint slot. */
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .rt-thead .rt-th.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .rt-thead .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .rt-thead .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .rt-thead .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .selectTreeTable .rt-thead .rt-th.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable .rt-thead .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable .rt-thead .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable .rt-thead .rt-th.se-access-insight-col {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-thead .rt-th.-hidden,
.securends .se-direct-elections-page .selectTreeTable .rt-thead .rt-th.hidden,
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td:not(.rt-expandable):not(:has(.rt-expander)):not(:has(.se-election-kind-row)):not(:has(.s-btns)):not(:has(.riskLink)):not(:has(i)),
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td.-hidden:not(.rt-expandable):not(.rt-pivot),
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td.hidden:not(.rt-expandable):not(.rt-pivot),
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-thead .rt-th.-hidden,
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-thead .rt-th.hidden {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/*
  Nested tree: collapse the empty expander / hidden-endpoint header so
  APPLICATION is the first visible column, flush left. Do not hide
  APPLICATION if react-table marked it rt-expandable.
*/
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-thead>.rt-tr>.rt-th:first-child:not(.se-election-app-col):not(.se-election-desc-col):not(.se-election-status-col):not(.se-access-insight-col),
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-thead>.rt-tr>.rt-th.rt-expandable:not(.se-election-app-col):not(.se-election-desc-col),
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-thead>.rt-tr>.rt-th.-hidden,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-thead>.rt-tr>.rt-th.hidden,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr>.rt-td.-hidden:not(.rt-pivot):not(.rt-expandable),
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr>.rt-td.hidden:not(.rt-pivot):not(.rt-expandable) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead .rt-th.se-election-app-col .rt-expander {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* APPLICATION — first visible column, flush left.
   Do not lock width/flex with !important — ReactTable .rt-resizer sets inline sizes. */
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-thead>.rt-tr>.rt-th.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td:has(.se-election-kind-row) {
  display: flex !important;
  visibility: visible !important;
  min-width: 180px;
  padding-left: 12px !important;
  padding-right: 8px !important;
  margin: 0 !important;
  text-align: left !important;
  justify-content: flex-start !important;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr>.rt-td.rt-pivot {
  padding-left: 12px !important;
}

/* Description, Status, Access Insights — label floors only; width comes from ReactTable resize */
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-access-insight-col {
  display: flex !important;
  visibility: visible !important;
  padding-left: 8px !important;
  text-align: left !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-election-desc-col {
  min-width: 140px;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-election-status-col {
  min-width: 96px;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-tbody .rt-td.se-access-insight-col {
  min-width: 160px;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-app-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-desc-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-status-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th:last-child {
  position: relative !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-app-col .rt-resizable-header-content,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-desc-col .rt-resizable-header-content,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-election-status-col .rt-resizable-header-content,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th.se-access-insight-col .rt-resizable-header-content,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th:last-child .rt-resizable-header-content {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th .rt-resizer {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 10px !important;
  height: 100% !important;
  cursor: col-resize !important;
  pointer-events: auto !important;
  z-index: 20 !important;
}

.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-header .rt-th:last-child,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree .rt-thead.-filters .rt-th:last-child,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr>.rt-td:last-child,
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr>.rt-td:has(.s-btns) {
  min-width: 280px;
}

/* Pivot group row only (rt-pivot) — full-width app label */
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot.-hidden,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot.-hidden {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
  flex: 1 1 100% !important;
  width: 100% !important;
  min-width: 200px !important;
  max-width: none !important;
  align-items: center !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot span,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot span {
  display: inline !important;
  visibility: visible !important;
  overflow: visible !important;
  max-width: none !important;
  color: var(--se-ink) !important;
}

/* Hide empty siblings on PIVOT groups only — never on tree SubComponent rows */
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr:has(> .rt-td.rt-pivot)>.rt-td:not(.rt-expandable):not(.rt-pivot) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Collapse empty expander/pivot slot on OUTER credential rows only — never nested entitlement tables */
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td.rt-expandable:not(:has(.rt-expander)),
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td:not(.rt-expandable):not(:has(.rt-expander)):not(:has(.se-election-kind-row)):not(:has(.s-btns)):not(:has(.riskLink)):not(:has(i)) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* Credential caret hide is after the global .rt-expander { display:inline-block } block. */

/* Credential label sits under Application, aligned with entitlement parents */
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td:has(.se-election-kind-row) {
  display: flex !important;
  min-width: 140px;
  padding: 4px 4px 4px 2px !important;
  margin: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  min-height: 32px !important;
}

.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot)):not(:has(.rt-expander))>.rt-td:has(.se-election-kind-row),
.securends .se-direct-elections-page .selectTreeTable.se-nested-app-tree>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr.se-election-credential-row>.rt-td:has(.se-election-kind-row) {
  padding-left: 2px !important;
}

/* Description column on OUTER child data rows */
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td:has(> i) {
  min-width: 160px;
  padding-left: 8px !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Compact OUTER credential data rows (not Application pivot) */
.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot)) {
  border-bottom: 1px solid var(--se-table-line, #e2e8f0) !important;
}

.securends .se-direct-elections-page .selectTreeTable>.rt-table>.rt-tbody>.rt-tr-group>.rt-tr:not(:has(> .rt-pivot))>.rt-td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  min-height: 32px !important;
}

/* Keep Credential / Entitlement labels visible (beat overflow ellipsis clip) */
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td .se-election-kind-row,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td .se-election-kind,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td .se-election-kind-label,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td .se-election-kind-value,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td .se-election-kind-value-text {
  display: inline !important;
  visibility: visible !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: none !important;
  color: inherit !important;
  opacity: 1 !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td:has(.se-election-kind-row),
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td:has(.rt-expander),
.securends .se-direct-elections-page .nestedGroupTable .rt-tbody .rt-td:has(.rt-expander),
.securends .se-direct-elections-page .se-nested-election-table .rt-tbody .rt-td:has(.rt-expander) {
  overflow: visible !important;
  text-overflow: clip !important;
}

/*
  Carets (expand/collapse): closed looks fine; open was clipped by overflow:hidden
  + rotate. Use border triangles (no rotate) and keep overflow visible.
  Also force a caret on Application pivot rows (alongside app icon).
*/
.securends .se-direct-elections-page .selectTreeTable .rt-expander,
.securends .se-direct-elections-page .nestedGroupTable .rt-expander,
.securends .se-direct-elections-page .se-nested-election-table .rt-expander,
.securends .se-direct-elections-page .directTreetableData .rt-expander {
  display: inline-block !important;
  position: relative !important;
  visibility: visible !important;
  overflow: visible !important;
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  margin: 0 4px 0 0 !important;
  padding: 0 !important;
  flex: 0 0 14px !important;
  vertical-align: middle !important;
  float: none !important;
  color: transparent !important;
  cursor: pointer;
  z-index: 2;
}

.securends .se-direct-elections-page .selectTreeTable .rt-expander:after,
.securends .se-direct-elections-page .nestedGroupTable .rt-expander:after,
.securends .se-direct-elections-page .se-nested-election-table .rt-expander:after,
.securends .se-direct-elections-page .directTreetableData .rt-expander:after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  /* closed: point right */
  border-style: solid !important;
  border-width: 5px 0 5px 7px !important;
  border-color: transparent transparent transparent var(--se-ink-2, #475569) !important;
  transform: translate(-40%, -50%) !important;
  transition: none !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-expander.-open:after,
.securends .se-direct-elections-page .nestedGroupTable .rt-expander.-open:after,
.securends .se-direct-elections-page .se-nested-election-table .rt-expander.-open:after,
.securends .se-direct-elections-page .directTreetableData .rt-expander.-open:after {
  /* open: point down — no rotate (avoids clip) */
  border-width: 7px 5px 0 5px !important;
  border-color: var(--se-ink-2, #475569) transparent transparent transparent !important;
  transform: translate(-50%, -35%) !important;
}

/* Application pivot row: ensure expander caret shows before app name */
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 0 !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot .rt-expander {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  order: 0;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot .se-election-pivot-label,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot .se-election-pivot-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  order: 1;
  overflow: visible !important;
}

/*
  Application = level-1 caret (pivot). Credential is not a tree level —
  hide only the expander inside the Credential row (not nested entitlement carets).
  Placed after the global .rt-expander { display:inline-block } so it wins.
*/
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr.se-election-credential-row>.rt-td .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr:has(> .rt-td .se-election-kind--credential)>.rt-td .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr:has(> .rt-td .se-election-kind-row--credential)>.rt-td .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr:has(> .rt-td .se-election-kind--credential)>.rt-td .rt-expander:after,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr.se-election-credential-row>.rt-td .rt-expander:after {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 0 0 0 !important;
  border: none !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr.se-election-credential-row>.rt-td.rt-expandable,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr:has(> .rt-td .se-election-kind--credential)>.rt-td.rt-expandable {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

/* Application (ERP Roles) caret — visible triangle on the pivot label; native
   .rt-expander stays as an invisible click target on top of it. */
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot {
  position: relative !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr:has(> .rt-td.rt-pivot)>.rt-td.rt-pivot>.rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot>.rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot>.rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot .rt-expander {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 0 !important;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 0 0 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
  order: 0 !important;
  z-index: 3 !important;
  position: absolute !important;
  left: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot>.rt-expander:after,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-expandable.rt-pivot>.rt-expander:after,
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-td.rt-pivot .rt-expander:after {
  content: none !important;
  display: none !important;
}

.securends .se-direct-elections-page .selectTreeTable .se-election-app-caret {
  display: inline-block !important;
  visibility: visible !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 8px 0 4px !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  border-style: solid !important;
  border-width: 5px 0 5px 7px !important;
  border-color: transparent transparent transparent var(--se-ink-2, #475569) !important;
}

.securends .se-direct-elections-page .selectTreeTable .se-election-pivot-label.is-open .se-election-app-caret {
  border-width: 7px 5px 0 5px !important;
  border-color: var(--se-ink-2, #475569) transparent transparent transparent !important;
}

/*
  Nested entitlement tables — old-UI "step" hierarchy:
  - Modest left pad per nest level (step, not a wide gutter).
  - Expander stays narrow (never flex:1 — that pushed labels into DESCRIPTION).
  - Label cell stays under APPLICATION (~parent Application width).
  - Actions pinned under parent ACTION (280px).
  - Full-width row dividers across the empty Description/Status band.
*/
.securends .se-direct-elections-page .se-nested-election-wrap {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  border: none !important;
  border-top: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-nested-election-wrap.se-nested-election-wrap--l2,
.securends .se-direct-elections-page .se-nested-election-wrap .se-nested-election-wrap {
  padding: 0 !important;
  border-top: none !important;
}

/*
  Nested SubComponent must NOT reuse .se-election-table-scroll (600px max-height
  + overflow-y:auto) — that created the inner scrollbar on nested entitlements.
*/
.securends .se-direct-elections-page .se-nested-election-scroll,
.securends .se-direct-elections-page .se-nested-election-wrap .se-election-table-scroll,
.securends .se-direct-elections-page .se-nested-election-wrap .react-table-horizontal-scroll,
.securends .se-direct-elections-page .se-nested-election-wrap .revoke-scroll-container {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  position: static !important;
  isolation: auto !important;
  scrollbar-width: none !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable.ReactTable,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table.ReactTable,
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table,
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable,
.securends .se-direct-elections-page .se-nested-election-wrap .ReactTable {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
  margin: 0 !important;
  overflow: visible !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-table,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-table,
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-table,
.securends .se-direct-elections-page .se-nested-election-wrap .ReactTable .rt-table,
.securends .se-direct-elections-page .se-nested-election-wrap .ReactTable .rt-tbody {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-thead,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-thead {
  display: none !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-tr,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-tr,
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-direct-elections-page .se-nested-election-wrap .ReactTable .rt-tbody .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  align-items: center !important;
  border-bottom: 1px solid var(--se-table-line, #e2e8f0) !important;
}

/*
  Full-width nested dividers via rt-tr and rt-tr-group (spans empty Description/Status band).
*/
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-tr-group,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-tr-group,
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-tr-group,
.securends .se-direct-elections-page .se-nested-election-wrap .ReactTable .rt-tbody .rt-tr-group {
  border-bottom: 1px solid var(--se-table-line, #e2e8f0) !important;
}

/* Beat parent table "nth-child flex grow" on nested rows; keep rows compact */
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-td,
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-td,
.securends .se-direct-elections-page .se-nested-election-wrap .ReactTable .rt-tbody .rt-td {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 32px !important;
  height: auto !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
  border-bottom: none !important;
}

/*
  Expander column: step-indented (starts at 36px so caret is clearly nested).
*/
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td.rt-expandable,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-td.rt-expandable,
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td:first-child:has(.rt-expander),
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-td:first-child:has(.rt-expander),
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-td.rt-expandable,
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-td:first-child:has(.rt-expander) {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  padding-left: 36px !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Level 2 expander column: further indented */
.securends .se-direct-elections-page .se-nested-election-table--l2 .rt-tbody .rt-td.rt-expandable,
.securends .se-direct-elections-page .se-nested-election-table--l2 .rt-tbody .rt-td:first-child:has(.rt-expander) {
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  padding-left: 60px !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Label stays in APPLICATION band */
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td:has(.se-election-kind-row),
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-td:has(.se-election-kind-row),
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-td:has(.se-election-kind-row) {
  flex: 1 1 auto !important;
  min-width: 160px !important;
  max-width: 400px !important;
  padding-left: 2px !important;
  padding-right: 4px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Leaf nested rows (no expander column): pad 52px to align key icon with Sales Computers */
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-tr:not(:has(> .rt-expandable))>.rt-td:first-child:has(.se-election-kind-row),
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table:not(.se-nested-election-table--l2) .rt-tbody .rt-tr:not(:has(> .rt-expandable))>.rt-td:first-child:has(.se-election-kind-row),
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable:not(.se-nested-election-table--l2) .rt-tbody .rt-tr:not(:has(> .rt-expandable))>.rt-td:first-child:has(.se-election-kind-row) {
  flex: 1 1 auto !important;
  min-width: 212px !important;
  max-width: 452px !important;
  padding-left: 52px !important;
  box-sizing: border-box !important;
}

/* Level 2 leaf rows: pad 76px */
.securends .se-direct-elections-page .se-nested-election-table--l2 .rt-tbody .rt-tr:not(:has(> .rt-expandable))>.rt-td:first-child:has(.se-election-kind-row) {
  padding-left: 76px !important;
  box-sizing: border-box !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-td:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td:has(.nestedElections),
.securends .se-direct-elections-page .se-election-table-scroll .nestedGroupTable .rt-tbody .rt-td:has(.nestedSubGroupElections),
.securends .se-direct-elections-page .se-election-table-scroll .se-nested-election-table .rt-tbody .rt-td:has(.s-btns),
.securends .se-direct-elections-page .se-nested-election-scroll .ReactTable .rt-tbody .rt-td:last-child {
  flex: 0 0 280px !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
  margin-left: auto !important;
  justify-content: flex-start !important;
  align-items: center !important;
  overflow: visible !important;
  position: static !important;
  right: auto !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

.securends .se-direct-elections-page .nestedElections,
.securends .se-direct-elections-page .nestedSubGroupElections {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-content: flex-start !important;
}

/*
  Nested entitlement tree (Credential → Entitlement parent → Entitlement child).
  Beat descendant .selectTreeTable / hideDirectTable rules that flattened L1/L2
  SubComponent rows to the same indent as Credential and hid child tables.
*/
.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr-group,
.securends .se-direct-elections-page .nestedGroupTable .rt-tbody .rt-tr-group,
.securends .se-direct-elections-page .se-nested-election-table .rt-tbody .rt-tr-group {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: visible !important;
  height: auto !important;
  max-height: none !important;
}

.securends .se-direct-elections-page .selectTreeTable .se-nested-election-wrap,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-wrap--l2,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-scroll,
.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table {
  display: block !important;
  visibility: visible !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tbody .rt-tr,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table .rt-tbody .rt-tr,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table--l2 .rt-tbody .rt-tr {
  display: flex !important;
  visibility: visible !important;
  width: 100% !important;
}

.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .nestedGroupTable .rt-tbody .rt-td,
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .se-nested-election-table .rt-tbody .rt-td,
.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tbody .rt-td,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table .rt-tbody .rt-td,
.securends .se-direct-elections-page .hideDirectTable .nestedGroupTable .rt-tbody .rt-td:nth-child(2),
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .nestedGroupTable .rt-tbody .rt-td:nth-child(2),
.securends .se-direct-elections-page .selectTreeTable.hideDirectTable .se-nested-election-table .rt-tbody .rt-td:nth-child(2) {
  display: flex !important;
  visibility: visible !important;
  overflow: visible !important;
  pointer-events: auto !important;
}

/* L1 Entitlement parent: same band as Credential; caret only when children exist */
.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td.rt-expandable:has(.rt-expander),
.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td:first-child:has(.rt-expander),
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table:not(.se-nested-election-table--l2) .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td.rt-expandable:has(.rt-expander) {
  display: flex !important;
  flex: 0 0 44px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding-left: 28px !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

/* L2 Entitlement child: further indent under parent entitlement */
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table--l2 .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td.rt-expandable:has(.rt-expander),
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table--l2 .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td:first-child:has(.rt-expander) {
  display: flex !important;
  flex: 0 0 76px !important;
  width: 76px !important;
  min-width: 76px !important;
  max-width: 76px !important;
  padding-left: 60px !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table--l2 .rt-tbody .rt-tr:not(:has(> .rt-expandable))>.rt-td:first-child:has(.se-election-kind-row) {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 212px !important;
  max-width: 452px !important;
  padding-left: 76px !important;
  box-sizing: border-box !important;
}

.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td:has(.se-election-kind-row),
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table .rt-tbody .rt-tr:not(:has(> .rt-pivot))>.rt-td:has(.se-election-kind-row) {
  display: flex !important;
  visibility: visible !important;
  flex: 1 1 auto !important;
  min-width: 160px !important;
  max-width: 400px !important;
  padding-left: 2px !important;
}

.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tr.se-nested-leaf>.rt-td.rt-expandable .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table .rt-tr.se-nested-leaf>.rt-td.rt-expandable .rt-expander,
.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tr.se-nested-leaf>.rt-td.rt-expandable .rt-expander:after,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table .rt-tr.se-nested-leaf>.rt-td.rt-expandable .rt-expander:after {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  content: none !important;
  border: none !important;
}

.securends .se-direct-elections-page .nestedGroupTable .rt-noData,
.securends .se-direct-elections-page .se-nested-election-table .rt-noData,
.securends .se-direct-elections-page .se-nested-election-wrap .rt-noData,
.securends .se-direct-elections-page .se-nested-election-wrap .noDataComponent {
  display: none !important;
}

/* Leaf entitlement parents (no children): align with Credential, no caret */
.securends .se-direct-elections-page .selectTreeTable .nestedGroupTable .rt-tr.se-nested-leaf>.rt-td.rt-expandable,
.securends .se-direct-elections-page .selectTreeTable .se-nested-election-table:not(.se-nested-election-table--l2) .rt-tr.se-nested-leaf>.rt-td.rt-expandable {
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding-left: 28px !important;
}

/* Entire election row highlights when hovering Approve / Revoke (sticky ACTION included). */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover>.rt-td:last-child,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover>.rt-td:last-child,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:hover>.rt-td:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.s-btns:hover)>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.s-btns:hover)>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.s-btns:hover)>.rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.s-btns-all:hover)>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.s-btns-all:hover)>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.s-btns-all:hover)>.rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.flipswitch:hover)>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.flipswitch:hover)>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.flipswitch:hover)>.rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.flipswitch-red:hover)>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.flipswitch-red:hover)>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.flipswitch-red:hover)>.rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.revoke-action-button:hover)>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.revoke-action-button:hover)>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.revoke-action-button:hover)>.rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.revoke-action-wrapper:hover)>.rt-td,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.revoke-action-wrapper:hover)>.rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr:has(.revoke-action-wrapper:hover)>.rt-td {
  background: var(--se-table-hover) !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tr-group,
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tbody,
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tr {
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all {
  min-width: 0;
  max-width: 100% !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center;
  overflow: visible !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .s-btns,
.securends .se-endpoint-elections-page .se-election-table-scroll .s-btns,
.securends .se-entitlement-elections-page .se-election-table-scroll .s-btns-all,
.securends .se-endpoint-elections-page .se-election-table-scroll .s-btns-all {
  min-width: max-content;
  max-width: none !important;
  flex-wrap: nowrap !important;
  align-items: center;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns) {
  align-items: center !important;
  vertical-align: middle;
}

/*
  Many dynamic columns: allow the row to grow past the viewport and scroll.
  Entitlement/Endpoint keep soft shared flex floors.
  DirectElectionsTable is handled below — !important flex locks break
  header/body sync and block ReactTable .rt-resizer (Application expand).
*/
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-tbody .rt-tr {
  min-width: max(100%, max-content);
}

.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-th,
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-th,
.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td,
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td {
  flex: 1 0 120px !important;
  min-width: 120px !important;
}

.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td:last-child,
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td:last-child,
.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-entitlement-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all),
.securends .se-endpoint-elections-page.dynamic-entitlement-columns .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all) {
  flex: 0 0 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

/*
  Direct Elections + dynamic columns:
  - Do NOT lock flex/width with !important (beats resize + header/body sync).
  - Floor min-widths only; ReactTable inline sizes keep header/filter/body aligned.
  - Keep hidden first pivot slot out of layout on header, filter, and body.
*/
.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-thead.-header .rt-th:first-child,
.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-thead.-filters .rt-th:first-child,
html[data-se-theme] .securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-thead.-filters .rt-th:first-child,
.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-tbody .rt-td:first-child {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-th:not(:first-child):not(.-hidden):not(.hidden),
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-td:not(:first-child):not(.-hidden):not(.hidden) {
  /* Soft floors only — ReactTable inline flex/width keep header/body in sync */
  min-width: 120px;
  max-width: none;
  box-sizing: border-box;
}

.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-th:nth-child(2),
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-td:nth-child(2) {
  min-width: 180px;
}

.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-th:last-child,
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-td:last-child,
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-td:has(.s-btns),
.securends .se-direct-elections-page.dynamic-entitlement-columns .se-election-table-scroll .DirectElectionsTable .rt-td:has(.s-btns-all) {
  flex: 0 0 280px !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-thead .rt-tr,
.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-tbody .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box;
}

.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-thead.-header .rt-th {
  position: relative !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page.dynamic-entitlement-columns .DirectElectionsTable .rt-thead.-header .rt-th .rt-resizer {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 12px !important;
  z-index: 20 !important;
  cursor: col-resize !important;
}

/* Header sticks inside the scroll wrapper only (not the page at 256px) */
.securends .se-direct-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-header,
.securends .se-entitlement-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-header,
.securends .se-endpoint-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-header,
.securends .se-direct-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData.ReactTable.selectTreeTable .rt-thead.-header,
.securends .se-entitlement-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData.ReactTable.selectTreeTable .rt-thead.-header,
.securends .se-endpoint-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData.ReactTable.selectTreeTable .rt-thead.-header,
.securends .se-direct-elections-page.managerElectionsContent.dynamic-entitlement-columns .directTreetableData .rt-thead.-header,
.securends .se-entitlement-elections-page.managerElectionsContent.dynamic-entitlement-columns .directTreetableData .rt-thead.-header,
.securends .se-endpoint-elections-page.managerElectionsContent.dynamic-entitlement-columns .directTreetableData .rt-thead.-header,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header,
.securends .se-direct-elections-page .se-election-table-scroll .directTreetableData .rt-thead.-header,
.securends .se-entitlement-elections-page .se-election-table-scroll .directTreetableData .rt-thead.-header,
.securends .se-endpoint-elections-page .se-election-table-scroll .directTreetableData .rt-thead.-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  background: var(--se-table-header-bg, var(--se-page)) !important;
}

.securends .se-direct-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-filters,
.securends .se-entitlement-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-filters,
.securends .se-endpoint-elections-page.managerElectionsContent.static-entitlement-columns .directTreetableData .rt-thead.-filters,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters,
.securends .se-direct-elections-page .se-election-table-scroll .directTreetableData .rt-thead.-filters,
.securends .se-entitlement-elections-page .se-election-table-scroll .directTreetableData .rt-thead.-filters,
.securends .se-endpoint-elections-page .se-election-table-scroll .directTreetableData .rt-thead.-filters {
  position: sticky !important;
  top: var(--se-table-colhead) !important;
  z-index: 5 !important;
  background: var(--se-card) !important;
}

/* Nested-type campaigns: no column search row (classic nested tree has none).
   Keep existing nested column layout; only collapse the filter band. */
.securends .se-direct-elections-page.se-nested-campaign .se-election-table-scroll .ReactTable .rt-thead.-filters,
.securends .se-direct-elections-page.se-nested-campaign .directTreetableData .rt-thead.-filters,
.securends .se-direct-elections-page .selectTreeTable .rt-thead.-filters {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  pointer-events: none !important;
}

.securends .se-direct-elections-page .selectTreeTable .rt-tbody .rt-tr-group:first-child>.rt-tr:first-child>.rt-td {
  padding-top: 6px !important;
}

/* --------------------------------------------------------------------------
   Application / Credential / Entitlement labels — icons + theme tokens
   -------------------------------------------------------------------------- */
.securends .se-direct-elections-page .se-election-app,
.securends .se-entitlement-elections-page .se-election-app,
.securends .se-endpoint-elections-page .se-election-app {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  vertical-align: middle;
}

.securends .se-direct-elections-page .se-election-app-icon,
.securends .se-entitlement-elections-page .se-election-app-icon,
.securends .se-endpoint-elections-page .se-election-app-icon {
  flex: 0 0 auto;
  color: var(--se-brand) !important;
  font-size: 14px;
  line-height: 1;
}

.securends .se-direct-elections-page .se-election-app-name,
.securends .se-entitlement-elections-page .se-election-app-name,
.securends .se-endpoint-elections-page .se-election-app-name {
  font-weight: 600;
  color: var(--se-ink);
  word-break: break-word;
}

.securends .se-direct-elections-page .se-election-kind-row,
.securends .se-entitlement-elections-page .se-election-kind-row,
.securends .se-endpoint-elections-page .se-election-kind-row {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  min-width: 0;
  max-width: 100%;
  width: 100%;
  line-height: 1.45;
  white-space: nowrap;
}

.securends .se-direct-elections-page .se-election-kind,
.securends .se-entitlement-elections-page .se-election-kind,
.securends .se-endpoint-elections-page .se-election-kind {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-right: 0;
  flex: 0 0 auto;
  vertical-align: middle;
}

.securends .se-direct-elections-page .se-election-kind-icon,
.securends .se-entitlement-elections-page .se-election-kind-icon,
.securends .se-endpoint-elections-page .se-election-kind-icon {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 1;
}

.securends .se-direct-elections-page .se-election-kind-label,
.securends .se-entitlement-elections-page .se-election-kind-label,
.securends .se-endpoint-elections-page .se-election-kind-label {
  font-weight: 700;
  font-size: 13px;
  white-space: nowrap;
}

.securends .se-direct-elections-page .se-election-kind-value,
.securends .se-entitlement-elections-page .se-election-kind-value,
.securends .se-endpoint-elections-page .se-election-kind-value {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: var(--se-ink);
  font-size: 13px;
  font-weight: 500;
  word-break: normal !important;
  white-space: nowrap !important;
}

.securends .se-direct-elections-page .se-election-kind-value-text,
.securends .se-entitlement-elections-page .se-election-kind-value-text,
.securends .se-endpoint-elections-page .se-election-kind-value-text {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Clip long entitlement/credential values inside the cell; allow stacked kind rows.
   Keep overflow visible when an expander caret is present (open caret was clipped). */
.securends .se-direct-elections-page .ReactTable .rt-td:has(.se-election-kind-row):not(:has(.rt-expander)),
.securends .se-entitlement-elections-page .ReactTable .rt-td:has(.se-election-kind-row),
.securends .se-endpoint-elections-page .ReactTable .rt-td:has(.se-election-kind-row),
.securends .se-direct-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row):not(:has(.rt-expander)),
.securends .se-entitlement-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row),
.securends .se-endpoint-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row) {
  overflow: hidden !important;
  word-break: normal !important;
}

.securends .se-direct-elections-page .ReactTable .rt-td:has(.se-election-kind-row):has(.rt-expander),
.securends .se-direct-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row):has(.rt-expander),
.securends .se-direct-elections-page .selectTreeTable .rt-td:has(.rt-expander),
.securends .se-direct-elections-page .nestedGroupTable .rt-td:has(.rt-expander) {
  overflow: visible !important;
  word-break: normal !important;
}

.securends .se-direct-elections-page .ReactTable .rt-td:has(.se-election-kind-row) .se-election-kind-row,
.securends .se-entitlement-elections-page .ReactTable .rt-td:has(.se-election-kind-row) .se-election-kind-row,
.securends .se-endpoint-elections-page .ReactTable .rt-td:has(.se-election-kind-row) .se-election-kind-row,
.securends .se-direct-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row) .se-election-kind-row,
.securends .se-entitlement-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row) .se-election-kind-row,
.securends .se-endpoint-elections-page .DirectElectionsTable .rt-td:has(.se-election-kind-row) .se-election-kind-row {
  max-width: 100%;
}

.securends .se-direct-elections-page .se-election-kind--entitlement .se-election-kind-icon,
.securends .se-entitlement-elections-page .se-election-kind--entitlement .se-election-kind-icon,
.securends .se-endpoint-elections-page .se-election-kind--entitlement .se-election-kind-icon,
.securends .se-direct-elections-page .se-election-kind--entitlement .se-election-kind-label,
.securends .se-entitlement-elections-page .se-election-kind--entitlement .se-election-kind-label,
.securends .se-endpoint-elections-page .se-election-kind--entitlement .se-election-kind-label {
  color: var(--se-brand) !important;
}

.securends .se-direct-elections-page .se-election-kind--credential .se-election-kind-icon,
.securends .se-entitlement-elections-page .se-election-kind--credential .se-election-kind-icon,
.securends .se-endpoint-elections-page .se-election-kind--credential .se-election-kind-icon,
.securends .se-direct-elections-page .se-election-kind--credential .se-election-kind-label,
.securends .se-entitlement-elections-page .se-election-kind--credential .se-election-kind-label,
.securends .se-endpoint-elections-page .se-election-kind--credential .se-election-kind-label {
  color: var(--se-ok) !important;
}

.securends .se-direct-elections-page .se-election-kind--group .se-election-kind-icon,
.securends .se-entitlement-elections-page .se-election-kind--group .se-election-kind-icon,
.securends .se-endpoint-elections-page .se-election-kind--group .se-election-kind-icon,
.securends .se-direct-elections-page .se-election-kind--group .se-election-kind-label,
.securends .se-entitlement-elections-page .se-election-kind--group .se-election-kind-label,
.securends .se-endpoint-elections-page .se-election-kind--group .se-election-kind-label {
  color: var(--se-warn) !important;
}

.securends .se-direct-elections-page .se-election-kind--subgroup .se-election-kind-icon,
.securends .se-entitlement-elections-page .se-election-kind--subgroup .se-election-kind-icon,
.securends .se-endpoint-elections-page .se-election-kind--subgroup .se-election-kind-icon,
.securends .se-direct-elections-page .se-election-kind--subgroup .se-election-kind-label,
.securends .se-entitlement-elections-page .se-election-kind--subgroup .se-election-kind-label,
.securends .se-endpoint-elections-page .se-election-kind--subgroup .se-election-kind-label {
  color: var(--se-ok) !important;
}

.securends .se-direct-elections-page .se-election-kind-row--indent-1 {
  margin-left: 12px;
}

.securends .se-entitlement-elections-page .se-election-kind-row--indent-1,
.securends .se-endpoint-elections-page .se-election-kind-row--indent-1 {
  margin-left: 20px;
}

.securends .se-direct-elections-page .se-election-kind-row--indent-2 {
  margin-left: 24px;
}

.securends .se-entitlement-elections-page .se-election-kind-row--indent-2,
.securends .se-endpoint-elections-page .se-election-kind-row--indent-2 {
  margin-left: 50px;
}

.securends .se-direct-elections-page .se-election-kind-row--indent-3 {
  margin-left: 36px;
}

.securends .se-entitlement-elections-page .se-election-kind-row--indent-3,
.securends .se-endpoint-elections-page .se-election-kind-row--indent-3 {
  margin-left: 70px;
}

.securends .se-direct-elections-page .se-election-kind-row--indent-4 {
  margin-left: 48px;
}

.securends .se-entitlement-elections-page .se-election-kind-row--indent-4,
.securends .se-endpoint-elections-page .se-election-kind-row--indent-4 {
  margin-left: 90px;
}

/* --------------------------------------------------------------------------
   Review All Manager Elections — /viewAllManagerElections
   Container: viewAllDirectElections.js · wrapper .se-view-all-elections-page
   Keep #approveAll #revokeAll #clearAll #saveElection #cancelElections
   #allFilter #endpoint flipswitch / Multiselect / MultiSelectDropdown.
   Do not invent 3-dots. Do not start *SOD unless named.
   -------------------------------------------------------------------------- */

/* Pull page content tight under the sticky breadcrumb */
.securends .main-content:has(.se-view-all-elections-page) {
  padding-top: var(--se-page-pad-top, 5px) !important;
}

.securends .se-view-all-elections-page.reviewAllElectionsScr,
.securends .se-view-all-elections-page.viewAllElections {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.securends .se-view-all-elections-page .se-campaign-uar-toolbar.se-election-sticky-toolbar,
.securends .se-view-all-elections-page .se-election-sticky-toolbar {
  position: sticky !important;
  top: var(--se-sticky-top, calc(var(--se-app-header) + var(--se-breadcrumb-h, 32px))) !important;
  z-index: 40 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0 0 10px !important;
  padding: 10px 16px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
}

.securends .se-view-all-elections-page .se-campaign-uar-toolbar>h2.o-form-title-bar,
.securends .se-view-all-elections-page .se-election-sticky-toolbar>h2.o-form-title-bar {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  display: block !important;
}

.securends .se-view-all-elections-page .se-view-all-title {
  flex: 1 1 auto;
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

.securends .se-view-all-elections-page .se-campaign-uar-actions,
.securends .se-view-all-elections-page .se-campaign-uar-actions .election-nav-button,
.securends .se-view-all-elections-page .se-campaign-uar-actions .nav-button {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  margin-left: auto !important;
  float: none !important;
  position: static !important;
}

.securends .se-view-all-elections-page .se-view-all-header-actions,
.securends .se-view-all-elections-page .approveAndRevokeButton.se-view-all-header-actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px !important;
  padding: 10px 16px;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
}

/* Filters: one horizontal row, labels + controls vertically centered */
.securends .se-view-all-elections-page .se-view-all-filters.se-campaign-uar-filters,
.securends .se-view-all-elections-page .electionFilter.row.se-view-all-filters {
  position: sticky !important;
  top: calc(var(--se-sticky-top, calc(var(--se-app-header) + var(--se-breadcrumb-h, 32px))) + 52px) !important;
  z-index: 40 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 16px 20px !important;
  margin: 0 0 10px !important;
  padding: 10px 16px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  height: auto !important;
  overflow: visible !important;
}

.securends .se-view-all-elections-page .se-view-all-filters.row>*,
.securends .se-view-all-elections-page .se-view-all-filters>* {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

.securends .se-view-all-elections-page .se-view-all-filters .viewAllFilterData,
.securends .se-view-all-elections-page .se-view-all-filters .reviewAllApplicationFilterData,
.securends .se-view-all-elections-page .se-view-all-filters .se-view-all-app-filter {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  position: static !important;
  height: auto !important;
  min-height: 32px !important;
}

.securends .se-view-all-elections-page .se-view-all-filters .viewAllFilterData label,
.securends .se-view-all-elections-page .se-view-all-filters .reviewAllApplicationFilterData label,
.securends .se-view-all-elections-page .se-view-all-filters .se-view-all-app-filter label,
.securends .se-view-all-elections-page .se-view-all-filters .se-view-all-app-filter {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  vertical-align: middle !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 32px !important;
  font-weight: 600 !important;
}

.securends .se-view-all-elections-page .se-view-all-filters .viewAllFilterData span,
.securends .se-view-all-elections-page .se-view-all-filters .se-view-all-app-filter>span,
.securends .se-view-all-elections-page .se-view-all-filters .viewAllFilterData label>span,
.securends .se-view-all-elections-page .se-view-all-filters .reviewAllApplicationFilterData label>span,
.securends .se-view-all-elections-page .se-view-all-filters .se-view-all-app-filter label>span {
  position: static !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 32px !important;
  height: 32px !important;
  color: var(--se-ink-2) !important;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center !important;
}

.securends .se-view-all-elections-page .se-view-all-filters .small-multiselect {
  width: 200px !important;
  min-width: 180px;
  max-width: 220px;
  margin: 0 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
}

.securends .se-view-all-elections-page .se-view-all-filters .small-multiselect .btn-group,
.securends .se-view-all-elections-page .se-view-all-filters .small-multiselect .multiselect-native-select,
.securends .se-view-all-elections-page .se-view-all-filters .small-multiselect button.multiselect,
.securends .se-view-all-elections-page .se-view-all-filters .reviewAllApplicationFilterData .multiselect-native-select,
.securends .se-view-all-elections-page .reviewAllApplicationFilterData .multiselect-native-select {
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  margin: 0 !important;
  margin-top: 0 !important;
  position: relative !important;
  top: auto !important;
}

.securends .se-view-all-elections-page .se-view-all-filters .direct-multiselect,
.securends .se-view-all-elections-page .se-view-all-filters .se-view-all-column-picker {
  margin-left: auto !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 240px !important;
  min-width: 200px;
  max-width: 280px;
  flex: 0 0 240px !important;
  float: none !important;
  position: static !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.securends .se-view-all-elections-page .dt-form.se-campaign-uar-table-wrap,
.securends .se-view-all-elections-page .entCustReactTable {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0;
  overflow: hidden !important;
}

/*
  Freeze thead inside the table scroller.
  Beat pickels: .viewAll-scroll { overflow: visible }, thead top: 155px / 193px.
*/
.securends .se-view-all-elections-page .se-election-table-scroll,
.securends .se-view-all-elections-page .viewAll-scroll.se-election-table-scroll,
.securends .se-view-all-elections-page.reviewAllElectionsScr .viewAll-scroll,
.securends .se-view-all-elections-page.reviewAllElectionsScr:not(.dynamic-entitlement-columns-enabled) .viewAll-scroll {
  width: 100% !important;
  max-width: 100% !important;
  max-height: var(--se-table-max-h, 600px) !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  position: relative !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  background: var(--se-card);
  scrollbar-width: thin;
  scrollbar-color: var(--se-nav-scroll-thumb, #94a3b8) var(--se-page);
}

.securends .se-view-all-elections-page .viewAllDirectElectionsTbl,
.securends .se-view-all-elections-page .viewAllDirectElectionsTblData {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.securends .se-view-all-elections-page .viewAllDirectElectionsTbl .ReactTable,
.securends .se-view-all-elections-page .viewAllElectionsTable {
  width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  margin-top: 0 !important;
}

.securends .se-view-all-elections-page .se-election-table-scroll .ReactTable .rt-table,
.securends .se-view-all-elections-page .viewAllDirectElectionsTbl .ReactTable .rt-table {
  max-height: none !important;
  /* Keep overflow on the outer .viewAll-scroll scroller so .rt-resizer can
     change column widths without group labels painting over data rows. */
  overflow: visible !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header .rt-th:not(.-hidden):not(.hidden) {
  position: relative !important;
  overflow: visible !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header .rt-th .rt-resizer {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  width: 10px !important;
  height: 100% !important;
  cursor: col-resize !important;
  pointer-events: auto !important;
  z-index: 20 !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header,
.securends .se-view-all-elections-page.reviewAllElectionsScr .viewAllElectionsTable .rt-thead.-header,
.securends .se-view-all-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header,
.securends .se-view-all-elections-page.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllElectionsTable .rt-thead.-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  background: var(--se-table-header-bg, var(--se-page)) !important;
  box-shadow: 0 1px 0 var(--se-table-line, var(--se-line));
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-filters,
.securends .se-view-all-elections-page.reviewAllElectionsScr .viewAllElectionsTable .rt-thead.-filters,
.securends .se-view-all-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters,
.securends .se-view-all-elections-page.reviewAllElectionsScr.dynamic-entitlement-columns-enabled .viewAllElectionsTable .rt-thead.-filters {
  position: sticky !important;
  top: var(--se-table-colhead, 36px) !important;
  z-index: 5 !important;
  background: var(--se-card) !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header .rt-th,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-filters .rt-th {
  background: inherit !important;
}

.securends .se-view-all-elections-page .ReactTable .rt-tbody .rt-td:has(.flipswitch),
.securends .se-view-all-elections-page .ReactTable .rt-tbody .rt-td:has(.s-btns) {
  overflow: visible !important;
}

/*
  Review All pivot rows — old UI: expander + left-aligned
  "Election Type" / "Application" / "Entitlement". Never show D(1)/E(1)/EP(1).
*/
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead .rt-th.-hidden,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead .rt-th.hidden,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-th.rt-resizable-header.-hidden,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.-hidden:not(.rt-expandable):not(.rt-pivot),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.hidden:not(.rt-expandable):not(.rt-pivot) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  position: static !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

/* The three pivot slots (etype / endpoint / eCN, see pivotBy in
   viewAllDirectElections.js) are `-hidden` in the header row but not in the filter
   row, where react-table renders them as plain empty cells. Left in the layout they
   shifted the CREDENTIAL / FIRST NAME / LAST NAME boxes two columns right and, since
   react-table's inline flex-grow is proportional to each column's width, shrank
   every filter cell. `:not(:has(input))` keeps a real filter box from ever being
   collapsed if the pivot list changes. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-filters .rt-tr>.rt-th:nth-child(-n + 3):not(:has(input)):not(:has(select)) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Floor only — do not lock flex/width/max-width with !important.
   ReactTable .rt-resizer writes inline sizes; !important max-width made
   columns undraggable and shoved Election Type / Application Name off their
   pivot rows. Header / filter / body stay aligned because resize sets the
   same inline width on all three. */
.securends .se-view-all-elections-page .viewAllElectionsTable {
  --se-vae-col-w: 160px;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header .rt-th:not(.-hidden):not(.hidden):not(.se-vae-col-action):not(.se-vae-col-approve):not(.se-vae-col-revoke),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-filters .rt-tr>.rt-th:not(:nth-child(-n + 3)):not(.se-vae-col-action):not(.se-vae-col-approve):not(.se-vae-col-revoke),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:not(:has(> .rt-expandable)):not(:has(> .rt-pivot))>.rt-td:not(.hidden):not(.-hidden):not(.se-vae-col-action):not(.se-vae-col-approve):not(.se-vae-col-revoke) {
  min-width: var(--se-vae-col-w);
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:not(:has(> .rt-expandable)):not(:has(> .rt-pivot))>.rt-td:not(.hidden):not(.-hidden):not(.se-vae-col-action):not(.se-vae-col-approve):not(.se-vae-col-revoke) {
  overflow: hidden;
}

/* Keep the column-picker corner off the last label (tables.css reserves this room,
   and the shared width rule above would otherwise drop it). */
.securends .se-rt-colcfg-host.has-colcfg .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header .rt-th:last-child,
.securends .se-rt-colcfg-host.has-colcfg .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-filters .rt-th:last-child,
.securends .se-view-all-elections-page .se-rt-colcfg-host.has-colcfg .viewAllElectionsTable .rt-thead.-header .rt-th:last-child,
.securends .se-view-all-elections-page .se-rt-colcfg-host.has-colcfg .viewAllElectionsTable .rt-thead.-filters .rt-th:last-child {
  padding-right: 44px !important;
}

/* react-table sizes the head/body to an inline `min-width` it computes from each
   column's own width (100px here), so with the shared width above the cells now reach
   further right than that. The group rows ("Election Type", "Application Name") are
   one stretched cell, so their background and border stopped at the old width and the
   scrolled-in part of those rows lost its shading. Sizing the containers to the real
   content keeps every row, and its background, the full width of the table. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-table,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody {
  width: max-content !important;
  min-width: 100% !important;
  max-width: none !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead .rt-tr,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr-group,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr {
  width: 100% !important;
  min-width: 100% !important;
}

/* A label longer than the shared width ends in an ellipsis rather than a cut letter. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-thead.-header .rt-th .view-column-title {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.rt-expandable)>.rt-td:not(.rt-expandable):not(.rt-pivot),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.rt-pivot)>.rt-td:not(.rt-expandable):not(.rt-pivot) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Empty Application cells on Entitlement rows steal flex and push the label right.
   Beat the later .viewAllAppRow { display:flex; flex:1 } show rule. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot:not(:has(.viewAllElections_ecn)):not(:has(b)),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow:not(:has(b)),
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow:not(:has(b)),
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(.viewAllElections_ecn)>.rt-td.viewAllAppRow {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* etype group cell: expander only — hide default "D (1)" / "E (1)" / "EP (1)".
   Only real group expanders get the 28px gutter. Empty leaf-row placeholders
   must stay collapsed or header/body columns drift apart. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.rt-expandable:has(.rt-expander):not(.viewAllAppRow):not(.viewAllEcnPivot),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.rt-pivot:has(.rt-expander):not(.viewAllAppRow):not(.viewAllEcnPivot) {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 28px !important;
  width: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  padding: 8px 0 8px 10px !important;
  overflow: hidden !important;
  background: var(--se-page) !important;
  border-bottom: 1px solid var(--se-line) !important;
  visibility: visible !important;
}

/* Leaf data rows: collapse empty pivot/expander placeholders (header already uses .-hidden → 0). */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.se-vae-col-action)>.rt-td.rt-expandable:not(:has(.rt-expander)):not(.viewAllAppRow):not(.viewAllEcnPivot),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.se-vae-col-action)>.rt-td.rt-pivot:not(:has(.rt-expander)):not(.viewAllAppRow):not(.viewAllEcnPivot),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.se-vae-col-action)>.rt-td.-hidden,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.se-vae-col-action)>.rt-td.hidden,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.se-vae-col-action)>.rt-td.viewAllAppRow:not(:has(b)),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.se-vae-col-action)>.rt-td.viewAllEcnPivot:not(:has(.viewAllElections_ecn)):not(:has(b)) {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
  visibility: hidden !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.rt-expandable:has(.rt-expander):not(.viewAllAppRow):not(.viewAllEcnPivot)>span:not(.rt-expander),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.rt-pivot:has(.rt-expander):not(.viewAllAppRow):not(.viewAllEcnPivot)>span:not(.rt-expander),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.rt-expandable:has(.rt-expander):not(.viewAllAppRow):not(.viewAllEcnPivot)>div {
  display: none !important;
}

/* Election Type / Application / Entitlement — own group rows, always visible.
   After a header drag ReactTable writes a small inline width on these pivot
   cells; beat that so the labels stay full-width in-flow (not clipped, not
   overlaying data). Do not lock DATA column flex — that is what .rt-resizer sets. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.viewAllAppRow.rt-expandable.rt-pivot,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.viewAllEcnPivot.rt-expandable.rt-pivot,
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow,
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot,
.securends .se-view-all-elections-page .viewAllElectionsTable.rt-resizing .rt-tbody .rt-td.viewAllAppRow,
.securends .se-view-all-elections-page .viewAllElectionsTable.rt-resizing .rt-tbody .rt-td.viewAllEcnPivot {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  flex: 1 0 auto !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  padding: 8px 14px 8px 8px !important;
  min-height: 36px !important;
  z-index: 0 !important;
  position: relative !important;
  pointer-events: auto !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  background: var(--se-page) !important;
  border-bottom: 1px solid var(--se-line) !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow span,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot span,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow>span,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot>span,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow>div,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot>div,
.securends .se-view-all-elections-page .viewAllElectionsTable .viewAllElections_ecn,
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllAppRow span,
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td.viewAllEcnPivot span {
  display: inline !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.rt-pivot),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(> .rt-td.rt-expandable) {
  position: relative !important;
  z-index: 0 !important;
  overflow: visible !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-expander {
  display: inline-flex !important;
  align-items: center;
  margin-right: 8px !important;
  float: none !important;
  position: static !important;
  flex: 0 0 auto;
  pointer-events: auto !important;
}

.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(.viewAllElections_ecn)>.rt-td.viewAllEcnPivot,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:has(.viewAllElections_ecn)>.rt-td.viewAllEcnPivot {
  flex: 1 0 auto !important;
  width: auto !important;
  min-width: 240px !important;
  max-width: none !important;
  overflow: visible !important;
  justify-content: flex-start !important;
  text-align: left !important;
  padding-left: 8px !important;
}

/* Data rows: lock ACTION / APPROVE / REVOKE so header th and body td share widths.
   ACTION is wider than icons alone so business justification can wrap under them. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-th.se-vae-col-action,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr:not(:has(> .rt-expandable)):not(:has(> .rt-pivot))>.rt-td.se-vae-col-action {
  flex: 0 0 140px !important;
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action>div,
.securends .se-campaign-uar-page.se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action>div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 6px !important;
  overflow: visible !important;
  max-width: 100% !important;
  min-width: 0 !important;
  white-space: normal !important;
  text-overflow: clip !important;
}

/* Stack icons row + business justification (icons stay horizontal) */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action>div>div {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
  max-width: 100% !important;
  min-width: 0 !important;
  width: 100% !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info:not(.se-bj-line) {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  float: none !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  float: none !important;
  overflow: visible !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info a:has(.notes-message) {
  flex: 0 0 22px !important;
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  overflow: visible !important;
}

/* Business justification under ACTION icons — view-all only; hide when empty */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info.se-bj-line {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: none !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info.se-bj-line:has(span:not(:empty)) {
  display: block !important;
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-action .table-row-info.se-bj-line span {
  display: block !important;
  margin: 0 !important;
  white-space: normal !important;
  word-break: break-word;
  overflow-wrap: anywhere;
  font-size: 11px;
  line-height: 1.3;
  color: var(--se-ink-2);
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-th.se-vae-col-approve,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-approve,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr .rt-td.se-vae-col-approve {
  flex: 0 0 130px !important;
  width: 130px !important;
  min-width: 130px !important;
  max-width: 130px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-th.se-vae-col-revoke,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-tr .rt-td.se-vae-col-revoke,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-tbody .rt-td:has(.revoke-action-wrapper) {
  flex: 0 0 160px !important;
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  padding-left: 12px !important;
  padding-right: 8px !important;
}

/* Flipswitch: same left edge and 80px track inside APPROVE column (unchanged). */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-approve .s-btns,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-approve .flipswitch {
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 24px !important;
  min-height: 24px !important;
}

/*
  Review All APPROVE and REVOKE pills share one 80×24 track and the same
  left edge. Revoke Immediately stays on that track (label may ellipsis).
*/
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-approve > div,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke > div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  float: none !important;
  line-height: normal !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  overflow: visible !important;
  font-size: 10px !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .s-btns,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .s-btns .flipswitch,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .s-btns .revoke-action-wrapper,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .s-btns .revoke-action-button {
  margin: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  vertical-align: middle !important;
  align-self: center !important;
  flex: 0 0 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  box-sizing: border-box !important;
  position: relative !important;
  font-size: 10px !important;
  line-height: 24px !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .s-btns {
  overflow: visible !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .s-btns .flipswitch {
  overflow: hidden !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-button {
  padding: 0 6px 0 8px !important;
  border: none !important;
  line-height: 1 !important;
  overflow: hidden !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  align-self: center !important;
  vertical-align: middle !important;
  top: auto !important;
  margin-top: 0 !important;
  transform: none !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-button > span,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-arrow,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-info {
  align-self: center !important;
  line-height: 1 !important;
  margin: 0 !important;
  vertical-align: middle !important;
  font-size: inherit !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-button > span:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-button[data-revoke-immediately="true"] {
  flex: 0 0 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
}

.securends .se-view-all-elections-page .review-all-footer-actions {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  margin: 12px 0 0 !important;
  padding: 12px 16px;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  float: none !important;
  width: 100% !important;
}

.securends .se-view-all-elections-page .review-all-footer-actions>.AddAppBtn,
.securends .se-view-all-elections-page .review-all-footer-actions>input.AddAppBtn,
.securends .se-view-all-elections-page .review-all-footer-actions>button.AddAppBtn {
  margin: 0 !important;
  float: none !important;
}

@media (max-width: 1100px) {

  .securends .se-view-all-elections-page .se-view-all-filters.se-campaign-uar-filters,
  .securends .se-view-all-elections-page .electionFilter.row.se-view-all-filters {
    flex-wrap: wrap !important;
  }

  .securends .se-view-all-elections-page .se-view-all-filters .direct-multiselect,
  .securends .se-view-all-elections-page .se-view-all-filters .se-view-all-column-picker {
    margin-left: 0 !important;
    width: 100% !important;
    max-width: 100%;
    flex: 1 1 100% !important;
  }

  .securends .se-view-all-elections-page .se-view-all-filters .small-multiselect {
    width: 200px !important;
  }
}


/* --------------------------------------------------------------------------
   Entitlement Custodian Reviews (/entitlementElections)
   Same UAR kit as Direct Elections + Review All: opaque sticky toolbar at
   --se-sticky-top, meta card, one-line filters, frozen thead in scroll wrap.
   Keep #approveAllElections #revokAllElections #save_Election #allFilter.
   Do not start entitlementElectionsSOD unless named.
   -------------------------------------------------------------------------- */

.securends .main-content:has(.se-entitlement-elections-page) {
  padding-top: var(--se-page-pad-top, 5px) !important;
}

/* Campaign info: theme surface (white in light / --se-card in dark), not brand-tint */
.securends .se-campaign-election-page .se-campaign-uar-info,
.securends .se-campaign-election-page .se-election-details-card,
.securends .se-entitlement-elections-page .se-campaign-uar-info,
.securends .se-endpoint-elections-page .se-campaign-uar-info,
.securends .se-entitlement-elections-page .se-election-details-card,
.securends .se-endpoint-elections-page .se-election-details-card,
.securends .se-entitlement-elections-page .se-campaign-uar-info .user-access-title,
.securends .se-endpoint-elections-page .se-campaign-uar-info .user-access-title,
.securends .se-campaign-election-page .se-campaign-uar-info .user-access-title {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border-color: var(--se-line) !important;
}

.securends .se-entitlement-elections-page .se-campaign-uar-toolbar.se-election-sticky-toolbar,
.securends .se-endpoint-elections-page .se-campaign-uar-toolbar.se-election-sticky-toolbar,
.securends .se-entitlement-elections-page .se-election-sticky-toolbar,
.securends .se-endpoint-elections-page .se-election-sticky-toolbar {
  position: sticky !important;
  top: var(--se-sticky-top, calc(var(--se-app-header) + var(--se-breadcrumb-h, 32px))) !important;
  /* Below fixed breadcrumb (z-index 55) — never cover crumbs on scroll */
  z-index: 40 !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0 0 10px !important;
  padding: 10px 16px !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  isolation: isolate;
}

.securends .se-entitlement-elections-page .se-campaign-uar-toolbar>h2.o-form-title-bar,
.securends .se-endpoint-elections-page .se-campaign-uar-toolbar>h2.o-form-title-bar,
.securends .se-entitlement-elections-page .se-election-sticky-toolbar>h2.o-form-title-bar,
.securends .se-endpoint-elections-page .se-election-sticky-toolbar>h2.o-form-title-bar {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  display: block !important;
}

.securends .se-entitlement-elections-page .se-election-title,
.securends .se-endpoint-elections-page .se-election-title {
  flex: 1 1 auto;
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

.securends .se-entitlement-elections-page .se-campaign-uar-actions,
.securends .se-endpoint-elections-page .se-campaign-uar-actions,
.securends .se-entitlement-elections-page .se-campaign-uar-actions.election-nav-button,
.securends .se-endpoint-elections-page .se-campaign-uar-actions.election-nav-button,
.securends .se-entitlement-elections-page .nav-button.se-campaign-uar-actions,
.securends .se-endpoint-elections-page .nav-button.se-campaign-uar-actions {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  margin-left: auto !important;
  float: none !important;
  position: static !important;
}

.securends .se-entitlement-elections-page .se-campaign-uar-filters.se-election-filters,
.securends .se-endpoint-elections-page .se-campaign-uar-filters.se-election-filters,
.securends .se-entitlement-elections-page .electionFilter.row.se-campaign-uar-filters,
.securends .se-endpoint-elections-page .electionFilter.row.se-campaign-uar-filters {
  position: relative !important;
  top: auto !important;
  z-index: 20 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 16px 20px !important;
  margin: 0 0 10px !important;
  margin-left: 0 !important;
  padding: 10px 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
}

.securends .se-entitlement-elections-page .se-election-filters .viewAllFilterRow,
.securends .se-endpoint-elections-page .se-election-filters .viewAllFilterRow {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px;
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.securends .se-entitlement-elections-page .se-election-filters .viewAllFilterData,
.securends .se-endpoint-elections-page .se-election-filters .viewAllFilterData {
  flex: 0 1 auto !important;
  margin-right: 0 !important;
}

.securends .se-entitlement-elections-page .se-election-column-picker,
.securends .se-endpoint-elections-page .se-election-column-picker,
.securends .se-entitlement-elections-page .direct-multiselect.se-election-column-picker,
.securends .se-endpoint-elections-page .direct-multiselect.se-election-column-picker,
.securends .se-entitlement-elections-page .se-election-filters .direct-multiselect,
.securends .se-endpoint-elections-page .se-election-filters .direct-multiselect {
  margin-left: auto !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  float: none !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  flex: 0 0 260px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  align-self: center !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .EntCustodianElectionsTable,
.securends .se-endpoint-elections-page .se-election-table-scroll .EntCustodianElectionsTable,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

/* Auto-fit columns to the scroller — no dead white gap / phantom h-scroll */
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-table,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead .rt-tr,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-tr,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tfoot .rt-tr,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tfoot .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-th,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-th,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td {
  flex: 1 1 0% !important;
  width: auto !important;
  min-width: 0;
  max-width: none;
  box-sizing: border-box;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:last-child,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:last-child {
  flex: 0 0 280px !important;
  width: 280px !important;
  min-width: 280px !important;
  max-width: 280px !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .s-btns,
.securends .se-endpoint-elections-page .se-election-table-scroll .s-btns,
.securends .se-entitlement-elections-page .se-election-table-scroll .s-btns-all,
.securends .se-endpoint-elections-page .se-election-table-scroll .s-btns-all {
  display: inline-flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
  min-width: 0 !important;
  max-width: 100%;
}

/* Beat pickels `.dt-form, .entCustReactTable { overflow: visible }` so thead
   sticks inside the table scroller — not the window under the sticky toolbar. */
.securends .se-entitlement-elections-page .dt-form,
.securends .se-endpoint-elections-page .dt-form,
.securends .se-entitlement-elections-page .entCustReactTable,
.securends .se-endpoint-elections-page .entCustReactTable,
.securends .se-entitlement-elections-page .se-campaign-uar-table-wrap,
.securends .se-endpoint-elections-page .se-campaign-uar-table-wrap {
  overflow: hidden !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll,
.securends .se-endpoint-elections-page .se-election-table-scroll {
  max-height: var(--se-table-max-h, 600px) !important;
  overflow-x: auto !important;
  overflow-y: auto !important;
  position: relative !important;
  isolation: isolate;
  z-index: 1;
  background: var(--se-card) !important;
}

/* Default: no page-level sticky thead (pickels top:234px / 284px). */
.securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead,
.securends .se-endpoint-elections-page .EntCustodianElectionsTable .rt-thead,
.securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-header,
.securends .se-endpoint-elections-page .EntCustodianElectionsTable .rt-thead.-header,
.securends .se-entitlement-elections-page .EntCustodianElectionsTable .rt-thead.-filters,
.securends .se-endpoint-elections-page .EntCustodianElectionsTable .rt-thead.-filters {
  position: relative !important;
  top: auto !important;
}

/* Sticky only inside the scroll wrapper */
.securends .se-entitlement-elections-page .se-election-table-scroll .EntCustodianElectionsTable .rt-thead.-header,
.securends .se-endpoint-elections-page .se-election-table-scroll .EntCustodianElectionsTable .rt-thead.-header,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  background: var(--se-table-header-bg, var(--se-page)) !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .EntCustodianElectionsTable .rt-thead.-filters,
.securends .se-endpoint-elections-page .se-election-table-scroll .EntCustodianElectionsTable .rt-thead.-filters,
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters {
  position: sticky !important;
  top: var(--se-table-colhead) !important;
  z-index: 5 !important;
  background: var(--se-card) !important;
}

.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td {
  align-items: flex-start !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}

/* Meta + filters scroll away with the page (never sticky over the table) */
.securends .se-entitlement-elections-page .se-election-meta-row,
.securends .se-endpoint-elections-page .se-election-meta-row,
.securends .se-entitlement-elections-page .se-campaign-uar-filters,
.securends .se-endpoint-elections-page .se-campaign-uar-filters,
.securends .se-entitlement-elections-page .electionFilter,
.securends .se-endpoint-elections-page .electionFilter {
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
}


/* --------------------------------------------------------------------------
   Application Custodian Elections (/endpointElections)
   Same UAR kit as Entitlement Elections: opaque sticky toolbar, one-line
   filters (Election + column picker + Manage Access right), frozen thead.
   Keep #approveAllElections #revokAllElections #save_Election #allFilter
   #manageAccessFromEndpointElections. Do not start endpointElectionsSOD
   unless named.
   -------------------------------------------------------------------------- */

.securends .main-content:has(.se-endpoint-elections-page) {
  padding-top: var(--se-page-pad-top, 5px) !important;
}

/* Column picker + Manage Access: siblings on one row (never nest Manage Access
   inside .direct-multiselect — that locks both into 260px and crushes the menu). */
.securends .se-endpoint-elections-page .se-election-filters,
.securends .se-endpoint-elections-page .se-election-filters .viewAllFilterRow {
  overflow: visible !important;
}

.securends .se-endpoint-elections-page .se-endpoint-filter-actions {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  float: none !important;
  position: relative !important;
  z-index: 30;
}

.securends .se-endpoint-elections-page .se-endpoint-filter-actions .direct-multiselect.se-election-column-picker,
.securends .se-endpoint-elections-page .se-endpoint-filter-actions .se-election-column-picker {
  margin-left: 0 !important;
  flex: 0 0 260px !important;
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
  display: block !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 31;
}

.securends .se-endpoint-elections-page .se-endpoint-filter-actions .btn-group,
.securends .se-endpoint-elections-page .se-endpoint-filter-actions .btn-group.open,
.securends .se-endpoint-elections-page .se-endpoint-filter-actions .btn-group.show {
  width: 100% !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 32 !important;
}

.securends .se-endpoint-elections-page .se-endpoint-filter-actions ul.multiselect-container.dropdown-menu,
.securends .se-endpoint-elections-page .se-endpoint-filter-actions .direct-multiselect ul.dropdown-menu {
  width: 280px !important;
  min-width: 280px !important;
  max-width: 320px !important;
  left: 0 !important;
  right: auto !important;
  z-index: 50 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.securends .se-endpoint-elections-page .se-endpoint-filter-actions ul.multiselect-container.dropdown-menu>li>a>label {
  white-space: normal !important;
  word-break: break-word;
  overflow: visible !important;
  text-overflow: unset !important;
}

.securends .se-endpoint-elections-page .se-endpoint-filter-actions .manageAssignBtn,
.securends .se-endpoint-elections-page .se-endpoint-filter-actions #manageAccessFromEndpointElections {
  margin: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  white-space: nowrap;
  flex-shrink: 0;
  align-self: center;
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
}

.securends .se-endpoint-elections-page .se-election-table-scroll .CustodianElectionsTable,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead,
.securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-header,
.securends .se-endpoint-elections-page .CustodianElectionsTable .rt-thead.-filters {
  position: relative !important;
  top: auto !important;
}

.securends .se-endpoint-elections-page .se-election-table-scroll .CustodianElectionsTable .rt-thead.-header,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead.-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 6 !important;
  background: var(--se-table-header-bg, var(--se-page)) !important;
}

.securends .se-endpoint-elections-page .se-election-table-scroll .CustodianElectionsTable .rt-thead.-filters,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-thead.-filters {
  position: sticky !important;
  top: var(--se-table-colhead) !important;
  z-index: 5 !important;
  background: var(--se-card) !important;
}

/* --------------------------------------------------------------------------
   Access Template Composition Review (/atCompositionReview), Outlier Review (/atOutlierReview), & Membership Review (/atMembershipReview)
   -------------------------------------------------------------------------- */

.securends .se-at-composition-review-page,
.se-at-composition-review-page,
.securends .se-at-outlier-review-page,
.se-at-outlier-review-page,
.securends .se-at-membership-review-page,
.se-at-membership-review-page {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Strip hardcoded sticky inline backgrounds and style top title bar */
.securends .se-at-composition-review-page>div[style*="position: sticky"],
.se-at-composition-review-page>div[style*="position: sticky"],
.securends .se-at-outlier-review-page>div[style*="position: sticky"],
.se-at-outlier-review-page>div[style*="position: sticky"],
.securends .se-at-membership-review-page>div[style*="position: sticky"],
.se-at-membership-review-page>div[style*="position: sticky"] {
  position: static !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
  margin-bottom: 12px !important;
}

/* User Access Title Metadata Card */
.securends .se-at-composition-review-page .user-access-title,
.se-at-composition-review-page .user-access-title,
.securends .se-at-outlier-review-page .user-access-title,
.se-at-outlier-review-page .user-access-title,
.securends .se-at-membership-review-page .user-access-title,
.se-at-membership-review-page .user-access-title {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 16px 20px !important;
  margin-bottom: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.securends .se-at-composition-review-page .user-access-title .row,
.se-at-composition-review-page .user-access-title .row,
.securends .se-at-outlier-review-page .user-access-title .row,
.se-at-outlier-review-page .user-access-title .row,
.securends .se-at-membership-review-page .user-access-title .row,
.se-at-membership-review-page .user-access-title .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

.securends .se-at-composition-review-page .user-access-lable,
.se-at-composition-review-page .user-access-lable,
.securends .se-at-outlier-review-page .user-access-lable,
.se-at-outlier-review-page .user-access-lable,
.securends .se-at-membership-review-page .user-access-lable,
.se-at-membership-review-page .user-access-lable {
  font-family: var(--se-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: var(--se-ink-2) !important;
  flex: 0 0 180px !important;
  max-width: 180px !important;
  padding-left: 0 !important;
}

.securends .se-at-composition-review-page .user-access-data,
.se-at-composition-review-page .user-access-data,
.securends .se-at-outlier-review-page .user-access-data,
.se-at-outlier-review-page .user-access-data,
.securends .se-at-membership-review-page .user-access-data,
.se-at-membership-review-page .user-access-data {
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding-left: 0 !important;
}

/* Eye icon to view Access Template details */
.securends .se-at-composition-review-page .user-access-data .fa-eye,
.se-at-composition-review-page .user-access-data .fa-eye,
.securends .se-at-outlier-review-page .user-access-data .fa-eye,
.se-at-outlier-review-page .user-access-data .fa-eye,
.securends .se-at-membership-review-page .user-access-data .fa-eye,
.se-at-membership-review-page .user-access-data .fa-eye {
  color: var(--se-brand) !important;
  background: var(--se-brand-tint, rgba(30, 58, 138, 0.08)) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s var(--se-ease) !important;
  margin-left: 8px !important;
}

.securends .se-at-composition-review-page .user-access-data .fa-eye:hover,
.se-at-composition-review-page .user-access-data .fa-eye:hover,
.securends .se-at-outlier-review-page .user-access-data .fa-eye:hover,
.se-at-outlier-review-page .user-access-data .fa-eye:hover,
.securends .se-at-membership-review-page .user-access-data .fa-eye:hover,
.se-at-membership-review-page .user-access-data .fa-eye:hover {
  background: var(--se-brand) !important;
  color: #ffffff !important;
}

/* Elections Table Container */
.securends .se-at-composition-review-page .dt-fix,
.se-at-composition-review-page .dt-fix,
.securends .se-at-outlier-review-page .dt-fix,
.se-at-outlier-review-page .dt-fix,
.securends .se-at-membership-review-page .dt-fix,
.se-at-membership-review-page .dt-fix {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
}

.securends .se-at-composition-review-page .ReactTable .rt-thead.-header,
.se-at-composition-review-page .ReactTable .rt-thead.-header,
.securends .se-at-outlier-review-page .ReactTable .rt-thead.-header,
.se-at-outlier-review-page .ReactTable .rt-thead.-header,
.securends .se-at-membership-review-page .ReactTable .rt-thead.-header,
.se-at-membership-review-page .ReactTable .rt-thead.-header {
  background: var(--se-table-header-bg, var(--se-bg)) !important;
  border-bottom: 1px solid var(--se-line) !important;
}

.securends .se-at-composition-review-page .ReactTable .rt-th,
.se-at-composition-review-page .ReactTable .rt-th,
.securends .se-at-outlier-review-page .ReactTable .rt-th,
.se-at-outlier-review-page .ReactTable .rt-th,
.securends .se-at-membership-review-page .ReactTable .rt-th,
.se-at-membership-review-page .ReactTable .rt-th {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  padding: 10px 12px !important;
}

.securends .se-at-composition-review-page .ReactTable .rt-td,
.se-at-composition-review-page .ReactTable .rt-td,
.securends .se-at-outlier-review-page .ReactTable .rt-td,
.se-at-outlier-review-page .ReactTable .rt-td,
.securends .se-at-membership-review-page .ReactTable .rt-td,
.se-at-membership-review-page .ReactTable .rt-td {
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
  padding: 10px 12px !important;
}


/* --------------------------------------------------------------------------
   Direct Elections polish (/directElections) � alignment pass
   Beat pickels-v4 revoke max-width:79px ellipsis and filter marginLeft:945px.
   Keep #allFilter #approveAllElections #revokAllElections #save_Election ids.
   -------------------------------------------------------------------------- */

.securends .se-direct-elections-page .se-election-filter-label,
.securends .se-entitlement-elections-page .se-election-filter-label,
.securends .se-endpoint-elections-page .se-election-filter-label {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 6px !important;
  row-gap: 2px !important;
  height: auto !important;
  min-height: 24px !important;
  align-items: center !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all {
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns>div:has(> .fa-remove),
.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.fa-remove,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all>div:has(#clearAll),
.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all>#clearAll {
  flex: 0 0 auto !important;
  align-self: center !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all),
.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tbody .rt-tr>.rt-td:last-child {
  padding-left: 8px !important;
  padding-right: 8px !important;
  align-items: center !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .DirectElectionsTable .rt-tbody .rt-tr>.rt-td:last-child>div {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  align-content: flex-start !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
}

.securends .se-direct-elections-page .se-insight-suggestion,
.se-insight-suggestion {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  font-family: var(--se-sans);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--se-ink-3);
  white-space: nowrap;
  letter-spacing: 0;
  text-align: left;
}

.securends .se-direct-elections-page .se-insight-suggestion-prefix,
.se-insight-suggestion-prefix {
  color: var(--se-ink-3);
  font-weight: 500;
}

.securends .se-direct-elections-page .se-insight-suggestion--approve .se-insight-suggestion-action,
.se-insight-suggestion--approve .se-insight-suggestion-action {
  color: var(--se-ok, #059669);
  font-weight: 700;
}

.securends .se-direct-elections-page .se-insight-suggestion--revoke .se-insight-suggestion-action,
.se-insight-suggestion--revoke .se-insight-suggestion-action {
  color: var(--se-risk);
  font-weight: 700;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns>*:not(.se-insight-suggestion):not(.se-bj-line),
.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all>*:not(.se-insight-suggestion):not(.se-bj-line) {
  flex: 0 0 auto !important;
  width: auto;
  max-width: none;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all #clearAll,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns-all .AddAppBtn {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  border-radius: 50px !important;
  width: auto !important;
  min-width: 0 !important;
}

.securends .se-campaign-uar-page .s-btns>.se-bj-line,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.se-bj-line,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.table-row-info.se-bj-line {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: none !important;
}

.securends .se-campaign-uar-page .s-btns>.se-bj-line:has(span:not(:empty)),
.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.se-bj-line:has(span:not(:empty)),
.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.table-row-info.se-bj-line:has(span:not(:empty)) {
  display: block !important;
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.se-bj-line span,
.securends .se-direct-elections-page .se-election-table-scroll .s-btns>.table-row-info.se-bj-line span {
  margin: 0 !important;
  display: block;
  white-space: normal;
  word-break: break-word;
  font-size: 11px;
  line-height: 1.3;
  color: var(--se-ink-2);
}

.securends .se-direct-elections-page .se-election-filter-caption,
.securends .se-entitlement-elections-page .se-election-filter-caption,
.securends .se-endpoint-elections-page .se-election-filter-caption {
  flex: 0 0 auto;
  width: auto !important;
  margin: 0 !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--se-ink-2);
  white-space: nowrap;
  line-height: 28px;
}

/* Kill leftover absolute filter placement (inline styles + pickels) */
.securends .se-direct-elections-page .direct-multiselect,
.securends .se-direct-elections-page .electionFilter .direct-multiselect {
  margin-left: auto !important;
  margin-top: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  min-width: 0;
  max-width: none;
  flex: 0 0 auto;
  display: flex !important;
  align-items: center;
}

.securends .se-direct-elections-page .direct-multiselect .se-election-filter-label {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.securends .se-direct-elections-page .direct-multiselect .btn-group,
.securends .se-direct-elections-page .direct-multiselect .multiselect-native-select {
  width: 180px !important;
  min-width: 160px;
  max-width: 200px;
  flex: 0 0 180px;
}

.securends .se-direct-elections-page .se-election-details-card .row {
  align-items: center !important;
  min-height: 0;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-data {
  flex-wrap: nowrap;
  row-gap: 0;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-data>span {
  display: inline-block;
  line-height: 1.4;
  word-break: break-word;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-data>span[data-se-hr-status*="terminat"] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  height: 18px;
  padding: 0 7px 0 6px;
  border-radius: 999px;
  background: var(--se-insight-terminated-bg, var(--se-risk-tint));
  color: var(--se-insight-terminated-fg, var(--se-risk));
  font-size: 10px;
  font-weight: 600;
  line-height: 18px;
  white-space: nowrap;
}

.securends .se-direct-elections-page .se-election-details-card .user-access-data>span[data-se-hr-status*="terminat"]::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.securends .se-direct-elections-page .se-election-details-card .manageAssignBtn {
  margin-left: 0 !important;
  align-self: center;
}

.securends .se-direct-elections-page .se-election-status-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  height: 22px;
  padding: 0 10px 0 8px;
  border-radius: 999px;
  font-family: var(--se-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  box-sizing: border-box;
  background: var(--se-raise);
  color: var(--se-ink-2);
}

.securends .se-direct-elections-page .se-election-status-chip-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.securends .se-direct-elections-page .se-election-status-chip--active {
  background: var(--se-ok-tint);
  color: var(--se-ok);
}

.securends .se-direct-elections-page .se-election-status-chip--inactive {
  background: var(--se-insight-terminated-bg, var(--se-risk-tint));
  color: var(--se-insight-terminated-fg, var(--se-risk));
}

.securends .se-direct-elections-page .se-election-status-chip--pending {
  background: var(--se-insight-dormant-bg, var(--se-warn-tint, #fff7ed));
  color: var(--se-insight-dormant-fg, var(--se-warn));
}

.securends .se-direct-elections-page .ReactTable .rt-td.se-election-status-col {
  overflow: visible !important;
}

/* ACTION: compact toggles + icons; BJ wraps to next line */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td:last-child,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-all),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.revoke-action-wrapper),
.securends .se-entitlement-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.revoke-action-wrapper),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.revoke-action-wrapper) {
  flex: 0 0 280px !important;
  min-width: 280px !important;
  max-width: 288px !important;
  width: 280px !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .revoke-action-wrapper,
.securends .se-entitlement-elections-page .revoke-action-wrapper,
.securends .se-endpoint-elections-page .revoke-action-wrapper,
.securends .se-view-all-elections-page .revoke-action-wrapper,
.securends .se-campaign-uar-page .revoke-action-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 80px !important;
  max-width: none !important;
  height: 24px !important;
  overflow: visible !important;
  margin: 0 !important;
}

/* Same compact track as Approve/Revoke flipswitch so ACTION pills + icons line up */
.securends .se-direct-elections-page .revoke-action-button,
.securends .se-entitlement-elections-page .revoke-action-button,
.securends .se-endpoint-elections-page .revoke-action-button,
.securends .se-view-all-elections-page .revoke-action-button,
.securends .se-campaign-uar-page .revoke-action-button {
  box-sizing: border-box !important;
  height: 24px !important;
  width: auto !important;
  min-width: 80px !important;
  max-width: none !important;
  padding: 0 6px 0 8px !important;
  border: none !important;
  border-radius: 50px !important;
  background: var(--se-ink-3) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 4px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  line-height: 24px !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .revoke-action-button:hover,
.securends .se-entitlement-elections-page .revoke-action-button:hover,
.securends .se-endpoint-elections-page .revoke-action-button:hover,
.securends .se-view-all-elections-page .revoke-action-button:hover,
.securends .se-campaign-uar-page .revoke-action-button:hover {
  background: color-mix(in srgb, var(--se-ink-3) 82%, #000) !important;
  border: none !important;
  color: #fff !important;
}

.securends .se-direct-elections-page .revoke-action-button.revoke-selected,
.securends .se-entitlement-elections-page .revoke-action-button.revoke-selected,
.securends .se-endpoint-elections-page .revoke-action-button.revoke-selected,
.securends .se-view-all-elections-page .revoke-action-button.revoke-selected,
.securends .se-campaign-uar-page .revoke-action-button.revoke-selected {
  background: var(--se-risk) !important;
  border: none !important;
  color: #fff !important;
}

.securends .se-direct-elections-page .revoke-action-button.revoke-selected:hover,
.securends .se-entitlement-elections-page .revoke-action-button.revoke-selected:hover,
.securends .se-endpoint-elections-page .revoke-action-button.revoke-selected:hover,
.securends .se-view-all-elections-page .revoke-action-button.revoke-selected:hover,
.securends .se-campaign-uar-page .revoke-action-button.revoke-selected:hover {
  background: color-mix(in srgb, var(--se-risk) 88%, #000) !important;
  border: none !important;
  color: #fff !important;
}

.securends .se-campaign-uar-page .revoke-action-button:disabled {
  background: var(--se-ink-3) !important;
  color: #fff !important;
  opacity: 0.65 !important;
  cursor: not-allowed !important;
}

.securends .se-direct-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-entitlement-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-endpoint-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-view-all-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-campaign-uar-page .revoke-action-button[data-revoke-immediately="true"] {
  background: var(--se-risk) !important;
  color: #fff !important;
  opacity: 0.85 !important;
  cursor: not-allowed !important;
  /* Keep hoverable so Revoke Immediately label tip works (do not use HTML disabled). */
  pointer-events: auto !important;
}

.securends .se-direct-elections-page .revoke-action-wrapper,
.securends .se-entitlement-elections-page .revoke-action-wrapper,
.securends .se-endpoint-elections-page .revoke-action-wrapper,
.securends .se-view-all-elections-page .revoke-action-wrapper,
.securends .se-campaign-uar-page .revoke-action-wrapper {
  position: relative !important;
}

/*
  Hit layer for Revoke / Revoke Immediately label tip. Sits above the button so
  hover still works when the control is HTML-disabled after Revoke Immediately
  (disabled buttons do not receive pointer events). Leaves the trailing "i" free.
*/
.securends .se-direct-elections-page .se-revoke-label-tip-hit,
.securends .se-entitlement-elections-page .se-revoke-label-tip-hit,
.securends .se-endpoint-elections-page .se-revoke-label-tip-hit,
.securends .se-view-all-elections-page .se-revoke-label-tip-hit,
.securends .se-campaign-uar-page .se-revoke-label-tip-hit {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 16px !important;
  z-index: 5 !important;
  display: block !important;
  background: transparent !important;
  cursor: inherit;
  pointer-events: auto !important;
}

.securends .se-direct-elections-page .revoke-action-button .revoke-info,
.securends .se-entitlement-elections-page .revoke-action-button .revoke-info,
.securends .se-endpoint-elections-page .revoke-action-button .revoke-info,
.securends .se-view-all-elections-page .revoke-action-button .revoke-info,
.securends .se-campaign-uar-page .revoke-action-button .revoke-info {
  position: relative !important;
  z-index: 6 !important;
}

/* Show the rendered label in full (Revoke vs Revoke Immediately). */
.securends .se-direct-elections-page .revoke-action-button>span:first-child,
.securends .se-entitlement-elections-page .revoke-action-button>span:first-child,
.securends .se-endpoint-elections-page .revoke-action-button>span:first-child,
.securends .se-view-all-elections-page .revoke-action-button>span:first-child,
.securends .se-campaign-uar-page .revoke-action-button>span:first-child {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}

.securends .se-direct-elections-page .revoke-arrow,
.securends .se-entitlement-elections-page .revoke-arrow,
.securends .se-endpoint-elections-page .revoke-arrow,
.securends .se-view-all-elections-page .revoke-arrow,
.securends .se-campaign-uar-page .revoke-arrow {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  font-size: 8px !important;
  opacity: 0.85;
  line-height: 1 !important;
}

.securends .se-direct-elections-page .revoke-info,
.securends .se-entitlement-elections-page .revoke-info,
.securends .se-endpoint-elections-page .revoke-info,
.securends .se-view-all-elections-page .revoke-info,
.securends .se-campaign-uar-page .revoke-info {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  border: 1px solid currentColor !important;
  border-radius: 50% !important;
  font-size: 9px !important;
  flex: 0 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  z-index: 3 !important;
  pointer-events: auto !important;
  /* pointer — not help — so Windows does not show the "?" hover cursor */
  cursor: pointer !important;
}

.securends .se-direct-elections-page .revoke-menu-info,
.securends .se-entitlement-elections-page .revoke-menu-info,
.securends .se-endpoint-elections-page .revoke-menu-info,
.securends .se-view-all-elections-page .revoke-menu-info,
.securends .se-campaign-uar-page .revoke-menu-info,
body>.revoke-menu.se-revoke-menu-portaled .revoke-menu-info {
  cursor: pointer !important;
}

/*
  Revoke Immediately only: ellipsis through "Im.." and keep the info icon
  hoverable inside the track. Do not change the short "Revoke" pill.
*/
.securends .se-direct-elections-page .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]),
.securends .se-entitlement-elections-page .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]),
.securends .se-endpoint-elections-page .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]),
.securends .se-view-all-elections-page .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]),
.securends .se-campaign-uar-page .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]) {
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-entitlement-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-endpoint-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-view-all-elections-page .revoke-action-button[data-revoke-immediately="true"],
.securends .se-campaign-uar-page .revoke-action-button[data-revoke-immediately="true"] {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  overflow: hidden !important;
  padding: 0 4px 0 6px !important;
  gap: 3px !important;
}

.securends .se-direct-elections-page .revoke-action-button[data-revoke-immediately="true"]>span:first-child,
.securends .se-entitlement-elections-page .revoke-action-button[data-revoke-immediately="true"]>span:first-child,
.securends .se-endpoint-elections-page .revoke-action-button[data-revoke-immediately="true"]>span:first-child,
.securends .se-view-all-elections-page .revoke-action-button[data-revoke-immediately="true"]>span:first-child,
.securends .se-campaign-uar-page .revoke-action-button[data-revoke-immediately="true"]>span:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  letter-spacing: -0.02em;
}

.securends .se-direct-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-arrow,
.securends .se-entitlement-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-arrow,
.securends .se-endpoint-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-arrow,
.securends .se-view-all-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-arrow,
.securends .se-campaign-uar-page .revoke-action-button[data-revoke-immediately="true"] .revoke-arrow {
  display: none !important;
}

.securends .se-direct-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-info,
.securends .se-entitlement-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-info,
.securends .se-endpoint-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-info,
.securends .se-view-all-elections-page .revoke-action-button[data-revoke-immediately="true"] .revoke-info,
.securends .se-campaign-uar-page .revoke-action-button[data-revoke-immediately="true"] .revoke-info {
  flex: 0 0 14px !important;
  margin-left: 0 !important;
  pointer-events: auto !important;
  z-index: 4 !important;
  cursor: pointer !important;
}

/* Review All: later 88px Revoke Immediately rules must not shift this column. */
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-approve .flipswitch,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .flipswitch,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-wrapper,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-button,
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-wrapper:has(> .revoke-action-button[data-revoke-immediately="true"]),
.securends .se-view-all-elections-page .viewAllElectionsTable .rt-td.se-vae-col-revoke .revoke-action-button[data-revoke-immediately="true"] {
  flex: 0 0 80px !important;
  width: 80px !important;
  min-width: 80px !important;
  max-width: 80px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  margin: 0 !important;
  float: none !important;
  align-self: center !important;
}

.securends .se-direct-elections-page .revoke-menu,
.securends .se-campaign-uar-page .revoke-menu,
body>.revoke-menu.se-revoke-menu-portaled {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-lg) !important;
  color: var(--se-ink) !important;
  position: fixed !important;
  z-index: 10050 !important;
  display: block !important;
  width: 210px !important;
  min-width: 190px !important;
  padding: 5px 0 !important;
}

.securends .se-direct-elections-page .revoke-menu-item,
.securends .se-campaign-uar-page .revoke-menu-item,
body>.revoke-menu.se-revoke-menu-portaled .revoke-menu-item {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
}

.securends .se-direct-elections-page .revoke-menu-item:hover,
.securends .se-campaign-uar-page .revoke-menu-item:hover,
body>.revoke-menu.se-revoke-menu-portaled .revoke-menu-item:hover {
  background: var(--se-row-hover) !important;
}

.se-revoke-menu-anchor {
  display: none !important;
}

/* Revoke menu-item "i" tips — black card, above portaled menu (10050) */
html[data-se-theme] .tooltip.se-revoke-tip,
.tooltip.se-revoke-tip {
  z-index: 20000 !important;
  opacity: 1 !important;
}

html[data-se-theme] .tooltip.se-revoke-tip .tooltip-inner,
.tooltip.se-revoke-tip .tooltip-inner {
  background: #111 !important;
  background-color: #111 !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  max-width: 260px !important;
  text-align: left !important;
  padding: 8px 10px !important;
  border-radius: 6px !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-se-theme] .tooltip.se-revoke-tip.bs-tooltip-top .tooltip-arrow::before,
html[data-se-theme] .tooltip.se-revoke-tip.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.tooltip.se-revoke-tip .tooltip-arrow::before {
  border-top-color: #111 !important;
}

html[data-se-theme] .tooltip.se-revoke-tip.bs-tooltip-bottom .tooltip-arrow::before,
.tooltip.se-revoke-tip.bs-tooltip-bottom .tooltip-arrow::before {
  border-bottom-color: #111 !important;
}

/* Pagination: Page + rows on one line (election tables) */
.securends .se-direct-elections-page .ReactTable .-pagination,
.securends .se-entitlement-elections-page .ReactTable .-pagination,
.securends .se-endpoint-elections-page .ReactTable .-pagination {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding: 10px 12px !important;
  background: var(--se-card) !important;
  border-top: 1px solid var(--se-line) !important;
}

.securends .se-direct-elections-page .ReactTable .-pagination .-center,
.securends .se-entitlement-elections-page .ReactTable .-pagination .-center,
.securends .se-endpoint-elections-page .ReactTable .-pagination .-center {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px 12px !important;
  white-space: nowrap !important;
}

.securends .se-direct-elections-page .ReactTable .-pagination .-pageInfo,
.securends .se-direct-elections-page .ReactTable .-pagination .-pageJump,
.securends .se-direct-elections-page .ReactTable .-pagination .-pageSizeOptions,
.securends .se-entitlement-elections-page .ReactTable .-pagination .-pageInfo,
.securends .se-entitlement-elections-page .ReactTable .-pagination .-pageSizeOptions,
.securends .se-endpoint-elections-page .ReactTable .-pagination .-pageInfo,
.securends .se-endpoint-elections-page .ReactTable .-pagination .-pageSizeOptions {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  float: none !important;
  white-space: nowrap !important;
}

.securends .se-direct-elections-page .ReactTable .-pagination .-pageInfo,
.securends .se-entitlement-elections-page .ReactTable .-pagination .-pageInfo,
.securends .se-endpoint-elections-page .ReactTable .-pagination .-pageInfo {
  gap: 0.4em !important;
}

.securends .se-direct-elections-page .ReactTable .-pagination select,
.securends .se-entitlement-elections-page .ReactTable .-pagination select,
.securends .se-endpoint-elections-page .ReactTable .-pagination select {
  width: auto !important;
  min-width: 88px !important;
  max-width: 120px !important;
  height: 28px !important;
  margin: 0 !important;
}

/* Status cell — Active / similar labels as chips when plain text */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td .label-success,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td .badge-success {
  background: var(--se-ok-tint, rgba(34, 197, 94, 0.12)) !important;
  color: var(--se-ok) !important;
  border-radius: 999px !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  padding: 2px 8px !important;
}

/* Access Insights chips (after STATUS). Why flagged card is portaled to body. */
.securends .se-campaign-uar-page .se-access-insight-cell {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  max-width: 100%;
  padding: 2px 0;
}

.securends .se-campaign-uar-page .se-access-insight-list {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  vertical-align: middle;
}

.securends .se-campaign-uar-page .se-access-insight {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
  outline: none;
  vertical-align: middle;
}

.securends .se-campaign-uar-page .se-access-insight-chip,
.se-access-insight-portal .se-access-insight-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  height: 22px;
  padding: 0 10px 0 8px;
  border-radius: 999px;
  font-family: var(--se-sans);
  font-size: 11px;
  font-weight: 600;
  line-height: 22px;
  white-space: nowrap;
  cursor: default;
  box-sizing: border-box;
}

.securends .se-campaign-uar-page .se-access-insight-cell--flagged {
  cursor: help;
}

.securends .se-campaign-uar-page .se-access-insight-cell--flagged .se-access-insight {
  overflow: visible;
  outline: none;
}

.securends .se-campaign-uar-page .se-access-insight-cell--flagged .se-access-insight-chip {
  cursor: help;
}

.securends .se-campaign-uar-page .se-access-insight-cell--flagged .se-access-insight-chip-label {
  text-decoration: underline dotted;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.securends .se-campaign-uar-page .se-access-insight-list:focus {
  outline: none;
}

.securends .se-campaign-uar-page .se-access-insight-dot,
.se-access-insight-portal .se-access-insight-dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
  flex-shrink: 0;
}

.securends .se-campaign-uar-page .se-access-insight-why {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--se-info);
  font-family: var(--se-sans);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: underline;
  cursor: pointer;
}

.securends .se-campaign-uar-page .se-access-insight-why:hover,
.securends .se-campaign-uar-page .se-access-insight-why:focus {
  color: var(--se-info);
  text-decoration: underline;
  outline: none;
}

.se-access-insight-portal .se-access-insight-why-card {
  position: fixed;
  z-index: 10060;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 12px;
  width: 288px;
  min-width: 288px;
  max-width: 288px;
  padding: 16px;
  background: var(--se-card);
  color: var(--se-ink);
  border: 1px solid var(--se-line);
  border-radius: 0;
  box-shadow: var(--se-shadow-lg);
  white-space: normal;
  text-align: left;
  box-sizing: border-box;
}

.se-access-insight-portal .se-access-insight-why-card--multi {
  max-width: 288px;
}

.se-access-insight-portal .se-access-insight-why-card--scroll {
  max-height: 248px;
  overflow-x: hidden;
  overflow-y: auto;
}

.se-access-insight-portal .se-access-insight-why-card--scroll::-webkit-scrollbar {
  width: 8px;
}

.se-access-insight-portal .se-access-insight-why-card--scroll::-webkit-scrollbar-thumb {
  background: var(--se-line);
  border: 2px solid var(--se-card);
}

.se-access-insight-portal .se-access-insight-why-card--above {
  transform-origin: bottom center;
}

.se-access-insight-portal .se-access-insight-why-item {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--se-line);
}

.se-access-insight-portal .se-access-insight-why-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.se-access-insight-portal .se-access-insight-why-extra {
  font-family: var(--se-sans);
  font-size: 11px;
  font-weight: 600;
  color: var(--se-ink-2);
}

.securends .se-campaign-uar-page .se-access-insight-card,
.se-access-insight-portal .se-access-insight-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 240px;
  max-width: 280px;
  padding: 12px 14px;
  background: var(--se-card);
  color: var(--se-ink);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow-lg);
  white-space: normal;
  text-align: left;
}

.se-access-insight-portal .se-access-insight-card--portaled {
  position: fixed;
  z-index: var(--se-z-dropdown, 1100);
}

.se-access-insight-portal .se-access-insight-card--above {
  transform: translateY(-100%);
}

.securends .se-campaign-uar-page .se-access-insight-card-desc,
.se-access-insight-portal .se-access-insight-card-desc {
  display: block;
  font-family: var(--se-sans);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--se-ink-2);
  white-space: normal;
}

.securends .se-campaign-uar-page .se-access-insight-chip--admin,
.se-access-insight-portal .se-access-insight-chip--admin,
.securends .se-campaign-uar-page .se-access-insight-chip--privileged,
.se-access-insight-portal .se-access-insight-chip--privileged {
  background: var(--se-insight-privileged-bg, var(--se-insight-admin-bg));
  color: var(--se-insight-privileged-fg, var(--se-insight-admin-fg));
}

.securends .se-campaign-uar-page .se-access-insight-chip--sod,
.se-access-insight-portal .se-access-insight-chip--sod {
  background: var(--se-insight-sod-bg, var(--se-insight-admin-bg));
  color: var(--se-insight-sod-fg, var(--se-insight-admin-fg));
}

.securends .se-campaign-uar-page .se-access-insight-chip--new,
.se-access-insight-portal .se-access-insight-chip--new {
  background: var(--se-insight-new-bg);
  color: var(--se-insight-new-fg);
}

.securends .se-campaign-uar-page .se-access-insight-chip--dormant,
.se-access-insight-portal .se-access-insight-chip--dormant {
  background: var(--se-insight-dormant-bg);
  color: var(--se-insight-dormant-fg);
}

.securends .se-campaign-uar-page .se-access-insight-chip--regranted,
.se-access-insight-portal .se-access-insight-chip--regranted {
  background: var(--se-insight-regranted-bg);
  color: var(--se-insight-regranted-fg);
}

.securends .se-campaign-uar-page .se-access-insight-chip--peer,
.se-access-insight-portal .se-access-insight-chip--peer,
.securends .se-campaign-uar-page .se-access-insight-chip--none,
.se-access-insight-portal .se-access-insight-chip--none {
  background: var(--se-insight-none-bg, var(--se-insight-peer-bg));
  color: var(--se-insight-none-fg, var(--se-insight-peer-fg));
}

.securends .se-campaign-uar-page .se-access-insight-chip--terminated,
.se-access-insight-portal .se-access-insight-chip--terminated {
  background: var(--se-insight-terminated-bg);
  color: var(--se-insight-terminated-fg);
}

/* Keep Access Insights / Last Login in their own columns (beat pickels overflow:visible). */
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td {
  overflow: hidden !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.s-btns-all),
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td:has(.revoke-action-wrapper) {
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-th.se-access-insight-col,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td.se-access-insight-col {
  flex: 0 0 260px !important;
  min-width: 240px !important;
  max-width: 300px !important;
  overflow: visible !important;
}

.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-th.se-last-login-col,
.securends .se-direct-elections-page .se-election-table-scroll .ReactTable .rt-td.se-last-login-col {
  flex: 0 0 120px !important;
  min-width: 120px !important;
  max-width: 140px !important;
  overflow: hidden !important;
}

/* Election note drawers: Clear sits beside the Business Justification info text
   (not over the textarea). Modal is portaled — do not scope under page class. */
#electionNote .modal-body>div:has(> button.AddAppBtn),
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: start !important;
  column-gap: 10px !important;
  row-gap: 8px !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>div:first-child,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>div:first-child {
  display: contents !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>br,
#electionNote .modal-body>div:has(> button.AddAppBtn)>div:first-child>br,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>br,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>div:first-child>br {
  display: none !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>div:first-child>b,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>div:first-child>b {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>div:first-child>p,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>div:first-child>p {
  grid-column: 1 !important;
  grid-row: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45 !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>span.fa-spinner-icon,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>span.fa-spinner-icon {
  grid-column: 2 !important;
  grid-row: 2 !important;
  float: none !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
  align-self: center !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>button.AddAppBtn,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>button.AddAppBtn {
  grid-column: 3 !important;
  grid-row: 2 !important;
  float: none !important;
  position: static !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  align-self: start !important;
  white-space: nowrap !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  border-radius: var(--se-r, 6px) !important;
}

#electionNote .modal-body>div:has(> button.AddAppBtn)>div:first-child>textarea,
.modal.right.fade.dir .modal-body>div:has(> button.AddAppBtn):has(textarea.txareaWidth)>div:first-child>textarea {
  grid-column: 1 / -1 !important;
  margin-bottom: 4px !important;
}

/* Space above each note field, and above the next section label
   (Election Note, Election Note History) on every election drawer. */
.modal.right.fade.dir .modal-body > b {
  display: inline-block !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
}

.modal.right.fade.dir .modal-body > br,
.modal.right.fade.dir .modal-body > b + br {
  display: none !important;
}

.modal.right.fade.dir .modal-body > b + br + div,
.modal.right.fade.dir .modal-body > b + div {
  margin: 0 0 4px !important;
  line-height: 1.5 !important;
}

/* Election Note description — same font/color as Business Justification <p> */
#electionNote .modal-body > b + br + div > p,
#electionNote .modal-body > b + div > p,
.modal.right.fade.dir .modal-body > b + br + div > p,
.modal.right.fade.dir .modal-body > b + div > p,
#electionNote .modal-body > div:has(> button.AddAppBtn) > div:first-child > p,
.modal.right.fade.dir .modal-body > div:has(> button.AddAppBtn):has(textarea.txareaWidth) > div:first-child > p {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--se-ink-2) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

.modal.right.fade.dir .modal-body > textarea.note.txareaWidth,
.modal.right.fade.dir .modal-body > textarea.history.txareaWidth {
  margin-top: 12px !important;
}

/* Application Custodian Elections ACTION: Approve + icons + Revoke on one row.
   Markup uses .s-btns-new (not .s-btns). Keep BJ text on the next line. */
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-tbody .rt-td {
  align-items: flex-start !important;
  padding-top: 10px !important;
  padding-bottom: 8px !important;
}

.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:has(.s-btns-new):has(.flipswitch),
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-th:last-child,
.securends .se-endpoint-elections-page .se-election-table-scroll .ReactTable .rt-td:last-child {
  flex: 0 0 380px !important;
  width: 380px !important;
  min-width: 380px !important;
  max-width: 420px !important;
  overflow: visible !important;
  align-items: flex-start !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch),
.securends .se-campaign-uar-page.se-endpoint-elections-page .s-btns-new:has(.flipswitch) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 8px !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 24px !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.flipswitch,
.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.flipswitch-red,
.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.table-row-info:not(.col-md-12) {
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.table-row-info:not(.col-md-12) {
  gap: 6px !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.table-row-info:not(.col-md-12) a,
.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.table-row-info:not(.col-md-12) .col-md-1,
.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.table-row-info:not(.col-md-12) .fa-remove {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  width: auto !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.col-md-12.table-row-info {
  display: none !important;
  flex: 0 0 0 !important;
  width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  float: none !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.col-md-12.table-row-info:has(span:not(:empty)) {
  display: block !important;
  flex: 1 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 4px 0 0 !important;
  padding: 0 !important;
  white-space: normal !important;
  overflow: hidden !important;
}

.securends .se-endpoint-elections-page .s-btns-new:has(.flipswitch)>.col-md-12.table-row-info span {
  margin: 0 !important;
  display: block !important;
  white-space: normal !important;
  word-break: break-word !important;
  font-size: 11px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
}
/* ==========================================================================
   Campaign Assignment — Approve All confirmation (#electionModal)
   Centered card modal + kit primary / secondary buttons (both modes).
   ========================================================================== */
.securends .modal.se-ca-confirm-modal .modal-dialog,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-dialog {
  max-width: 440px !important;
  width: 92% !important;
  margin: 80px auto !important;
  float: none !important;
}

.securends .modal.se-ca-confirm-modal .modal-content,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-content {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-modal) !important;
  box-shadow: var(--se-shadow-lg) !important;
  overflow: hidden !important;
}

.securends .modal.se-ca-confirm-modal .modal-header,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  min-height: 52px !important;
  border-bottom: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
}

.securends .modal.se-ca-confirm-modal .modal-title,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-title {
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
}

.securends .modal.se-ca-confirm-modal .modal-header .close,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-header .close {
  color: var(--se-ink-3) !important;
  opacity: 1 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  padding: 4px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
}

.securends .modal.se-ca-confirm-modal .modal-header .close:hover,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-header .close:hover {
  color: var(--se-ink) !important;
}

.securends .modal.se-ca-confirm-modal .modal-body,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-body {
  padding: 20px !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
}

.securends .modal.se-ca-confirm-modal .modal-body h4,
html[data-se-theme] .modal.se-ca-confirm-modal .modal-body h4 {
  font-family: var(--se-sans) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  color: var(--se-ink-2) !important;
  margin: 0 0 20px !important;
  text-align: left !important;
}

.securends .modal.se-ca-confirm-modal .popUpLoader,
html[data-se-theme] .modal.se-ca-confirm-modal .popUpLoader {
  color: var(--se-ink-2) !important;
  font-size: 13px !important;
  margin: 0 0 12px !important;
}

.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions,
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  text-align: right !important;
}

.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button,
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button {
  height: 34px !important;
  min-height: 34px !important;
  min-width: 80px !important;
  width: auto !important;
  padding: 0 18px !important;
  margin: 0 !important;
  float: none !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 32px !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  text-transform: none !important;
  cursor: pointer;
  transition: background var(--se-ease), border-color var(--se-ease), color var(--se-ease) !important;
}

/* Yes — primary */
.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button.electionBt,
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button.electionBt {
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  color: var(--se-btn-fg) !important;
  -webkit-text-fill-color: var(--se-btn-fg) !important;
}

.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button.electionBt:hover:not(:disabled),
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button.electionBt:hover:not(:disabled) {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
}

/* No — secondary */
.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:not(.electionBt),
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:not(.electionBt) {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:not(.electionBt):hover:not(:disabled),
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:not(.electionBt):hover:not(:disabled) {
  background: var(--se-raise, var(--se-card)) !important;
  border-color: var(--se-brand-line, var(--se-line)) !important;
}

.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:focus-visible,
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:focus-visible {
  outline: 2px solid var(--se-brand) !important;
  outline-offset: 2px !important;
}

.securends.securends .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:disabled,
html[data-se-theme] .modal.se-ca-confirm-modal .se-ca-confirm-actions > button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* /campaignReport/:templateId/:campaignId/:name/:reviewType
   Donuts match Dashboard (se-dashboard-panel + se-donut-wrap). Data/handlers unchanged. */

.securends .se-campaign-report-page .campaign_progress.expBtn,
.securends .se-campaign-report-page .campaign_progress {
  position: static !important;
  right: auto !important;
  top: auto !important;
  float: none !important;
  margin: 0 0 0 auto !important;
}

/* Tabs — underline like kit, beat pickels gray/navy blocks.
   Left edge of "Campaign Report" must match Application filter label. */
.securends .se-campaign-report-page .CampaignReportTabs,
.securends .se-campaign-report-page .report_content .nav-tabs {
  margin: 0 0 16px !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--se-line) !important;
  background: transparent !important;
  display: flex;
  align-items: flex-end;
  gap: 4px;
  width: 100%;
}

.securends .se-campaign-report-page .report_content .nav li,
.securends .se-campaign-report-page .CampaignReportTabs > li {
  float: none !important;
}

.securends .se-campaign-report-page .report_content .nav-tabs > li > a,
.securends .se-campaign-report-page .CampaignReportTabs > li > a,
.securends .se-campaign-report-page .CampaignReportTabs > li.tab_active > a,
.securends .se-campaign-report-page .report_content .nav > li > a.active,
.securends .se-campaign-report-page .report_content .nav > li > a.active:hover,
.securends .se-campaign-report-page .report_content .nav > li > a.active:focus {
  background: transparent !important;
  color: var(--se-ink-2) !important;
  border: none !important;
  border-bottom: 2px solid transparent !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  float: none !important;
  padding: 10px 14px !important;
  line-height: 1.3 !important;
}

.securends .se-campaign-report-page .CampaignReportTabs > li:first-child > a,
.securends .se-campaign-report-page .report_content .nav-tabs > li:first-child > a {
  padding-left: 0 !important;
}

.securends .se-campaign-report-page .CampaignReportTabs > li > a.active,
.securends .se-campaign-report-page .report_content .nav > li > a.active,
.securends .se-campaign-report-page .report_content .nav > li > a.active:hover,
.securends .se-campaign-report-page .report_content .nav > li > a.active:focus {
  color: var(--se-brand) !important;
  border-bottom-color: var(--se-brand) !important;
  font-weight: 600 !important;
  background: transparent !important;
}

/* Buttons — kit primary; title-bar Back is 32px / se-r-sm like Create Access Template */
.securends .se-campaign-report-page .AddAppBtn,
.securends .se-campaign-report-page input.AddAppBtn,
.securends .se-campaign-report-page .tempaddselect,
.securends .se-campaign-report-page .tempaddselect.AddAppBtn {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  height: 28px !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Title-bar Back — solid primary like Campaign Preview Back */
html[data-se-theme] .securends .se-campaign-report-page .o-form-title-bar .campaign_progress input.AddAppBtn,
.securends .se-campaign-report-page .o-form-title-bar .campaign_progress .AddAppBtn,
.securends .se-campaign-report-page .o-form-title-bar .campaign_progress input.AddAppBtn,
.securends .se-campaign-report-page .o-form-title-bar .campaign_progress .button-primary.blue {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  margin: 0 !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  border-radius: var(--se-r) !important;
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .securends .se-campaign-report-page .o-form-title-bar .campaign_progress input.AddAppBtn:hover,
.securends .se-campaign-report-page .o-form-title-bar .campaign_progress .AddAppBtn:hover,
.securends .se-campaign-report-page .o-form-title-bar .campaign_progress input.AddAppBtn:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
}

/* Effectiveness filters — row 1: Application + dates; row 2: Time period aligned under Application */
.securends .se-campaign-effectiveness-filters,
.securends .se-campaign-report-page .CampaignEffectiveness.se-campaign-effectiveness-filters {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 10px;
  margin: 0 0 16px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  width: 100%;
  float: none !important;
  background: transparent;
}

.securends .se-campaign-effectiveness-filters-row,
.securends .se-campaign-report-page .CampaignEffectiveness .se-campaign-effectiveness-filters-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-campaign-effectiveness-filters-row--primary > .se-eff-filter:first-of-type,
.securends .se-campaign-report-page .CampaignEffectiveness .se-campaign-effectiveness-filters-row--primary > .se-eff-filter:first-of-type {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* Shared label column so Time period control lines up with Application dropdown */
.securends .se-campaign-effectiveness-filters .label-width,
.securends .se-campaign-report-page .CampaignEffectiveness .label-width {
  flex: 0 0 100px !important;
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  text-align: left !important;
}

.securends .se-campaign-effectiveness-filters .btn-group,
.securends .se-campaign-effectiveness-filters .multiselect-native-select {
  display: inline-flex !important;
  width: auto !important;
  margin: 0 !important;
}

.securends .se-campaign-effectiveness-filters .se-eff-filter,
.securends .se-campaign-effectiveness-filters .form-group {
  display: inline-flex !important;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 1 auto;
}

.securends .se-campaign-effectiveness-filters label,
.securends .se-campaign-effectiveness-filters .campDates,
.securends .se-campaign-effectiveness-filters .label-width {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  margin: 0 !important;
  white-space: nowrap;
  line-height: 28px !important;
}

.securends .se-campaign-report-page .timeperiod,
.securends .se-campaign-effectiveness-filters select.timeperiod {
  height: 28px !important;
  min-width: 96px;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 8px !important;
  color: var(--se-ink) !important;
  background: var(--se-card) !important;
  margin: 0 !important;
}

.securends .se-campaign-report-page .CampaignEffectiveness button.multiselect,
.securends .se-campaign-report-page .CampaignEffectiveness button.multiselect.dropdown-toggle,
.securends .se-campaign-report-page .campaign-report-multiselect-wrap button.multiselect {
  height: 28px !important;
  min-width: 140px;
  max-width: 200px;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  padding: 0 8px !important;
  line-height: 26px !important;
  color: var(--se-ink) !important;
  background: var(--se-card) !important;
  box-shadow: none !important;
}

.securends .se-campaign-report-page .CampaignStDt,
.securends .se-campaign-report-page .CampaignEdDt {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  white-space: nowrap;
}

.securends .se-campaign-report-page .report_content .tab-content {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.securends .se-campaign-report-page .campaign-report {
  text-align: left !important;
  margin: 0 !important;
}

.securends .se-campaign-report-page .se-campaign-export-bar,
.securends .se-campaign-report-page .sidebar-btn-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  float: none !important;
  margin: 0 0 12px !important;
  padding: 0 4px 0 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-campaign-report-page .se-campaign-export-bar .tempaddselect,
.securends .se-campaign-report-page .se-campaign-export-bar .tempaddselect.AddAppBtn,
.securends .se-campaign-report-page .se-campaign-export-bar #tempADDdata,
.securends .se-campaign-report-page .se-campaign-export-bar button.tempaddselect {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
  height: 28px !important;
  min-height: 28px !important;
  min-width: max-content !important;
  max-width: none !important;
  width: auto !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r) !important;
  box-sizing: border-box !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  vertical-align: middle !important;
}

.securends .se-campaign-report-page .se-campaign-export-bar .tempaddselect:hover,
.securends .se-campaign-report-page .se-campaign-export-bar button.tempaddselect:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-campaign-report-page .se-campaign-export-bar .tempaddselect:disabled,
.securends .se-campaign-report-page .se-campaign-export-bar button.tempaddselect:disabled {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.securends .se-campaign-report-page .se-campaign-export-bar .tempaddselect .fa-spinner {
  margin-right: 6px;
}

.securends .se-campaign-report-page .se-campaign-export-bar > div,
.securends .se-campaign-report-page .o-form-button-bar {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  float: none !important;
}

.securends .se-campaign-report-page .se-export-info,
.securends .se-campaign-report-page .fa-info-circle.se-export-info {
  float: none !important;
  position: static !important;
  transform: none !important;
  direction: ltr !important;
  font-family: FontAwesome !important;
  font-style: normal !important;
  font-size: 16px !important;
  line-height: 28px !important;
  color: var(--se-ink-3) !important;
  cursor: help;
  display: inline-block !important;
}

.securends .se-campaign-report-page .se-export-info::before {
  content: "\f05a";
  font-family: FontAwesome !important;
  display: inline-block;
  transform: none !important;
}

.securends .se-campaign-report-charts {
  display: grid;
  grid-template-columns: minmax(280px, 1.2fr) minmax(220px, 1fr);
  gap: 16px;
  align-items: stretch;
  margin: 0 0 16px;
  width: 100%;
}

html[data-se-theme] #epTable.se-campaign-report-page .campaign-report .se-campaign-report-charts.risk-report,
html[data-se-theme] #epTable.se-campaign-report-page .campaign-report .risk-report,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts.risk-report,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts.se-campaign-report-charts--with-risk {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  grid-auto-rows: auto;
  align-items: stretch !important;
  flex: none !important;
  flex-direction: unset !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 12px;
}

html[data-se-theme] #epTable.se-campaign-report-page .campaign-report .risk-report .riskChart,
html[data-se-theme] #epTable.se-campaign-report-page .campaign-report .risk-report .graph.riskChart,
html[data-se-theme] #epTable.se-campaign-report-page .graph.myChart,
html[data-se-theme] #epTable.se-campaign-report-page .graph.riskChart {
  float: none !important;
  clear: none !important;
  flex: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  padding: 14px 16px 12px !important;
  box-sizing: border-box !important;
}

html[data-se-theme] #epTable.se-campaign-report-page .campaign-report .risk-report .risk-report-content,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts .se-campaign-report-stats,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-stats {
  flex: none !important;
  max-width: none !important;
  min-width: 0 !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 14px 20px 12px !important;
  padding-left: 20px !important;
  box-sizing: border-box !important;
  text-align: left !important;
  overflow: visible !important;
}

html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts .se-donut-wrap,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .se-donut-wrap {
  height: 200px !important;
  min-height: 200px !important;
  margin-bottom: 0 !important;
}

html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts .se-donut-wrap canvas,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .se-donut-wrap canvas {
  max-height: 200px !important;
}

html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .graph.myChart,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .graph.riskChart,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .se-campaign-report-stats {
  height: auto !important;
  min-height: 0 !important;
}

html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .se-campaign-report-stats .se-stat-row {
  padding: 8px 0;
}

html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .user-campaign-label,
html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts--with-risk .campaignReport-label {
  font-size: 12px !important;
}

@media (max-width: 1100px) {
  html[data-se-theme] #epTable.se-campaign-report-page .se-campaign-report-charts.se-campaign-report-charts--with-risk {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.securends .se-campaign-report-chart-card {
  padding: 14px 16px 12px !important;
  min-height: 0;
  height: auto;
  cursor: pointer;
  box-sizing: border-box;
}

.securends .se-campaign-report-stats {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0;
}

.securends .se-campaign-report-chart-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 0 8px;
  text-transform: capitalize;
  line-height: 1.3;
}

.securends .se-campaign-report-stats h4,
.securends .se-campaign-report-stats > span,
.securends .se-campaign-report-stats > b {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 0 8px !important;
}

.securends .se-campaign-report-stats .se-stat-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  padding: 12px 0;
  border-bottom: 1px solid var(--se-line-soft);
  text-align: left;
}

.securends .se-campaign-report-stats .se-stat-row:last-child {
  border-bottom: none;
}

.securends .se-campaign-report-stats .se-stat-swatch {
  width: 10px;
  height: 10px;
  border-radius: 2px;
  flex-shrink: 0;
}

.securends .se-campaign-report-stats .user-campaign-label {
  font-size: 13px !important;
  font-weight: 600 !important;
  margin: 0 !important;
  white-space: nowrap;
}

.securends .se-campaign-report-stats .campaignReport-label {
  margin-left: auto;
  color: var(--se-ink) !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
  text-align: right;
}

/* Stat swatches use global --se-chart-approved|pending|revoked (= ok/warn/risk). */
.securends .se-stat-pending .se-stat-swatch { background: var(--se-chart-pending); }
.securends .se-stat-pending .user-campaign-label { color: var(--se-chart-pending) !important; }

.securends .se-stat-approved .se-stat-swatch { background: var(--se-chart-approved); }
.securends .se-stat-approved .user-campaign-label { color: var(--se-chart-approved) !important; }

.securends .se-stat-revoked .se-stat-swatch { background: var(--se-chart-revoked); }
.securends .se-stat-revoked .user-campaign-label { color: var(--se-chart-revoked) !important; }

/* Effectiveness: Completed → approved (ok); No Action → revoked (risk) */
.securends .se-stat-completed .se-stat-swatch { background: var(--se-chart-approved); }
.securends .se-stat-completed .user-campaign-label { color: var(--se-chart-approved) !important; }

.securends .se-stat-noaction .se-stat-swatch { background: var(--se-chart-revoked); }
.securends .se-stat-noaction .user-campaign-label { color: var(--se-chart-revoked) !important; }

.securends .se-stat-total .se-stat-swatch { background: var(--se-ink); }
.securends .se-stat-total .user-campaign-label { color: var(--se-ink) !important; }

.securends .se-stat-managers .se-stat-swatch { background: var(--se-chart-managers); }
.securends .se-stat-managers .user-campaign-label { color: var(--se-chart-managers) !important; }

.securends .se-stat-employees .se-stat-swatch { background: var(--se-chart-employees); }
.securends .se-stat-employees .user-campaign-label { color: var(--se-chart-employees) !important; }

.securends .se-stat-credentials .se-stat-swatch { background: var(--se-chart-credentials); }
.securends .se-stat-credentials .user-campaign-label { color: var(--se-chart-credentials) !important; }

.securends .se-stat-entitlements .se-stat-swatch { background: var(--se-chart-entitlements); }
.securends .se-stat-entitlements .user-campaign-label { color: var(--se-chart-entitlements) !important; }

.securends .se-campaign-report-page .sidebar-btn-container .fa-info-circle {
  float: none !important;
  color: var(--se-ink-3);
}

/* Drill-down table (pie click) — beat pickels #CampaignReport 450px shell + .report_refresh left:1170px */
.securends .se-campaign-report-page .se-campaign-report-table-section {
  clear: both;
  width: 100%;
  margin: 16px 0 0;
  padding: 0;
  position: relative;
  z-index: 1;
  overflow: visible !important;
}

.securends .se-campaign-report-page .se-campaign-report-table-toolbar,
.securends .se-campaign-report-page .report_refresh {
  width: 100% !important;
  max-width: 100% !important;
  position: static !important;
  left: auto !important;
  bottom: auto !important;
  float: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.securends .se-campaign-report-page .se-campaign-report-refresh-spinner {
  margin: 0 !important;
}

html[data-se-theme] .securends .se-campaign-report-page .refresh_report,
.securends .se-campaign-report-page .refresh_report,
.securends .se-campaign-report-page .report_refresh .refresh_report {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  /* Beat pickels .refresh_report navy shell — blue border was the wrapper */
  background: transparent !important;
  background-color: transparent !important;
  border: 0 none !important;
  border-width: 0 !important;
  border-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
  outline: none !important;
}

/* Refresh — outlined secondary like SOR (.iam_add_Export); beat pickels #003a63 */
html[data-se-theme] .securends .se-campaign-report-page .refresh_report .refresh_report_btn,
.securends .se-campaign-report-page .refresh_report .refresh_report_btn,
.securends .se-campaign-report-page button.refresh_report_btn,
.securends .se-campaign-report-page .se-campaign-report-table-toolbar .refresh_report_btn,
.securends .se-campaign-report-page .report_refresh .refresh_report_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-color: var(--se-line) !important;
  outline: none !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  text-transform: none !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .securends .se-campaign-report-page .refresh_report .refresh_report_btn:hover:not(:disabled),
html[data-se-theme] .securends .se-campaign-report-page .refresh_report .refresh_report_btn:focus:not(:disabled),
html[data-se-theme] .securends .se-campaign-report-page .refresh_report .refresh_report_btn:focus-visible:not(:disabled),
.securends .se-campaign-report-page .refresh_report .refresh_report_btn:hover:not(:disabled),
.securends .se-campaign-report-page .refresh_report .refresh_report_btn:focus:not(:disabled),
.securends .se-campaign-report-page button.refresh_report_btn:hover:not(:disabled),
.securends .se-campaign-report-page .se-campaign-report-table-toolbar .refresh_report_btn:hover:not(:disabled) {
  background: var(--se-page) !important;
  background-color: var(--se-page) !important;
  border: 1px solid var(--se-line-soft) !important;
  border-color: var(--se-line-soft) !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

.securends .se-campaign-report-page .refresh_report .refresh_report_btn:disabled,
.securends .se-campaign-report-page button.refresh_report_btn:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Dark: ice primary like SOR Refresh (.iam_add_Export) */
html[data-se-mode="dark"][data-se-theme] .securends .se-campaign-report-page .refresh_report .refresh_report_btn,
html[data-se-mode="dark"] .securends .se-campaign-report-page button.refresh_report_btn {
  background: var(--se-btn-bg) !important;
  background-color: var(--se-btn-bg) !important;
  border: 1px solid var(--se-btn-bg) !important;
  border-color: var(--se-btn-bg) !important;
  color: var(--se-btn-fg) !important;
  -webkit-text-fill-color: var(--se-btn-fg) !important;
}

html[data-se-mode="dark"][data-se-theme] .securends .se-campaign-report-page .refresh_report .refresh_report_btn:hover:not(:disabled),
html[data-se-mode="dark"] .securends .se-campaign-report-page button.refresh_report_btn:hover:not(:disabled) {
  background: var(--se-btn-bg-hover) !important;
  background-color: var(--se-btn-bg-hover) !important;
  border-color: var(--se-btn-bg-hover) !important;
  color: var(--se-btn-fg) !important;
  -webkit-text-fill-color: var(--se-btn-fg) !important;
}

.securends .se-campaign-report-page .se-campaign-report-table-row {
  width: 100%;
  margin: 0 !important;
}

/*
 * Campaign Report layout — keep charts + export visible; one table scroller.
 * Do NOT lock the whole page to overflow:hidden (clips PDF button, kills
 * Effectiveness dropdowns, and collapses charts when the table mounts).
 */
.securends .se-campaign-report-page {
  box-sizing: border-box !important;
  overflow: visible !important;
  max-width: 100% !important;
  padding-right: 8px !important;
}

.securends .se-campaign-report-page .report_content,
.securends .se-campaign-report-page .tab-content,
.securends .se-campaign-report-page .row.campaign-report {
  overflow: visible !important;
  max-width: 100% !important;
}

/* Chart-click loader — overlay above charts, not a zero-height flex gap */
.securends .se-campaign-report-page .row.campaign-report {
  position: relative !important;
}

.securends .se-campaign-report-page .row.campaign-report > .loaderTitle {
  position: absolute !important;
  inset: 48px 0 0 0 !important;
  z-index: 6 !important;
  min-height: 220px !important;
  background: color-mix(in srgb, var(--se-page, #f8fafc) 72%, transparent) !important;
  pointer-events: none !important;
}

.securends .se-campaign-report-page .se-campaign-report-charts {
  flex: 0 0 auto !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.securends .se-campaign-report-page #CampaignReport.campaigns_report_table,
.securends .se-campaign-report-page .se-campaign-report-table-host {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  visibility: visible !important;
}

.securends .se-campaign-report-page #CampaignReport .ReactTable.-striped.-highlight.CampaignReport,
.securends .se-campaign-report-page #CampaignReport .ReactTable.CampaignReport {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  min-height: 280px !important;
  overflow: visible !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-table-line, var(--se-line)) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
}

/* Table body is the scroll surface — sticky header + frozen First/Last Name */
.securends .se-campaign-report-page #CampaignReport .ReactTable .rt-table {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-height: min(var(--se-table-max-h), calc(100vh - 360px)) !important;
  min-height: 200px !important;
  overflow: auto !important;
}

.securends .se-campaign-report-page #CampaignReport .ReactTable .rt-tbody {
  min-height: 120px !important;
}

.securends .se-campaign-report-page #CampaignReport .CampaignReport .rt-thead.-header,
.securends .se-campaign-report-page #CampaignReport .rt-thead.-header,
.securends .se-campaign-report-page .ReactTable.CampaignReport .rt-thead.-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  height: var(--se-table-colhead) !important;
  min-height: var(--se-table-colhead) !important;
  max-height: var(--se-table-colhead) !important;
  background: var(--se-table-header-bg) !important;
}

.securends .se-campaign-report-page #CampaignReport .CampaignReport .rt-thead.-filters,
.securends .se-campaign-report-page #CampaignReport .rt-thead.-filters,
.securends .se-campaign-report-page .ReactTable.CampaignReport .rt-thead.-filters {
  position: sticky !important;
  top: var(--se-table-colhead) !important;
  z-index: 4 !important;
  height: var(--se-table-filter-h) !important;
  min-height: var(--se-table-filter-h) !important;
  max-height: var(--se-table-filter-h) !important;
  overflow: visible !important;
  background: var(--se-card) !important;
}

.securends .se-campaign-report-page .ReactTable.CampaignReport.se-table-hscroll.se-freeze-action-1 .rt-thead.-header .rt-tr > .rt-th:nth-child(1),
.securends .se-campaign-report-page .ReactTable.CampaignReport.se-table-hscroll.se-freeze-action-1 .rt-thead.-header .rt-tr > .rt-th:nth-child(2) {
  background: var(--se-table-header-bg) !important;
}

.securends .se-campaign-report-page .ReactTable.CampaignReport.se-table-hscroll.se-freeze-action-1 .rt-thead.-filters .rt-tr > .rt-th:nth-child(1),
.securends .se-campaign-report-page .ReactTable.CampaignReport.se-table-hscroll.se-freeze-action-1 .rt-thead.-filters .rt-tr > .rt-th:nth-child(2),
.securends .se-campaign-report-page .ReactTable.CampaignReport.se-table-hscroll.se-freeze-action-1 .rt-tbody .rt-tr > .rt-td:nth-child(1),
.securends .se-campaign-report-page .ReactTable.CampaignReport.se-table-hscroll.se-freeze-action-1 .rt-tbody .rt-tr > .rt-td:nth-child(2) {
  background: var(--se-card) !important;
}

.securends .se-campaign-report-page #CampaignReport .ReactTable .-pagination {
  flex: 0 0 auto !important;
}

/* Effectiveness — filters + multiselect must escape any clip; table scrolls alone */
.securends .se-campaign-report-page .CampaignEffectiveness,
.securends .se-campaign-report-page .se-campaign-effectiveness-filters {
  overflow: visible !important;
  position: relative !important;
  z-index: 3 !important;
}

.securends .se-campaign-report-page .campaign-report-multiselect-wrap,
.securends .se-campaign-report-page .campaign-report-multiselect-wrap .btn-group,
.securends .se-campaign-report-page .campaign-report-multiselect-wrap .multiselect-native-select {
  position: relative !important;
  overflow: visible !important;
  z-index: 4 !important;
}

.securends .se-campaign-report-page .campaign-report-multiselect-wrap .dropdown-menu,
.securends .se-campaign-report-page .campaign-report-multiselect-wrap .multiselect-container {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 30 !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  min-width: 220px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-md) !important;
}

.securends .se-campaign-report-page .CampaignEffectiveness .dt-scroll,
.securends .se-campaign-report-page .CampaignEffectiveness #CampaignReport.dt-scroll,
.securends .se-campaign-report-page .CampaignEffectiveness .se-campaign-effectiveness-table-host {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  min-height: 280px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}

.securends .se-campaign-report-page .CampaignEffectiveness #CampaignReport .ReactTable.CampaignReport {
  min-height: 280px !important;
  overflow: visible !important;
}

.securends .se-campaign-report-page .CampaignEffectiveness #CampaignReport .ReactTable .rt-table {
  max-height: min(var(--se-table-max-h), calc(100vh - 360px)) !important;
  min-height: 200px !important;
  overflow: auto !important;
}

@media (max-width: 960px) {
  .securends .se-campaign-report-charts {
    grid-template-columns: 1fr;
  }

  .securends .se-campaign-effectiveness-filters {
    flex-wrap: wrap;
    white-space: normal;
  }
}

/* Audit — Historic Campaign.
   Routes: /filterCampaigns and /filterCampaigns/:expire/:name
   Same container FilterCampaigns.js. Signed-link route only triggers
   historicCampaignReportFileDownloader — do not change that.
   Keep #chart values pie/bar. Do not treat .multiselect as 3-dots.
   Keep dropdown resize/scroll (configActionDropdown-styles).
   Do not restyle HistoryTab (/reportanalytics) or unnamed /accessControl. */

.securends .se-audit-page>.row,
.securends .se-audit-page.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.securends .se-audit-page>.row>div {
  width: 100%;
  max-width: 100%;
}

.securends .se-audit-page .o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 12px 20px !important;
  margin: 0 0 16px !important;
  min-height: var(--se-page-toolbar);
  height: auto !important;
  position: sticky !important;
  top: var(--se-app-header) !important;
  z-index: 8;
  overflow: visible !important;
  box-sizing: border-box;
  width: 100%;
}

.securends .se-audit-page .iamUsersExport-header,
.securends .se-audit-page .expBtn {
  float: none !important;
  position: static !important;
  margin: 0 !important;
  right: auto !important;
  top: auto !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.securends .se-audit-page .o-form-title-bar>.se-toolbar-actions,
.securends .se-audit-page .se-toolbar-actions {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-left: auto !important;
}

.securends .se-audit-page .se-toolbar-actions .iam_add_Export,
.securends .se-audit-page .se-toolbar-actions .iam_add_Import {
  position: static !important;
  margin: 0 !important;
}

.securends .se-audit-page .fa-spinner-icon,
.securends .se-audit-page .fa-spinner,
.securends .se-audit-page .saveSpinner {
  position: static !important;
  right: auto !important;
  color: var(--se-brand) !important;
}

/* Filters — one card, one row (like Campaign Effectiveness se-campaign-effectiveness-filters) */
.securends .se-historic-campaign-page .filter-campaign,
.securends .se-historic-campaign-page .filter-campaigns-form {
  margin-top: 0 !important;
  margin-left: 0 !important;
  width: 100%;
}

.securends .se-historic-campaign-page .se-historic-campaign-filters {
  max-width: 100% !important;
  width: 100%;
  background: var(--se-card);
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 12px 20px !important;
  margin: 0 0 16px !important;
  overflow: visible !important;
  box-sizing: border-box;
}

/* Five filters on one row: label on top, control below — equal width columns */
.securends .se-historic-campaign-page .se-historic-filters-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(130px, 0.7fr) repeat(4, minmax(0, 1fr)) !important;
  gap: 0 16px;
  width: 100% !important;
  align-items: start !important;
}

.securends .se-historic-campaign-page .se-historic-filters-row .filter-campaigns-field {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-width: 0;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Override Bootstrap col-md-* that set fixed flex/max-width */
.securends .se-historic-campaign-page .se-historic-filters-row>.form-group.col-md-6,
.securends .se-historic-campaign-page .se-historic-filters-row>.form-group.col-md-12,
.securends .se-historic-campaign-page .se-historic-filters-row>.form-group,
.securends .se-historic-campaign-page .filter-campaigns-row>.form-group.col-md-6,
.securends .se-historic-campaign-page .filter-campaigns-row>.form-group.col-md-12 {
  flex: none !important;
  max-width: 100% !important;
  width: 100% !important;
}

/* Equal height and vertical centering for all 5 filter labels */
.securends .se-historic-campaign-page .se-historic-filters-row .label-width {
  color: var(--se-ink-2) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  width: 100% !important;
  min-width: 0 !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  line-height: 22px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  display: flex !important;
  align-items: center !important;
  gap: 4px;
  box-sizing: border-box !important;
}

.securends .se-historic-campaign-page .se-historic-filters-row .label-width .fa-info-circle,
.securends .se-historic-campaign-page .se-historic-filters-row .filter-campaigns-field .fa-info-circle {
  color: var(--se-ink-3) !important;
  font-size: 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  cursor: pointer;
}

/* Input wrappers — identical 36px height across select and multiselect */
.securends .se-historic-campaign-page .se-historic-filters-row .filter-campaigns-input-wrap,
.securends .se-historic-campaign-page .se-historic-filters-row .filterData {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  position: relative !important;
  overflow: visible !important;
}

.securends .se-historic-campaign-page .se-historic-filters-row .filterData {
  gap: 6px;
}

.securends .se-historic-campaign-page .se-historic-filters-row .filterData .btn-group,
.securends .se-historic-campaign-page .se-historic-filters-row .filterData .multiselect-native-select {
  flex: 1 1 auto;
  min-width: 0;
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  overflow: visible !important;
}

/* Spinner sits inline next to its dropdown */
.securends .se-historic-campaign-page .se-historic-filters-row .filterData .fa-spinner-icon {
  flex-shrink: 0;
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-historic-campaign-page .se-historic-filters-row .filterData .fa-spinner-icon .fa-spinner {
  float: none !important;
  position: static !important;
  font-size: 14px;
  color: var(--se-brand) !important;
}

.securends .se-historic-campaign-page .se-historic-filters-row .form-control.chartType,
.securends .se-historic-campaign-page .se-historic-filters-row .filterData button.multiselect,
.securends .se-historic-campaign-page .se-historic-filters-row .filterData button.multiselect.dropdown-toggle.btn.btn-default {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  line-height: 34px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
}

.securends .se-historic-campaign-page .se-historic-filters-row .form-control.chartType {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  box-shadow: none !important;
  appearance: auto;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 0 12px !important;
  vertical-align: middle !important;
}

/* Multiselect trigger — not a 3-dots menu */
.securends .se-historic-campaign-page .se-historic-filters-row .filterData button.multiselect,
.securends .se-historic-campaign-page .se-historic-filters-row .filterData button.multiselect.dropdown-toggle,
.securends .se-historic-campaign-page .filter-campaign button.multiselect.dropdown-toggle.btn.btn-default {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  padding: 0 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 13px !important;
  font-weight: 500 !important;
  vertical-align: middle !important;
}

.securends .se-historic-campaign-page .filterData button.multiselect .multiselect-selected-text,
.securends .se-historic-campaign-page .filter-campaign .multiselect-selected-text {
  color: var(--se-ink);
}

.securends .se-historic-campaign-page .filterData .caret,
.securends .se-historic-campaign-page .filterData button.multiselect .caret,
.securends .se-historic-campaign-page .filterData .dropdown-toggle .caret {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-left: 0.5rem;
  border-top-color: var(--se-ink-2);
}

.securends .se-historic-campaign-page .filter-campaign .dropdown-menu>li>a {
  padding: 0 !important;
}

/* Ensure all filter controls stretch to 100% of their column */
.securends .se-historic-campaign-page .filter-campaigns-form .filterData,
.securends .se-historic-campaign-page .filter-campaigns-form .filterData button.multiselect.dropdown-toggle.btn.btn-default,
.securends .se-historic-campaign-page .filter-campaigns-form .filterData button.multiselect,
.securends .se-historic-campaign-page .filter-campaigns-form .filter-campaigns-input-wrap,
.securends .se-historic-campaign-page .filter-campaigns-form .form-control.chartType {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.securends .se-historic-campaign-page .filter-campaigns-form .filterData ul.multiselect-container.dropdown-menu,
.securends .se-historic-campaign-page ul.multiselect-container.dropdown-menu {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 12px) !important;
  box-shadow: var(--se-shadow-lg) !important;
  color: var(--se-ink) !important;
  z-index: 10050 !important;
  width: 100% !important;
  min-width: 260px !important;
  max-width: 380px !important;
  left: 0 !important;
  right: auto !important;
  margin: 0 !important;
  resize: none !important;
  padding: 0 0 6px !important;
  background-image: none !important;
}

.securends .se-historic-campaign-page .filter-campaigns-form .annualTotals_drop .filterData ul.multiselect-container.dropdown-menu,
.securends .se-historic-campaign-page .annualTotals_drop .filterData ul.multiselect-container.dropdown-menu,
.securends .se-historic-campaign-page .annualTotals_drop ul.multiselect-container.dropdown-menu,
.securends .se-historic-campaign-page .filterData .annualTotals+.btn-group>ul.multiselect-container.dropdown-menu {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-historic-campaign-page ul.multiselect-container.dropdown-menu>li.active>a,
.securends .se-historic-campaign-page ul.multiselect-container.dropdown-menu>li.active>a:focus,
.securends .se-historic-campaign-page ul.multiselect-container.dropdown-menu>li.active>a:hover {
  background: var(--se-brand-tint, #edf5fd) !important;
  background-image: none !important;
  color: var(--se-ink) !important;
}

.securends .se-historic-campaign-page ul.multiselect-container.dropdown-menu>li.active>a>label {
  color: var(--se-ink) !important;
  font-weight: 500 !important;
}

/* Charts — Dashboard donut tiles (se-dashboard-panel + se-donut-wrap). Do not change Chart.js data. */
.securends .se-historic-campaign-page .filter-campaigns-charts {
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0 0 16px;
  width: 100%;
}

.securends .se-historic-campaign-page .ChartContainer {
  display: none;
}

.securends .se-historic-campaign-page .filter-campaigns-charts-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 16px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.securends .se-historic-campaign-page .filter-campaigns-charts-row .graph,
.securends .se-historic-campaign-page .graph.chart-container,
.securends .se-historic-campaign-page .se-historic-chart-card {
  flex: 1 1 280px !important;
  max-width: calc(33.333333% - 11px) !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  margin: 0 !important;
}

@media (max-width: 991px) {

  .securends .se-historic-campaign-page .filter-campaigns-charts-row .graph,
  .securends .se-historic-campaign-page .graph.chart-container,
  .securends .se-historic-campaign-page .se-historic-chart-card {
    flex: 1 1 240px !important;
    max-width: calc(50% - 8px) !important;
  }
}

@media (max-width: 1100px) {
  .securends .se-historic-campaign-page .se-historic-filters-row {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px 16px;
  }
}

@media (max-width: 768px) {
  .securends .se-audit-page .se-toolbar-actions {
    margin-left: 0 !important;
  }

  .securends .se-historic-campaign-page .se-historic-filters-row {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 16px;
  }
}

@media (max-width: 767px) {

  .securends .se-historic-campaign-page .filter-campaigns-charts-row .graph,
  .securends .se-historic-campaign-page .graph.chart-container,
  .securends .se-historic-campaign-page .se-historic-chart-card {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/*# sourceMappingURL=main-aeb5ac81.eac6e359.css.map*/