/* List screens (Applications, System of Record) share kit page/table/button chrome.
   This file only covers leftovers unique to list toolbars. */

.securends .applications.status {
  font-weight: 500;
}

/* --------------------------------------------------------------------------
   System of Record (/listofSystemRecords)
   Scoped to .se-sor-page so Applications (#epTable) is not forked.
   -------------------------------------------------------------------------- */

/* Kit sets barLeftWidget to width 100%; that wraps Refresh onto a second row. */
.securends .se-sor-page .barLeftWidget {
  width: auto !important;
  flex: 1 1 auto;
  min-width: 0;
}

.securends .se-sor-page .o-form-title-bar > div:last-child {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

/* Kill inline spinner hacks (marginLeft 800px / left 400px) without changing markup. */
.securends .se-sor-page .fa-spinner-icon {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
}

.securends .se-sor-page .typeStringBlock,
.securends .se-sor-page .typeControls label,
.securends .se-sor-page .sortBlock label {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  margin: 0 !important;
}

.securends .se-sor-page .altTOp {
  float: none !important;
  width: 100% !important;
  margin: 0 0 16px !important;
}

.securends .se-sor-page .alert-heading {
  color: var(--se-ok);
  font-size: 14px;
  font-weight: 600;
}

.securends .se-sor-page .identityInfo {
  color: var(--se-ink-2);
  font-size: 13px;
}

.securends .se-sor-page .identityInfo a {
  color: var(--se-brand);
}

@media (max-width: 960px) {
  .securends .se-sor-page .o-form-title-bar > div:last-child {
    margin-left: 0;
  }
}

/* --------------------------------------------------------------------------
   Identities (/manage)
   Scoped to .se-identities-page so other list toolbars are not forked.
   -------------------------------------------------------------------------- */

.securends .se-identities-page,
.securends #iamUsertbl,
.securends #iamUsertbl.peoplesTbl {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.securends .se-identities-page .se-identities-toolbar,
.securends .se-identities-toolbar {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  margin: 0 0 12px 0 !important;
}

.securends .se-identities-toolbar .o-form-title-bar {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  box-sizing: border-box !important;
  padding: 0 16px !important;
  row-gap: 8px;
}

/* Beat pickels `#peopleTitle { color:#002e56 !important }` — invisible on dark */
.securends .se-identities-toolbar #peopleTitle.o-form-title-bar,
.securends .se-identities-page #peopleTitle,
.securends #peopleTitle.o-form-title-bar,
html[data-se-theme] .securends #peopleTitle {
  color: var(--se-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

html[data-se-mode="dark"] .securends .se-identities-toolbar #peopleTitle,
html[data-se-mode="dark"] .securends #peopleTitle.o-form-title-bar,
html[data-se-mode="dark"] .securends #peopleTitle,
html[data-se-mode="dark"] #peopleTitle {
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
  background: transparent !important;
  background-color: transparent !important;
}

.securends .se-identities-toolbar .Sort_By_Data.se-identities-filters {
  position: static !important;
  top: auto !important;
  margin-left: 0 !important;
  z-index: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
  gap: 8px !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
}

.securends .se-identities-toolbar .Sort_By_Data.se-identities-filters .se-filter-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.securends .se-identities-toolbar .selectUsertype {
  display: inline-block !important;
  width: 110px !important;
  min-width: 96px !important;
  max-width: 120px !important;
  vertical-align: middle;
}

.securends .se-identities-toolbar .Manager {
  display: inline-block !important;
  width: 220px !important;
  min-width: 180px !important;
  max-width: 280px !important;
  vertical-align: middle;
}

.securends .se-identities-toolbar .iamUsersExport {
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  font-size: 12px !important;
}

.securends .se-identities-toolbar #managerBox {
  margin-top: 0 !important;
}

.securends .se-identities-page .se-identities-spinner,
.securends .se-identities-page .fa-spinner-icon {
  position: static !important;
  float: none !important;
  right: auto !important;
  top: auto !important;
  margin: 0 0 8px auto !important;
  display: flex;
  justify-content: flex-end;
}

.securends .se-identities-page .mng-label h4,
.securends .se-identities-page .iamuser h4 {
  color: var(--se-ink-2);
  font-size: 13px;
  font-weight: 500;
  margin: 0 0 12px;
}

.securends .se-identities-toolbar .selectUsertype .css-13cymwt-control,
.securends .se-identities-toolbar .selectUsertype > div[class*="-control"],
.securends .se-identities-toolbar .selectUsertype .react-select__control {
  min-height: 28px !important;
  height: 28px !important;
  min-width: 96px !important;
  width: 110px !important;
  border-color: var(--se-line) !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
  font-family: var(--se-sans);
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.securends .se-identities-toolbar .Manager .css-13cymwt-control,
.securends .se-identities-toolbar .Manager > div[class*="-control"],
.securends .se-identities-toolbar .Manager .react-select__control {
  min-height: 28px !important;
  height: 28px !important;
  min-width: 180px !important;
  width: 220px !important;
  border-color: var(--se-line) !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
  font-family: var(--se-sans);
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
}

.securends .se-identities-toolbar .selectUsertype .react-select__value-container,
.securends .se-identities-toolbar .Manager .react-select__value-container,
.securends .se-identities-toolbar .selectUsertype [class*="-ValueContainer"],
.securends .se-identities-toolbar .Manager [class*="-ValueContainer"] {
  justify-content: flex-start !important;
  justify-items: start !important;
  text-align: left !important;
}

.securends .se-identities-toolbar .selectUsertype .react-select__single-value,
.securends .se-identities-toolbar .selectUsertype .react-select__placeholder,
.securends .se-identities-toolbar .Manager .react-select__single-value,
.securends .se-identities-toolbar .Manager .react-select__placeholder,
.securends .se-identities-toolbar .selectUsertype [class*="-singleValue"],
.securends .se-identities-toolbar .selectUsertype [class*="-placeholder"],
.securends .se-identities-toolbar .Manager [class*="-singleValue"],
.securends .se-identities-toolbar .Manager [class*="-placeholder"] {
  text-align: left !important;
  margin-left: 0 !important;
  left: 0 !important;
}

/* Status / Manager: center value vs kit.css value-container padding + 28px control */
.securends .se-identities-toolbar .selectUsertype [class*="-ValueContainer"],
.securends .se-identities-toolbar .selectUsertype [class*="-value-container"],
.securends .se-identities-toolbar .selectUsertype .react-select__value-container,
.securends .se-identities-toolbar .Manager [class*="-ValueContainer"],
.securends .se-identities-toolbar .Manager [class*="-value-container"],
.securends .se-identities-toolbar .Manager .react-select__value-container {
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.securends .se-identities-toolbar .selectUsertype [class*="-singleValue"],
.securends .se-identities-toolbar .selectUsertype [class*="-placeholder"],
.securends .se-identities-toolbar .selectUsertype .react-select__single-value,
.securends .se-identities-toolbar .selectUsertype .react-select__placeholder,
.securends .se-identities-toolbar .Manager [class*="-singleValue"],
.securends .se-identities-toolbar .Manager [class*="-placeholder"],
.securends .se-identities-toolbar .Manager .react-select__single-value,
.securends .se-identities-toolbar .Manager .react-select__placeholder {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  position: static !important;
  top: auto !important;
  transform: none !important;
  max-width: 100% !important;
}

.securends .se-identities-toolbar .selectUsertype [class*="-IndicatorsContainer"],
.securends .se-identities-toolbar .selectUsertype .react-select__indicators,
.securends .se-identities-toolbar .Manager [class*="-IndicatorsContainer"],
.securends .se-identities-toolbar .Manager .react-select__indicators {
  height: 100% !important;
  min-height: 0 !important;
  align-items: center !important;
  align-self: stretch !important;
  padding: 0 !important;
}

.securends .se-identities-toolbar .selectUsertype [class*="-indicatorContainer"],
.securends .se-identities-toolbar .selectUsertype [class*="-dropdownIndicator"],
.securends .se-identities-toolbar .Manager [class*="-indicatorContainer"],
.securends .se-identities-toolbar .Manager [class*="-dropdownIndicator"] {
  padding: 0 6px !important;
  display: flex !important;
  align-items: center !important;
}

.securends .se-identities-toolbar .selectUsertype input,
.securends .se-identities-toolbar .Manager input {
  margin: 0 !important;
  padding: 0 !important;
}

/* Portaled Status/Manager menus (menuPortalTarget=body; hashed emotion classes) */
html[data-se-theme] .react-select__menu-portal .react-select__menu,
html[data-se-theme] [class*="menuPortal"] [class*="-menu"] {
  background: var(--se-raise, var(--se-card)) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
}

html[data-se-theme] .react-select__menu-portal .react-select__option,
html[data-se-theme] [class*="menuPortal"] [class*="-option"] {
  color: var(--se-ink) !important;
  background: transparent !important;
}

html[data-se-theme] .react-select__menu-portal .react-select__option:hover,
html[data-se-theme] .react-select__menu-portal .react-select__option--is-focused,
html[data-se-theme] [class*="menuPortal"] [class*="-option"]:hover,
html[data-se-theme] [class*="menuPortal"] [class*="-option"][class*="focused"] {
  background: var(--se-row-hover) !important;
  color: var(--se-ink) !important;
}

html[data-se-theme] .react-select__menu-portal .react-select__option--is-selected,
html[data-se-theme] [class*="menuPortal"] [class*="-option"][class*="selected"] {
  background: var(--se-brand) !important;
  color: #fff !important;
}

html[data-se-mode="dark"] .react-select__menu-portal .react-select__menu,
html[data-se-mode="dark"] [class*="menuPortal"] [class*="-menu"] {
  background: var(--bg-surface-elevated, var(--se-raise)) !important;
  color: var(--text-primary, var(--se-ink)) !important;
  border-color: var(--border-default, var(--se-line)) !important;
}

html[data-se-mode="dark"] .react-select__menu-portal .react-select__option,
html[data-se-mode="dark"] [class*="menuPortal"] [class*="-option"] {
  color: var(--text-primary, var(--se-ink)) !important;
  background: transparent !important;
}

html[data-se-mode="dark"] .react-select__menu-portal .react-select__option:hover,
html[data-se-mode="dark"] .react-select__menu-portal .react-select__option--is-focused,
html[data-se-mode="dark"] [class*="menuPortal"] [class*="-option"]:hover,
html[data-se-mode="dark"] [class*="menuPortal"] [class*="-option"][class*="focused"] {
  background: var(--bg-table-row-hover, var(--se-row-hover)) !important;
  color: var(--text-primary, var(--se-ink)) !important;
}

html[data-se-mode="dark"] .react-select__menu-portal .react-select__option--is-selected,
html[data-se-mode="dark"] [class*="menuPortal"] [class*="-option"][class*="selected"] {
  background: var(--se-brand) !important;
  color: #fff !important;
}

/* Colcfg host wrapper */
.securends .se-identities-page .se-rt-colcfg-host {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Identities ReactTable container: strictly 100% width so toolbar and pagination stay in viewport */
.securends .se-identities-page .ReactTable.iamUsersTbl {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Horizontal scrolling restricted strictly to .rt-table */
.securends .se-identities-page .ReactTable.iamUsersTbl .rt-table,
.securends .se-identities-page .iamUsersTbl .rt-table {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  flex: 1 1 auto !important;
}

.securends .se-identities-page .ReactTable.iamUsersTbl.se-table-scroll .rt-table,
.securends .se-identities-page .iamUsersTbl.se-table-scroll .rt-table {
  max-height: var(--se-table-max-h) !important;
  overflow-y: auto !important;
}

.securends .se-identities-page .ReactTable.iamUsersTbl.se-table-scroll-off .rt-table,
.securends .se-identities-page .iamUsersTbl.se-table-scroll-off .rt-table {
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

/* Pagination container strictly pinned within visible viewport (first screen) */
.securends .se-identities-page .pagination-bottom,
.securends .se-identities-page .ReactTable.iamUsersTbl .pagination-bottom,
.securends .se-identities-page .ReactTable.iamUsersTbl .-pagination {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}

.securends .se-identities-page .ReactTable.iamUsersTbl .-pagination {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 8px 16px !important;
  background: var(--se-card) !important;
  border-top: 1px solid var(--se-line) !important;
}

.securends .se-identities-page .ReactTable.iamUsersTbl .-pagination .-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  text-align: center !important;
}

.securends .se-identities-page .ReactTable.iamUsersTbl .-pagination .-previous,
.securends .se-identities-page .ReactTable.iamUsersTbl .-pagination .-next {
  flex: 0 0 auto !important;
}

/* Identities 3-dots: Bootstrap .dropdown-menu (not .ActionDropdown-content).
   Pickels .leftAlign { left: 75px } + translate3d(-37.6px) parks the panel on
   the frozen name column; .actionsDropDown { z-index: 0 } then hides it. */
/* ACTION is 74px; Identities header lacked actionColContainer so it stayed at
   inline width 110 + flexGrow 200. Freeze then parked Employee Name at 110px
   and left a white gap after the 3-dots. Lock header/filter/body together. */
.securends .se-identities-page .iamUsersTbl.se-freeze-action-1 {
  --se-table-freeze-1: var(--se-table-action-w, 74px);
}

.securends .se-identities-page .iamUsersTbl .rt-thead.-header .rt-tr>.rt-th:first-child,
.securends .se-identities-page .iamUsersTbl .rt-thead.-filters .rt-tr>.rt-th:first-child,
.securends .se-identities-page .iamUsersTbl .rt-tbody .rt-tr>.rt-td:first-child,
.securends .se-identities-page .iamUsersTbl .rt-th.actionColContainer,
.securends .se-identities-page .iamUsersTbl .rt-td.actionColContainer {
  flex: 0 0 var(--se-table-action-w, 74px) !important;
  flex-grow: 0 !important;
  width: var(--se-table-action-w, 74px) !important;
  min-width: var(--se-table-action-w, 74px) !important;
  max-width: var(--se-table-action-w, 74px) !important;
  box-sizing: border-box !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.securends .se-identities-page .iamUsersTbl .rt-td:has(.ActionDropdown),
.securends .se-identities-page .iamUsersTbl .rt-td.actionColContainer {
  overflow: visible !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown.actionsDropDown,
.securends .se-identities-page .iamUsersTbl .ActionDropdown {
  overflow: visible !important;
  z-index: 2 !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown.show,
.securends .se-identities-page .iamUsersTbl .ActionDropdown:has(.dropdown-menu.show),
.securends .se-identities-page .iamUsersTbl .rt-td:has(.dropdown-menu.show) {
  z-index: 30 !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown:has(.dropdown-menu) {
  display: inline-block !important;
  width: auto !important;
  position: relative !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign,
.securends .se-identities-page .iamUsersTbl .rt-tbody .rt-tr-group:nth-child(n) .ActionDropdown .dropdown-menu,
.securends .se-identities-page .iamUsersTbl .rt-tbody .rt-tr-group:nth-last-child(n) .ActionDropdown .dropdown-menu,
.securends .se-identities-page .iamUsersTbl .drop-move .ActionDropdown .dropdown-menu,
.securends .se-identities-page .iamUsersTbl .drop-extra .ActionDropdown .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: 2000 !important;
  max-height: none !important;
  overflow: visible !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li:not(:has(a)) {
  display: none !important;
}

/* Icon ↔ label gap for Identities action items.
   Menu uses Bootstrap .dropdown-menu > li > a (not .child), so global
   ActionDropdown gap never applied. Assigned Campaigns / User Campaigns
   wrap the icon in <span> with no space before the label. */
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign {
  min-width: 220px !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign > li > a,
body > .se-table-action-menu-portaled.dropdown-menu > li > a,
html[data-se-theme] .se-table-action-menu-portaled.dropdown-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  color: var(--se-ink) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a > span,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign > li > a > span,
body > .se-table-action-menu-portaled.dropdown-menu > li > a > span,
html[data-se-theme] .se-table-action-menu-portaled.dropdown-menu > li > a > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a i.fa,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu.leftAlign > li > a i.fa,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a > span i.fa,
body > .se-table-action-menu-portaled.dropdown-menu > li > a i.fa,
html[data-se-theme] .se-table-action-menu-portaled.dropdown-menu > li > a i.fa {
  flex: 0 0 16px !important;
  width: 16px !important;
  min-width: 16px !important;
  margin: 0 !important;
  text-align: center !important;
  font-size: 14px !important;
  color: var(--se-ink-2) !important;
  line-height: 1 !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a:hover,
.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a:focus,
body > .se-table-action-menu-portaled.dropdown-menu > li > a:hover,
html[data-se-theme] .se-table-action-menu-portaled.dropdown-menu > li > a:hover {
  background: var(--se-row-hover) !important;
  color: var(--se-brand) !important;
}

.securends .se-identities-page .iamUsersTbl .ActionDropdown .dropdown-menu > li > a:hover i.fa,
body > .se-table-action-menu-portaled.dropdown-menu > li > a:hover i.fa,
html[data-se-theme] .se-table-action-menu-portaled.dropdown-menu > li > a:hover i.fa {
  color: var(--se-brand) !important;
}

@media (max-width: 960px) {
  .securends .se-identities-toolbar .iamUsersExport {
    margin-left: 0 !important;
  }
}

/* --------------------------------------------------------------------------
   Customer (/customer) — #customertbl
   Presentation only. Keep #createCustomer / updateCustomer* / viewCustomer*
   Link targets and accessors (name, active).
   -------------------------------------------------------------------------- */

.securends .se-customer-page,
.securends #customertbl.se-customer-page {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-customer-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-customer-page .col-md-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-customer-page h2.o-form-title-bar {
  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: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  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;
}

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

/* Create Customer — primary brand (beat absolute .sa-btn-header-right) */
.securends .se-customer-page .sa-btn-header-right,
.securends .se-customer-page .se-toolbar-actions .iam_add_Export,
.securends .se-customer-page #createCustomer.iam_add_Export {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-decoration: none !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-customer-page .se-toolbar-actions .iam_add_Export:hover,
.securends .se-customer-page #createCustomer.iam_add_Export:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

/* Table frame — beat inline Raleway / #66afe9 cell borders */
.securends .se-customer-page .ReactTable.se-customer-table,
.securends .se-customer-page .ReactTable {
  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;
  font-family: var(--se-sans) !important;
}

.securends .se-customer-page .ReactTable .rt-thead.-header .rt-th,
.securends .se-customer-page .ReactTable .rt-thead.-header .rt-th > div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  background: transparent !important;
  height: auto !important;
  line-height: 1.3 !important;
}

.securends .se-customer-page .ReactTable .rt-td {
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  background: var(--se-card) !important;
  border-top: 1px solid var(--se-table-line, var(--se-line)) !important;
  border-right: none !important;
}

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

/* Filter under Customer Name — full column width */
.securends .se-customer-page .ReactTable .rt-thead.-filters .rt-th {
  padding: 4px 8px !important;
}

.securends .se-customer-page .ReactTable .rt-thead.-filters .rt-th input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

.securends .se-customer-page .ReactTable .rt-thead.-filters .rt-th input:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

/* Status chips — Active / Inactive (campaign status-chip pattern; keep label text) */
.securends .se-customer-page .ReactTable .label__pg,
.securends #customertbl .ReactTable .label__pg,
.securends .se-customer-page .ReactTable .label_danger,
.securends #customertbl .ReactTable .label_danger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px;
  min-width: 0 !important;
  height: auto !important;
  padding: 3px 12px !important;
  border-radius: 999px !important;
  font-family: var(--se-sans) !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0.01em;
  white-space: nowrap !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
  vertical-align: middle;
}

.securends .se-customer-page .ReactTable .label__pg,
.securends #customertbl .ReactTable .label__pg {
  background: var(--se-ok-tint) !important;
  color: var(--se-ok) !important;
  border-color: color-mix(in srgb, var(--se-ok) 28%, transparent) !important;
}

.securends .se-customer-page .ReactTable .label__pg:hover,
.securends #customertbl .ReactTable .label__pg:hover {
  background: var(--se-ok-tint) !important;
  color: var(--se-ok) !important;
  text-decoration: none !important;
}

.securends .se-customer-page .ReactTable .label_danger,
.securends #customertbl .ReactTable .label_danger {
  background: var(--se-risk-tint) !important;
  color: var(--se-risk) !important;
  border-color: color-mix(in srgb, var(--se-risk) 28%, transparent) !important;
}

.securends .se-customer-page .ReactTable .label_danger:hover,
.securends #customertbl .ReactTable .label_danger:hover {
  background: var(--se-risk-tint) !important;
  color: var(--se-risk) !important;
  text-decoration: none !important;
}

/* Center status chip in the STATUS column */
.securends .se-customer-page .ReactTable .rt-td:has(.label__pg),
.securends .se-customer-page .ReactTable .rt-td:has(.label_danger) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Row actions — Update / View (primary brand, same kit as Create Customer) */
.securends .se-customer-page .ReactTable .rt-td .iam_add_Export,
.securends .se-customer-page .ReactTable .rt-td a.iam_add_Export,
.securends .se-customer-page .ReactTable .rt-td a[id^="updateCustomer"],
.securends .se-customer-page .ReactTable .rt-td a[id^="viewCustomer"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 8px 0 0 !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-decoration: none !important;
  text-transform: none !important;
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-customer-page .ReactTable .rt-td .iam_add_Export:hover,
.securends .se-customer-page .ReactTable .rt-td a.iam_add_Export:hover,
.securends .se-customer-page .ReactTable .rt-td a[id^="updateCustomer"]:hover,
.securends .se-customer-page .ReactTable .rt-td a[id^="viewCustomer"]:hover {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
  text-decoration: none !important;
}

.securends .se-customer-page .ReactTable .-pagination {
  border-top: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  font-family: var(--se-sans) !important;
  color: var(--se-ink-2) !important;
}

/* --------------------------------------------------------------------------
   Create / Update Customer forms (/createCustomer, /updateCustomer/:id)
   Presentation only. Keep #customerForm #create_button #cust_back field ids.
   MultiSelectDropdown is customer/MultiSelectDropdown.js (not components/).
   -------------------------------------------------------------------------- */

.securends .se-customer-form-page {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-customer-form-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-customer-form-page h2.o-form-title-bar {
  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: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  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;
}

.securends .se-customer-form-page form#customerForm.se-customer-form-card,
.securends .se-customer-form-page form#createCustomerAdminForm.se-customer-form-card,
.securends .se-customer-form-page .se-customer-form-card {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px !important;
  padding: 20px 24px 16px !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;
  box-sizing: border-box;
  font-family: var(--se-sans) !important;
}

.securends .se-customer-form-page .form-group {
  margin-bottom: 16px !important;
}

.securends .se-customer-form-page .form-group label,
.securends .se-customer-form-page .control-label,
.securends .se-customer-form-page .is2FAEnabledLabel,
.securends .se-customer-form-page .activeLabel {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.securends .se-customer-form-page .form-control,
.securends .se-customer-form-page textarea.form-control {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 8px 12px !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* Match kit/selects.css native selects (36px, themed caret — same as other screens) */
.securends .se-customer-form-page select.form-control,
.securends .se-customer-form-page select:not([multiple]) {
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 32px 0 12px !important;
  line-height: 34px !important;
  box-sizing: border-box !important;
  background-color: var(--se-card) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px 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-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  cursor: pointer !important;
}

.securends .se-customer-form-page select.form-control::-ms-expand,
.securends .se-customer-form-page select:not([multiple])::-ms-expand {
  display: none !important;
}

.securends .se-customer-form-page select.form-control:hover,
.securends .se-customer-form-page select:not([multiple]):hover {
  border-color: var(--se-line-soft) !important;
}

html[data-se-mode="dark"] .securends .se-customer-form-page select.form-control,
html[data-se-mode="dark"] .securends .se-customer-form-page select:not([multiple]) {
  background-image: var(--se-select-caret-dark) !important;
}

.securends .se-customer-form-page .form-control:focus,
.securends .se-customer-form-page select.form-control:focus,
.securends .se-customer-form-page select:not([multiple]):focus,
.securends .se-customer-form-page textarea.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-customer-form-page .form-control.invalid {
  border-color: var(--se-risk) !important;
}

.securends .se-customer-form-page .error,
.securends .se-customer-form-page .error-message {
  color: var(--se-risk) !important;
  font-size: 12px !important;
  font-family: var(--se-sans) !important;
}

.securends .se-customer-form-page textarea.form-control,
.securends .se-customer-form-page textarea.form-control.note {
  min-height: 72px !important;
  resize: vertical;
}

/* Alignment: Product Type / Modules match Bootstrap col-md-6 gutters */
.securends .se-customer-form-page .sa-ptype-content {
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.securends .se-customer-form-page .sa-ptype-content .multi-select-container {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  font-family: var(--se-sans) !important;
  gap: 0 !important;
  box-sizing: border-box;
}

.securends .se-customer-form-page .sa-ptype-content .multi-select-container .label_dropdown_bind {
  position: relative !important;
  width: 50% !important;
  max-width: 50% !important;
  margin: 0 0 16px !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

.securends .se-customer-form-page .sa-ptype-content .multi-select-container .label_dropdown_bind:first-child {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.securends .se-customer-form-page .sa-ptype-content .multi-select-container .label_dropdown_bind:last-child {
  padding-left: 15px !important;
  padding-right: 15px !important;
  margin-right: 0 !important;
}

.securends .se-customer-form-page .sa-ptype-content .multi-select-container .label_dropdown_bind:last-child .dropdown-label,
.securends .se-customer-form-page .sa-ptype-content .multi-select-container .label_dropdown_bind:last-child .dropdown-header {
  margin-right: 0 !important;
}

.securends .se-customer-form-page .dropdown-label {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.securends .se-customer-form-page .dropdown-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  box-sizing: border-box !important;
  cursor: pointer;
  box-shadow: none !important;
}

.securends .se-customer-form-page .dropdown-header:hover {
  border-color: var(--se-line-soft) !important;
}

.securends .se-customer-form-page .dropdown-header > span:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: none !important;
}

.securends .se-customer-form-page .dropdown-arrow {
  flex: 0 0 auto !important;
  color: var(--se-ink-2) !important;
  font-size: 10px !important;
  line-height: 1 !important;
}

.securends .se-customer-form-page .dropdown-list {
  position: absolute !important;
  left: 15px !important;
  right: 15px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: 220px !important;
  margin: 4px 0 0 !important;
  padding: 6px 0 !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;
  z-index: 40 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  list-style: none !important;
}

.securends .se-customer-form-page .dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  padding: 8px 12px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  cursor: pointer;
  background: transparent !important;
}

.securends .se-customer-form-page .dropdown-item:hover {
  background: var(--se-row-hover) !important;
}

.securends .se-customer-form-page .dropdown-item.selected {
  background: var(--se-brand-tint) !important;
  color: var(--se-ink) !important;
}

.securends .se-customer-form-page .dropdown-item 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) !important;
  cursor: pointer;
  /* Beat kit unchecked `outline` — it draws a second box around the native control */
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

/* Important Note callout */
.securends .se-customer-form-page .se-customer-note {
  margin: 0 15px 16px !important;
  padding: 12px 14px !important;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line) !important;
  border-left: 4px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.securends .se-customer-form-page .se-customer-note-title {
  display: flex !important;
  align-items: center !important;
  gap: 8px;
  margin: 0 0 8px !important;
  color: var(--se-ink) !important;
  font-weight: 600 !important;
}

.securends .se-customer-form-page .se-customer-note-title .fa {
  color: var(--se-brand) !important;
  margin: 0 !important;
}

.securends .se-customer-form-page .se-customer-note b {
  color: var(--se-ink) !important;
  font-weight: 600 !important;
}

.securends .se-customer-form-page .se-customer-note > div + div {
  margin-top: 8px;
}

/* Toggle row */
.securends .se-customer-form-page .activeEnabled {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px 16px;
}

.securends .se-customer-form-page .activeEnabled > label.is2FAEnabledLabel,
.securends .se-customer-form-page .activeEnabled > label.activeLabel {
  display: inline-block !important;
  margin: 0 !important;
  width: auto !important;
}

/* Actions — Create/Update primary, Back secondary */
.securends .se-customer-form-page .se-customer-form-actions {
  position: static !important;
  top: auto !important;
  margin-top: 8px !important;
}

.securends .se-customer-form-page .customerBtn,
.securends .se-customer-form-page .custUpdateBtn {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

.securends .se-customer-form-page #create_button.custom__pg,
.securends .se-customer-form-page button.custom__pg {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-customer-form-page #create_button.custom__pg:hover,
.securends .se-customer-form-page button.custom__pg:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-customer-form-page #cust_back.custom_secondary,
.securends .se-customer-form-page #cust_ad_back.custom_secondary,
.securends .se-customer-form-page a.custom_secondary,
.securends .se-customer-form-page button.custom_secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 30px !important;
  text-decoration: none !important;
  cursor: pointer;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-customer-form-page #cust_back.custom_secondary:hover,
.securends .se-customer-form-page #cust_ad_back.custom_secondary:hover,
.securends .se-customer-form-page a.custom_secondary:hover,
.securends .se-customer-form-page button.custom_secondary:hover {
  background: var(--se-page) !important;
  border-color: var(--se-line-soft) !important;
  color: var(--se-ink) !important;
  text-decoration: none !important;
}

@media (max-width: 768px) {
  .securends .se-customer-form-page .sa-ptype-content .multi-select-container .label_dropdown_bind {
    width: 100% !important;
    max-width: 100% !important;
  }

  .securends .se-customer-form-page .dropdown-list {
    left: 15px !important;
    right: 15px !important;
  }
}

/* --------------------------------------------------------------------------
   View Customer (/viewCustomer/:id/:name) — Admin Users table
   Presentation only. Keep #createCustomer #cust_back #syncModal handlers.
   -------------------------------------------------------------------------- */

.securends .se-customer-view-page,
.securends #customertbl.se-customer-view-page {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-customer-view-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-customer-view-page .col-md-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Match other page toolbars (Customers / Create Customer) */
.securends .se-customer-view-page h2.o-form-title-bar {
  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: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  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;
}

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

.securends .se-customer-view-page .appconfig_btn {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
}

.securends .se-customer-view-page .se-toolbar-actions .iam_add_Export,
.securends .se-customer-view-page #createCustomer.iam_add_Export {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-decoration: none !important;
}

.securends .se-customer-view-page .se-toolbar-actions .iam_add_Export:hover,
.securends .se-customer-view-page #createCustomer.iam_add_Export:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-customer-view-page .ReactTable.se-customer-admin-table,
.securends .se-customer-view-page .ReactTable {
  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;
  font-family: var(--se-sans) !important;
}

.securends .se-customer-view-page .ReactTable .rt-thead.-header .rt-th,
.securends .se-customer-view-page .ReactTable .rt-thead.-header .rt-th > div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  background: transparent !important;
  height: auto !important;
  line-height: 1.3 !important;
}

.securends .se-customer-view-page .ReactTable .rt-td {
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  background: var(--se-card) !important;
  border-top: 1px solid var(--se-table-line, var(--se-line)) !important;
}

.securends .se-customer-view-page .ReactTable .rt-tr:hover > .rt-td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
}

.securends .se-customer-view-page .ReactTable .rt-thead.-filters .rt-th {
  padding: 4px 8px !important;
}

.securends .se-customer-view-page .ReactTable .rt-thead.-filters .rt-th input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

.securends .se-customer-view-page .ReactTable .rt-thead.-filters .rt-th input:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

/* Room for column-config corner on last header / filter cell */
.securends .se-rt-colcfg-host.has-colcfg .se-customer-view-page .ReactTable .rt-thead.-header .rt-th:last-child,
.securends .se-rt-colcfg-host.has-colcfg .se-customer-view-page .ReactTable .rt-thead.-filters .rt-th:last-child,
.securends .se-customer-view-page .se-rt-colcfg-host.has-colcfg .ReactTable .rt-thead.-header .rt-th:last-child,
.securends .se-customer-view-page .se-rt-colcfg-host.has-colcfg .ReactTable .rt-thead.-filters .rt-th:last-child {
  padding-right: 44px !important;
}

/* Remove Admin — themed danger button */
.securends .se-customer-view-page .ReactTable .rt-td .custom_danger,
.securends .se-customer-view-page .ReactTable button.custom_danger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  background: var(--se-risk) !important;
  border: 1px solid var(--se-risk) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-transform: none !important;
  cursor: pointer;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-customer-view-page .ReactTable .rt-td .custom_danger:hover,
.securends .se-customer-view-page .ReactTable button.custom_danger:hover {
  background: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  border-color: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  color: #fff !important;
}

.securends .se-customer-view-page .ReactTable .rt-td.se-customer-remove-col,
.securends .se-customer-view-page .ReactTable .rt-td:has(.custom_danger) {
  text-align: center !important;
}

.securends .se-customer-view-page .se-customer-view-back,
.securends .se-customer-view-page .back_cls {
  margin-top: 16px !important;
}

.securends .se-customer-view-page .back_cls #cust_back.custom_secondary,
.securends .se-customer-view-page #cust_back.custom_secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  padding: 0 16px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
}

.securends .se-customer-view-page .back_cls #cust_back.custom_secondary:hover,
.securends .se-customer-view-page #cust_back.custom_secondary:hover {
  background: var(--se-page) !important;
  border-color: var(--se-line-soft) !important;
  color: var(--se-ink) !important;
}

/* --------------------------------------------------------------------------
   Application Config List (/applicationConfig)
   Presentation only. Keep #addApplicationConfig, #appConfig, delete modal,
   accessors (rowId, name, value, isUiConfig). Column config via StickySort.
   -------------------------------------------------------------------------- */

.securends .se-app-config-page,
.securends #ApplicationConfigtbl.se-app-config-page {
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-app-config-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-app-config-page .col-md-12,
.securends .se-app-config-page .table-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-app-config-page h2.o-form-title-bar {
  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: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  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;
}

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

.securends .se-app-config-page .sa-btn-header-right,
.securends .se-app-config-page .se-toolbar-actions .iam_add_Export,
.securends .se-app-config-page #addApplicationConfig.iam_add_Export {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-decoration: none !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-app-config-page .se-toolbar-actions .iam_add_Export:hover,
.securends .se-app-config-page #addApplicationConfig.iam_add_Export:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-app-config-page .ReactTable.se-app-config-table,
.securends .se-app-config-page .ReactTable {
  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;
  font-family: var(--se-sans) !important;
}

.securends .se-app-config-page .ReactTable .rt-thead.-header .rt-th,
.securends .se-app-config-page .ReactTable .rt-thead.-header .rt-th > div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  background: transparent !important;
  height: auto !important;
  line-height: 1.3 !important;
}

.securends .se-app-config-page .ReactTable .rt-td {
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  background: var(--se-card) !important;
  border-top: 1px solid var(--se-table-line, var(--se-line)) !important;
  border-right: none !important;
}

.securends .se-app-config-page .ReactTable .rt-tr:hover > .rt-td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
}

.securends .se-app-config-page .ReactTable .rt-thead.-filters .rt-th {
  padding: 4px 8px !important;
}

.securends .se-app-config-page .ReactTable .rt-thead.-filters .rt-th input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 28px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

.securends .se-app-config-page .ReactTable .rt-thead.-filters .rt-th input:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

/* Room for column-config corner (header filter / bars icon) */
.securends .se-rt-colcfg-host.has-colcfg .se-app-config-page .ReactTable .rt-thead.-header .rt-th:last-child,
.securends .se-rt-colcfg-host.has-colcfg .se-app-config-page .ReactTable .rt-thead.-filters .rt-th:last-child,
.securends .se-app-config-page .se-rt-colcfg-host.has-colcfg .ReactTable .rt-thead.-header .rt-th:last-child,
.securends .se-app-config-page .se-rt-colcfg-host.has-colcfg .ReactTable .rt-thead.-filters .rt-th:last-child {
  padding-right: 44px !important;
}

/* Update — brand primary */
.securends .se-app-config-page .ReactTable .rt-td #appConfig.iam_add_Export,
.securends .se-app-config-page .ReactTable .rt-td button#appConfig {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 8px 0 0 !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-decoration: none !important;
  text-transform: none !important;
  position: static !important;
  float: none !important;
  cursor: pointer;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-app-config-page .ReactTable .rt-td #appConfig.iam_add_Export:hover,
.securends .se-app-config-page .ReactTable .rt-td button#appConfig:hover {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-app-config-page .ReactTable .rt-td #appConfig .hidden_m_icon {
  display: none !important;
}

/* Delete — risk */
.securends .se-app-config-page .ReactTable .rt-td .se-app-config-delete,
.securends .se-app-config-page .ReactTable .rt-td button.custom_danger.se-app-config-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  background: var(--se-risk) !important;
  border: 1px solid var(--se-risk) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-transform: none !important;
  position: static !important;
  float: none !important;
  cursor: pointer;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-app-config-page .ReactTable .rt-td .se-app-config-delete:hover,
.securends .se-app-config-page .ReactTable .rt-td button.custom_danger.se-app-config-delete:hover {
  background: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  border-color: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  color: #fff !important;
}

.securends .se-app-config-page .ReactTable .-pagination {
  border-top: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  font-family: var(--se-sans) !important;
  color: var(--se-ink-2) !important;
}

/* --------------------------------------------------------------------------
   Connectors List (/connectorsList)
   Presentation only. Keep Enable/Disable/Edit handlers, endpointType switch,
   edit modal ids (#connector_desc, #connector_logo).
   Page header "Connectors" + section titles (Enabled/Disabled/Flex).
   Full-width body card; beat inline marginLeft on uar-appl-list.
   -------------------------------------------------------------------------- */

.securends .se-connectors-page,
.securends .endpointConfigCard.steps.se-connectors-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-connectors-page .hrsystemAppCnt {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-connectors-page .se-connectors-section,
.securends .se-connectors-page .row.mt-3.se-connectors-section,
.securends.securends .se-connectors-page .row.mt-3.se-connectors-section {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line-soft) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 16px 20px 20px !important;
  outline: none !important;
}

.securends .se-connectors-page .se-connectors-section:last-child,
.securends .se-connectors-page .se-connectors-body > .row.mt-3:last-child {
  margin-bottom: 0 !important;
}

/* Page toolbar — Connectors */
.securends .se-connectors-page > .hrsystemAppCnt > h2.o-form-title-bar,
.securends .se-connectors-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
  letter-spacing: -0.01em;
}

/* Section labels inside the body card (Enabled / Disabled / Flex) */
.securends .se-connectors-page .se-connectors-section-title {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 12px !important;
  padding: 0 0 8px !important;
  border: none !important;
  border-bottom: 1px solid var(--se-line) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  line-height: 1.3 !important;
  letter-spacing: 0.01em;
}

.securends .se-connectors-page .se-connectors-section:not(:first-child) .se-connectors-section-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Body wrapper — sections own their borders */
.securends .se-connectors-page .se-connectors-body {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  overflow: visible !important;
}

.securends .se-connectors-page .uar-apps-wrapper {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.securends .se-connectors-page .uar-apps-section {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px !important;
  min-height: 0 !important;
  box-sizing: border-box !important;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line-soft) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.securends .se-connectors-page .uar-featured-block {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.securends .se-connectors-page .uar-appl-list,
.securends .se-connectors-page .uar-appl-list-less {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 16px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  padding-top: 0 !important;
  max-height: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-connectors-page .uar-dashboard-items {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
}

.securends .se-connectors-page .uar-dashboard-items > .col-md-2 {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  float: none !important;
}

.securends .se-connectors-page .uar-item-img.card,
.securends .se-connectors-page .uar-item-img.card.roleNameBox {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
  width: 140px !important;
  min-width: 140px !important;
  min-height: 118px !important;
  height: auto !important;
  margin: 0 !important;
  /* Reserve top band so Disable/Enable never covers logo + name */
  padding: 34px 12px 12px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  text-align: center !important;
  overflow: visible !important;
  transition: border-color 0.2s var(--se-ease, ease), box-shadow 0.2s var(--se-ease, ease),
    background 0.2s var(--se-ease, ease), padding 0.15s var(--se-ease, ease);
}

.securends .se-connectors-page .uar-item-img.card:hover,
.securends .se-connectors-page .uar-item-img.card.roleNameBox:hover {
  border-color: var(--se-line-soft) !important;
  box-shadow: var(--se-shadow) !important;
  background: var(--se-card) !important;
}

/* Extra top room when Edit also shows under Disable */
.securends .se-connectors-page .uar-item-img.card:has(.requestbtn .allowClick ~ .allowClick):hover {
  padding-top: 62px !important;
}

/* Disabled connectors — muted surface (beat #ddd) */
.securends .se-connectors-page #selectedConInfo.uar-item-img.card,
.securends .se-connectors-page .uar-item-img.card.selectedAppInfo#selectedConInfo {
  background: var(--se-page) !important;
  border-color: var(--se-line) !important;
  opacity: 1 !important;
}

.securends .se-connectors-page .uar-item-img img,
.securends .se-connectors-page .uar-item-img .appLogo,
.securends .se-connectors-page .superAdmin-Connector-item-img {
  width: 72px !important;
  height: 36px !important;
  max-width: 72px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}

.securends .se-connectors-page .uar-item-img .agent {
  width: 100%;
  min-width: 0;
  text-align: center !important;
}

.securends .se-connectors-page .uar_text_title {
  display: block;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3;
  color: var(--se-ink) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Hover action — pin to top edge so logo + name stay clear below */
.securends .se-connectors-page .requestbtn {
  display: none !important;
  position: absolute !important;
  top: 4px !important;
  left: 50% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  margin: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  z-index: 3 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  border-radius: 0 !important;
  text-align: center;
  pointer-events: auto !important;
}

.securends .se-connectors-page .roleNameBox:hover .requestbtn,
.securends .se-connectors-page .uar-item-img.card:hover .requestbtn {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px;
}

.securends .se-connectors-page .requestbtn hr {
  display: none !important;
}

.securends .se-connectors-page .allowClick {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 26px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
  text-decoration: none !important;
  box-shadow: var(--se-shadow) !important;
  cursor: pointer !important;
  white-space: nowrap;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

/* Disable — risk (first action on enabled cards) */
.securends .se-connectors-page .roleNameBox:not(#selectedConInfo) .requestbtn .allowClick {
  background: var(--se-risk) !important;
  border: 1px solid var(--se-risk) !important;
  color: #fff !important;
}

.securends .se-connectors-page .roleNameBox:not(#selectedConInfo) .requestbtn .allowClick:hover {
  background: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  border-color: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  color: #fff !important;
}

/* Edit (SE1/2/3 second action) — brand */
.securends .se-connectors-page .roleNameBox:not(#selectedConInfo) .requestbtn .allowClick ~ .allowClick {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
}

.securends .se-connectors-page .roleNameBox:not(#selectedConInfo) .requestbtn .allowClick ~ .allowClick:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

/* Enable on disabled cards — brand */
.securends .se-connectors-page #selectedConInfo .requestbtn .allowClick,
.securends .se-connectors-page .uar-item-img.card#selectedConInfo .allowClick {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
}

.securends .se-connectors-page #selectedConInfo .requestbtn .allowClick:hover,
.securends .se-connectors-page .uar-item-img.card#selectedConInfo .allowClick:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-connectors-page .connectorSpinner,
.securends .se-connectors-page .fa-spinner-icon.connectorSpinner {
  position: static !important;
  float: none !important;
  margin: 0 0 12px !important;
}

.securends .se-connectors-page .error {
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* --------------------------------------------------------------------------
   Banner Configuration (/trialPeriodInfo — TrialPeriodInfo.js)
   Theme + Save button only. Do NOT override Banner Schedule / row / column
   layout — pickels #ApplicationConfigtbl .banner-schedule-* owns alignment.
   -------------------------------------------------------------------------- */

.securends .se-banner-config-page,
.securends #ApplicationConfigtbl.se-banner-config-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-banner-config-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-banner-config-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

.securends .se-banner-config-page .se-banner-config-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

/* Colors only — no layout / margin overrides on labels or schedule */
.securends .se-banner-config-page .settingsTitleName,
.securends .se-banner-config-page label.settingsTitleName {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

.securends .se-banner-config-page .banner-schedule-label,
.securends .se-banner-config-page .fromDaysText {
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
}

.securends .se-banner-config-page textarea.form-control,
.securends .se-banner-config-page .contractTrialDate .form-control,
.securends .se-banner-config-page .fromDaysPicker .form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  box-shadow: none !important;
}

.securends .se-banner-config-page .banner-schedule-row .enteredDaysVal {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  box-shadow: none !important;
}

.securends .se-banner-config-page textarea.form-control:focus,
.securends .se-banner-config-page .contractTrialDate .form-control:focus,
.securends .se-banner-config-page .fromDaysPicker .form-control:focus,
.securends .se-banner-config-page .banner-schedule-row .enteredDaysVal:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-banner-config-page .error {
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
}

/* Save — brand primary (colors / chrome only) */
.securends .se-banner-config-page .submit-button.button-primary.blue,
.securends .se-banner-config-page button.button.button-primary.blue.submit-button {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.securends .se-banner-config-page .submit-button.button-primary.blue:hover:not(:disabled),
.securends .se-banner-config-page button.button.button-primary.blue.submit-button:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-banner-config-page .submit-button.button-primary.blue:disabled,
.securends .se-banner-config-page button.button.button-primary.blue.submit-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.securends .se-banner-config-page .se-banner-config-actions .fa-spinner-icon {
  color: var(--se-brand) !important;
}

/* --------------------------------------------------------------------------
   OnPrem Logs (/RequestOnPremGALogs)
   Theme + selects + Request under Agent column. Keep #agent #appLocation
   #Date #templatesave handlers and values.
   -------------------------------------------------------------------------- */

.securends .se-onprem-logs-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-onprem-logs-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-onprem-logs-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

.securends .se-onprem-logs-page .se-onprem-logs-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

.securends .se-onprem-logs-page .se-onprem-logs-fields.row.form-group {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0;
}

.securends .se-onprem-logs-page .se-onprem-logs-fields > .col-md-3 {
  float: none !important;
  margin-bottom: 0 !important;
}

.securends .se-onprem-logs-page .control-label,
.securends .se-onprem-logs-page label.control-label,
.securends .se-onprem-logs-page #terminationDateLabel {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.securends .se-onprem-logs-page .se-onprem-date-group.form-group {
  margin: 0 !important;
}

.securends .se-onprem-logs-page select.form-control,
.securends .se-onprem-logs-page #agent.form-control,
.securends .se-onprem-logs-page #appLocation.form-control,
.securends .se-onprem-logs-page .date-picker.form-control,
.securends .se-onprem-logs-page .react-datepicker-wrapper,
.securends .se-onprem-logs-page .react-datepicker__input-container,
.securends .se-onprem-logs-page .react-datepicker__input-container input {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-onprem-logs-page select.form-control,
.securends .se-onprem-logs-page #agent.form-control,
.securends .se-onprem-logs-page #appLocation.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 32px 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background-color: var(--se-page) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 7px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.securends .se-onprem-logs-page select.form-control:focus,
.securends .se-onprem-logs-page #agent.form-control:focus,
.securends .se-onprem-logs-page #appLocation.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-onprem-logs-page .react-datepicker__input-container input.form-control,
.securends .se-onprem-logs-page input.date-picker.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.securends .se-onprem-logs-page .react-datepicker__input-container input.form-control:focus,
.securends .se-onprem-logs-page input.date-picker.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-onprem-logs-page .error {
  display: block;
  margin-top: 4px;
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* Request — under Agent dropdown, brand primary */
.securends .se-onprem-logs-page .se-onprem-logs-actions {
  margin-top: 16px !important;
  width: 100% !important;
}

.securends .se-onprem-logs-page #templatesave.templatesave.btn.btn-primary.se_btn_new,
.securends .se-onprem-logs-page button#templatesave {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 36px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  box-shadow: none !important;
  text-transform: none !important;
  float: none !important;
  position: static !important;
  cursor: pointer !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-onprem-logs-page #templatesave.templatesave.btn.btn-primary.se_btn_new:hover:not(:disabled),
.securends .se-onprem-logs-page button#templatesave:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-onprem-logs-page #templatesave.templatesave.btn.btn-primary.se_btn_new:disabled,
.securends .se-onprem-logs-page button#templatesave:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* --------------------------------------------------------------------------
   Campaign Service Logs (/RequestCampaignServiceLogs)
   Theme + Date field + Request under Date. Keep #Date handlers / disabled.
   -------------------------------------------------------------------------- */

.securends .se-campaign-service-logs-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-service-logs-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-campaign-service-logs-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-fields.row.form-group {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-fields > .col-md-3 {
  float: none !important;
  margin-bottom: 0 !important;
}

.securends .se-campaign-service-logs-page .control-label,
.securends .se-campaign-service-logs-page #campaignServiceLogDateLabel {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.securends .se-campaign-service-logs-page .se-campaign-service-date-group.form-group {
  margin: 0 !important;
}

.securends .se-campaign-service-logs-page .react-datepicker-wrapper,
.securends .se-campaign-service-logs-page .react-datepicker__input-container,
.securends .se-campaign-service-logs-page .react-datepicker__input-container input,
.securends .se-campaign-service-logs-page .date-picker.form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-campaign-service-logs-page .react-datepicker__input-container input.form-control,
.securends .se-campaign-service-logs-page input.date-picker.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.securends .se-campaign-service-logs-page .react-datepicker__input-container input.form-control:focus,
.securends .se-campaign-service-logs-page input.date-picker.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-campaign-service-logs-page .error {
  display: block;
  margin-top: 4px;
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* Request — under Date field, brand primary */
.securends .se-campaign-service-logs-page .se-campaign-service-logs-actions {
  margin-top: 16px !important;
  width: 100% !important;
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-actions.o-form-button-bar {
  float: none !important;
  text-align: left !important;
  padding: 0 !important;
  margin-top: 16px !important;
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-actions input.button.button-primary,
.securends .se-campaign-service-logs-page .o-form-button-bar input.button.button-primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 36px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  box-shadow: none !important;
  text-transform: none !important;
  float: none !important;
  position: static !important;
  cursor: pointer !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-actions input.button.button-primary:hover:not(:disabled),
.securends .se-campaign-service-logs-page .o-form-button-bar input.button.button-primary:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-campaign-service-logs-page .se-campaign-service-logs-actions input.button.button-primary:disabled,
.securends .se-campaign-service-logs-page .o-form-button-bar input.button.button-primary:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* --------------------------------------------------------------------------
   Product Subscription (/Subscriptions)
   Theme + ReactTable + column-config bars. Keep #Customer #createCustomer
   #updateSubscription delete modal / accessors.
   -------------------------------------------------------------------------- */

.securends .se-subscriptions-page,
.securends #customertbl.se-subscriptions-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-subscriptions-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-subscriptions-page .col-md-12,
.securends .se-subscriptions-page .table-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-subscriptions-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

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

.securends .se-subscriptions-page .sa-btn-header-right,
.securends .se-subscriptions-page .se-toolbar-actions .iam_add_Export,
.securends .se-subscriptions-page #createCustomer.iam_add_Export {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  text-decoration: none !important;
}

.securends .se-subscriptions-page .se-toolbar-actions .iam_add_Export:hover,
.securends .se-subscriptions-page #createCustomer.iam_add_Export:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-subscriptions-page .se-subscriptions-filter-row {
  margin-bottom: 12px !important;
}

.securends .se-subscriptions-page .se-subscriptions-filter-row .form-group {
  margin-bottom: 0 !important;
}

.securends .se-subscriptions-page .control-label,
.securends .se-subscriptions-page #CustomerLabel {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.securends .se-subscriptions-page #Customer.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 32px 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background-color: var(--se-page) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 7px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.securends .se-subscriptions-page #Customer.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-subscriptions-page .ReactTable.se-subscriptions-table,
.securends .se-subscriptions-page .ReactTable {
  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;
  font-family: var(--se-sans) !important;
}

.securends .se-subscriptions-page .ReactTable .rt-thead.-header .rt-th,
.securends .se-subscriptions-page .ReactTable .rt-thead.-header .rt-th > div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  background: transparent !important;
}

.securends .se-subscriptions-page .ReactTable .rt-td {
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  background: var(--se-card) !important;
  border-top: 1px solid var(--se-table-line, var(--se-line)) !important;
}

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

.securends .se-subscriptions-page .ReactTable .rt-thead.-filters .rt-th input {
  height: 28px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

.securends .se-subscriptions-page .ReactTable .rt-thead.-filters .rt-th input:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

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

/* Update — brand */
.securends .se-subscriptions-page .ReactTable .rt-td #updateSubscription.iam_add_Export,
.securends .se-subscriptions-page .ReactTable .rt-td button#updateSubscription {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 8px 0 0 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  cursor: pointer;
}

.securends .se-subscriptions-page .ReactTable .rt-td #updateSubscription.iam_add_Export:hover,
.securends .se-subscriptions-page .ReactTable .rt-td button#updateSubscription:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

/* Delete — risk */
.securends .se-subscriptions-page .ReactTable .rt-td .se-subscriptions-delete,
.securends .se-subscriptions-page .ReactTable .rt-td button.custom_danger.se-subscriptions-delete {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 8px 0 0 !important;
  background: var(--se-risk) !important;
  border: 1px solid var(--se-risk) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  cursor: pointer;
}

.securends .se-subscriptions-page .ReactTable .rt-td .se-subscriptions-delete:hover,
.securends .se-subscriptions-page .ReactTable .rt-td button.custom_danger.se-subscriptions-delete:hover {
  background: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  border-color: color-mix(in srgb, var(--se-risk) 85%, #000) !important;
  color: #fff !important;
}

.securends .se-subscriptions-page .ReactTable .-pagination {
  border-top: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  font-family: var(--se-sans) !important;
  color: var(--se-ink-2) !important;
}

.securends .se-subscriptions-page .noDataComponent {
  font-family: var(--se-sans) !important;
  color: var(--se-ink-2) !important;
}

/* --------------------------------------------------------------------------
   Create / Update Subscription (/createSubscription, /updateSubscription/:id)
   Save/Back live in toolbar (beat .appconfig_btn float off-screen).
   Keep #customerId #productType #startDate #endDate handlers.
   -------------------------------------------------------------------------- */

.securends .se-subscription-form-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-subscription-form-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-subscription-form-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

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

.securends .se-subscription-form-page .appconfig_btn {
  position: static !important;
  float: none !important;
  top: auto !important;
  margin: 0 !important;
}

/* Back — outline */
.securends .se-subscription-form-page #subscription_back.se-subscription-back,
.securends .se-subscription-form-page button.se-subscription-back {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.securends .se-subscription-form-page #subscription_back.se-subscription-back:hover,
.securends .se-subscription-form-page button.se-subscription-back:hover {
  background: var(--se-page) !important;
  border-color: var(--se-line-soft) !important;
  color: var(--se-ink) !important;
}

/* Save — brand primary */
.securends .se-subscription-form-page #subscription_save.se-subscription-save,
.securends .se-subscription-form-page button.se-subscription-save {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.securends .se-subscription-form-page #subscription_save.se-subscription-save:hover,
.securends .se-subscription-form-page button.se-subscription-save:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-subscription-form-page .se-subscription-form-card,
.securends .se-subscription-form-page .table-container.createSub {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

.securends .se-subscription-form-page .se-subscription-form-section {
  margin: 0 0 16px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--se-line) !important;
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  line-height: 1.3 !important;
}

.securends .se-subscription-form-page .se-subscription-form-card > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 4px !important;
}

.securends .se-subscription-form-page .form-group {
  margin-bottom: 16px !important;
  float: none !important;
}

.securends .se-subscription-form-page .form-group.col-md-6 {
  width: 100% !important;
  max-width: 480px !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-subscription-form-page label,
.securends .se-subscription-form-page .control-label {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-align: left !important;
}

.securends .se-subscription-form-page select.form-control,
.securends .se-subscription-form-page #customerId.form-control,
.securends .se-subscription-form-page #productType.form-control {
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 32px 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background-color: var(--se-page) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 7px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.securends .se-subscription-form-page select.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-subscription-form-page .react-datepicker-wrapper,
.securends .se-subscription-form-page .react-datepicker__input-container,
.securends .se-subscription-form-page .react-datepicker__input-container input,
.securends .se-subscription-form-page #startDate.form-control,
.securends .se-subscription-form-page #endDate.form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-subscription-form-page .react-datepicker__input-container input.form-control,
.securends .se-subscription-form-page #startDate.form-control,
.securends .se-subscription-form-page #endDate.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.securends .se-subscription-form-page .react-datepicker__input-container input.form-control:focus,
.securends .se-subscription-form-page #startDate.form-control:focus,
.securends .se-subscription-form-page #endDate.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-subscription-form-page .error {
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* --------------------------------------------------------------------------
   Application Refresh Status (/UpdateEndpointsRefreshStatus)
   Update aligned beside Application Name select. Keep #appLocation #templatesave.
   -------------------------------------------------------------------------- */

.securends .se-app-refresh-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-app-refresh-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
  top: auto !important;
  z-index: auto !important;
}

.securends .se-app-refresh-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 10px;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

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

.securends .se-app-refresh-page .se-app-refresh-spinner {
  position: static !important;
  float: none !important;
  top: auto !important;
  color: var(--se-brand) !important;
}

.securends .se-app-refresh-page .se-app-refresh-header-btn.iam_add_Export {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 14px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.securends .se-app-refresh-page .se-app-refresh-header-btn.iam_add_Export:hover {
  background: var(--se-page) !important;
  border-color: var(--se-line-soft) !important;
  color: var(--se-ink) !important;
}

.securends .se-app-refresh-page .se-app-refresh-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

.securends .se-app-refresh-page .se-app-refresh-fields.row.form-group {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
}

.securends .se-app-refresh-page .se-app-refresh-select-col {
  float: none !important;
  max-width: 480px !important;
}

.securends .se-app-refresh-page .control-label,
.securends .se-app-refresh-page #appLocationLabel {
  display: block !important;
  margin: 0 0 6px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

/* Select + Update on one row, aligned with Application Name field */
.securends .se-app-refresh-page .se-app-refresh-control-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
}

.securends .se-app-refresh-page .se-app-refresh-control-row #appLocation.form-control {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 32px 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background-color: var(--se-page) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 7px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.securends .se-app-refresh-page .se-app-refresh-control-row #appLocation.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-app-refresh-page #templatesave.se-app-refresh-update,
.securends .se-app-refresh-page button#templatesave.se-app-refresh-update {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 36px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  box-shadow: none !important;
  text-transform: none !important;
  float: none !important;
  position: static !important;
  cursor: pointer !important;
}

.securends .se-app-refresh-page #templatesave.se-app-refresh-update:hover:not(:disabled),
.securends .se-app-refresh-page button#templatesave.se-app-refresh-update:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-app-refresh-page #templatesave.se-app-refresh-update:disabled,
.securends .se-app-refresh-page button#templatesave.se-app-refresh-update:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.securends .se-app-refresh-page .error {
  display: block;
  margin-top: 4px;
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* --------------------------------------------------------------------------
   License Message (/LicenseMessage)
   Theme + brand Save under input column. Keep field ids / handlers.
   -------------------------------------------------------------------------- */

.securends .se-license-message-page,
.securends #ApplicationConfigtbl.se-license-message-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-license-message-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-license-message-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

.securends .se-license-message-page .se-license-message-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

.securends .se-license-message-page .se-license-message-form > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-license-message-page .settingsTitleName,
.securends .se-license-message-page label.settingsTitleName {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

.securends .se-license-message-page .o-form-input .form-control,
.securends .se-license-message-page input.form-control,
.securends .se-license-message-page textarea.form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.securends .se-license-message-page input.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  line-height: 34px !important;
}

.securends .se-license-message-page textarea.form-control {
  min-height: 120px !important;
  padding: 10px 12px !important;
  line-height: 1.45 !important;
  resize: vertical;
}

.securends .se-license-message-page .o-form-input .form-control:focus,
.securends .se-license-message-page input.form-control:focus,
.securends .se-license-message-page textarea.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-license-message-page .error {
  display: block;
  margin-top: 4px;
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* Save — brand primary, left-aligned under input column */
.securends .se-license-message-page .submit-button.button-primary.blue,
.securends .se-license-message-page button.button.button-primary.blue.submit-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 36px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  box-shadow: none !important;
  text-transform: none !important;
  float: none !important;
  cursor: pointer !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-license-message-page .submit-button.button-primary.blue:hover:not(:disabled),
.securends .se-license-message-page button.button.button-primary.blue.submit-button:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-license-message-page .submit-button.button-primary.blue:disabled,
.securends .se-license-message-page button.button.button-primary.blue.submit-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.securends .se-license-message-page .se-license-message-actions .fa-spinner-icon {
  color: var(--se-brand) !important;
}

/* --------------------------------------------------------------------------
   Email Footer (/EmailFooter)
   Theme + select kit + brand Save under field column.
   Keep #Customer / #urlValue handlers and True/False values.
   -------------------------------------------------------------------------- */

.securends .se-email-footer-page,
.securends #ApplicationConfigtbl.se-email-footer-page {
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-email-footer-page > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-email-footer-page h2.o-form-title-bar {
  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: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center !important;
  min-height: var(--se-page-toolbar, 48px);
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !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;
}

.securends .se-email-footer-page .se-email-footer-form {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 20px 24px 24px !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;
  font-family: var(--se-sans) !important;
}

.securends .se-email-footer-page .se-email-footer-form > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-email-footer-page .settingsTitleName,
.securends .se-email-footer-page label.settingsTitleName,
.securends .se-email-footer-page label.urlValue {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

.securends .se-email-footer-page select.form-control,
.securends .se-email-footer-page #Customer.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 32px 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background-color: var(--se-page) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 10px 7px !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

.securends .se-email-footer-page select.form-control:focus,
.securends .se-email-footer-page #Customer.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-email-footer-page input.form-control,
.securends .se-email-footer-page #urlValue.form-control {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  line-height: 34px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.securends .se-email-footer-page input.form-control:focus,
.securends .se-email-footer-page #urlValue.form-control:focus {
  outline: none !important;
  border-color: var(--se-brand) !important;
  background: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-email-footer-page .error {
  display: block;
  margin-top: 4px;
  color: var(--se-risk) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
}

/* Save — brand primary, under Email Footer / URL column */
.securends .se-email-footer-page .submit-button.button-primary.blue,
.securends .se-email-footer-page button.button.button-primary.blue.submit-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 96px !important;
  height: 36px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  position: static !important;
  float: none !important;
  right: auto !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  color: #fff !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  box-shadow: none !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background 0.2s var(--se-ease, ease), border-color 0.2s var(--se-ease, ease);
}

.securends .se-email-footer-page .submit-button.button-primary.blue:hover:not(:disabled),
.securends .se-email-footer-page button.button.button-primary.blue.submit-button:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-email-footer-page .submit-button.button-primary.blue:disabled,
.securends .se-email-footer-page button.button.button-primary.blue.submit-button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.securends .se-email-footer-page .se-email-footer-actions .fa-spinner-icon {
  color: var(--se-brand) !important;
}

/* Loaders — presentation overlay. Keep isLoading, showLoaderAction, ReactTable loading,
   Font Awesome <i>, #spinner, and MUI CircularProgress markup/timing.
   Alignment: beat pickels absolute offsets (top:225px, right:-60px, epLoader*) and
   inline hacks (marginLeft:800px) so every surface centers or sits inline next to actions. */

@keyframes se-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes se-shimmer {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}

.se-skeleton,
.securends .se-skeleton {
  display: block;
  height: 12px;
  max-width: 220px;
  margin: 0 auto 8px;
  border-radius: 6px;
  background: linear-gradient(
    90deg,
    var(--se-page) 0%,
    var(--se-brand-tint) 50%,
    var(--se-page) 100%
  );
  background-size: 200% 100%;
  animation: se-shimmer 1.2s ease-in-out infinite;
}

/* --------------------------------------------------------------------------
   Full-page overlay (.loader from Loader.js / showLoaderAction)
   -------------------------------------------------------------------------- */
.loader {
  position: fixed !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 1000 !important;
  background-image: none !important;
  background-color: var(--se-loader-scrim) !important;
  background-size: auto !important;
  background-position: center !important;
  opacity: 1 !important;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.loader::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--se-loader-size);
  height: var(--se-loader-size);
  margin: calc(var(--se-loader-size) / -2) 0 0 calc(var(--se-loader-size) / -2);
  box-sizing: border-box;
  border: 3px solid var(--se-loader-track);
  border-top-color: var(--se-brand);
  border-radius: 50%;
  animation: se-spin 0.7s linear infinite;
}

/* --------------------------------------------------------------------------
   Modernized .global-loader (overlay used in modals / components on save)
   -------------------------------------------------------------------------- */
html[data-se-theme] .global-loader,
html[data-se-theme] .modal .global-loader,
html[data-se-theme] .modal-content .global-loader,
.modal .global-loader,
.modal-content .global-loader,
.securends .global-loader,
.global-loader {
  position: absolute !important;
  inset: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background-image: none !important;
  background-color: rgba(255, 255, 255, 0.78) !important;
  -webkit-backdrop-filter: blur(2.5px) !important;
  backdrop-filter: blur(2.5px) !important;
  z-index: 10050 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: inherit !important;
  opacity: 1 !important;
  margin: 0 !important;
}

html[data-se-theme] .global-loader::after,
html[data-se-theme] .modal .global-loader::after,
html[data-se-theme] .modal-content .global-loader::after,
.modal .global-loader::after,
.modal-content .global-loader::after,
.securends .global-loader::after,
.global-loader::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 38px !important;
  height: 38px !important;
  margin: -19px 0 0 -19px !important;
  box-sizing: border-box !important;
  border: 3.5px solid var(--se-loader-track, #e2e8f0) !important;
  border-top-color: var(--se-brand, #2563eb) !important;
  border-radius: 50% !important;
  animation: se-spin 0.7s linear infinite !important;
}

html[data-se-mode="dark"] .global-loader,
html[data-se-mode="dark"] .modal .global-loader,
html[data-se-mode="dark"] .modal-content .global-loader {
  background-color: rgba(15, 23, 42, 0.78) !important;
}

/* --------------------------------------------------------------------------
   Page / table wait (.loaderTitle + loading.io dots)
   Beat pickels .loaderTitle { top: 225px; position: relative }
   -------------------------------------------------------------------------- */
.securends .loaderTitle,
.securends .loaderTitle.loadspin {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 160px;
  margin: 0 auto !important;
  padding: 48px 16px;
  color: var(--se-ink-2) !important;
  text-align: center !important;
  float: none !important;
}

/* Modal "Processing..." — canonical rules live in modals.css (no .securends).
   Keep a thin mirror here so loaders.css documents the contract. */
.securends .modal-content .loaderTitle,
.securends .modal .loaderTitle {
  top: auto !important;
  min-height: 96px;
  padding: 24px 16px;
}

.securends .loaderTitle h3 {
  margin: 0;
  font-size: 0;
  line-height: 0;
  font-weight: 500;
  color: transparent;
}

html[data-se-theme] .loadingio-spinner-spin-kmxswet795,
html[data-se-theme] .modal .loadingio-spinner-spin-kmxswet795,
html[data-se-theme] .modal-content .loadingio-spinner-spin-kmxswet795,
.modal .loadingio-spinner-spin-kmxswet795,
.modal-content .loadingio-spinner-spin-kmxswet795,
.securends .loadingio-spinner-spin-kmxswet795 {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  display: block !important;
  width: var(--se-loader-size, 32px) !important;
  height: var(--se-loader-size, 32px) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
  float: none !important;
}

html[data-se-theme] .ldio-z3ov0gridcj,
html[data-se-theme] .modal .ldio-z3ov0gridcj,
html[data-se-theme] .modal-content .ldio-z3ov0gridcj,
.modal .ldio-z3ov0gridcj,
.modal-content .ldio-z3ov0gridcj,
.securends .ldio-z3ov0gridcj {
  display: none !important;
}

html[data-se-theme] .loadingio-spinner-spin-kmxswet795::after,
html[data-se-theme] .modal .loadingio-spinner-spin-kmxswet795::after,
html[data-se-theme] .modal-content .loadingio-spinner-spin-kmxswet795::after,
.modal .loadingio-spinner-spin-kmxswet795::after,
.modal-content .loadingio-spinner-spin-kmxswet795::after,
.securends .loadingio-spinner-spin-kmxswet795::after {
  content: "";
  display: block;
  width: var(--se-loader-size, 32px);
  height: var(--se-loader-size, 32px);
  box-sizing: border-box;
  border: 3px solid var(--se-loader-track, #e2e8f0);
  border-top-color: var(--se-brand, #2563eb);
  border-radius: 50%;
  animation: se-spin 0.7s linear infinite;
}

.securends .ai-agent-mindmap-page .loaderTitle,
.securends .identity-mindmap-page .loaderTitle {
  min-height: 0;
  padding: 12px 16px;
}

/* --------------------------------------------------------------------------
   Inline Font Awesome spinner — global alignment reset
   Beat login.css absolute right:-60px, pickels .saveSpinner / epLoader*, and
   inline style={{ marginLeft: '800px' }} / top / left / right / bottom hacks.
   -------------------------------------------------------------------------- */
.securends .fa-spinner-icon,
.securends span.fa-spinner-icon,
.securends .fa-spinner-icon.saveSORSpinner,
.securends .fa-spinner-icon.spinner-position,
.securends .fa-spinner-icon.loaderRight,
.securends .fa-spinner-icon.searchLoader,
.securends .fa-spinner-icon.appsLoaderData,
.securends .fa-spinner-icon.sodTempSave {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle;
  line-height: 1;
  width: auto !important;
  height: auto !important;
  color: var(--se-brand);
}

/* Empty-state / table wait: no left nudge — center in the viewport */
.securends .noDataComponent .fa-spinner-icon,
.securends .rt-noData .fa-spinner-icon,
.securends .campaign-preview-nodata .fa-spinner-icon {
  margin: 0 auto !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px;
}

/* Empty-state / centered wait rows: keep spinner with the message */
.securends .noDataComponent,
.securends .campaign-preview-nodata.noDataComponent {
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  width: 100% !important;
  min-height: 64px;
  height: auto !important;
  line-height: 1.4 !important;
  gap: 10px;
  padding: 16px 8px;
  margin: 0 auto !important;
}

/* Table wait copy — small regular black (beat <b> / pickels bold gray) */
.securends .noDataComponent,
.securends .noDataComponent b,
.securends .noDataComponent strong,
.securends .noDataComponent span,
.securends .noDataComponent div,
.securends .fa-spinner-icon b,
.securends .fa-spinner-icon strong,
.securends .rt-noData,
.securends .rt-noData b,
.securends .rt-noData strong,
.securends .ReactTable .rt-noData,
.securends .ReactTable .rt-noData b,
.securends .ReactTable .rt-noData strong,
.securends .listofCampTable .noDataComponent,
.securends .listofCampTable .noDataComponent b,
.securends .listofCampTable .fa-spinner-icon b,
.securends .campaign-preview-nodata.noDataComponent b {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #000000 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.4 !important;
}

.securends .noDataComponent .fa-spinner-icon,
.securends .noDataComponent .fa-spinner-icon.saveSORSpinner {
  display: inline-flex !important;
  flex-direction: column;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  float: none !important;
  position: static !important;
  gap: 8px;
}

.securends .noDataComponent .saveSpinner,
.securends .noDataComponent .fa-spinner-icon .fa-spinner,
.securends .noDataComponent .pull-right.saveSpinner {
  position: static !important;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  float: none !important;
  margin: 0 auto !important;
}

.securends .fa.fa-spinner,
.securends .fa-spinner,
.securends i.fa.fa-spinner,
.securends i.fa.fa-spinner.fa-spin,
.securends .fa-spinner-icon .fa-spinner,
.securends .fa-spinner-icon .fa.fa-spinner,
.securends .saveSpinner,
.securends i.saveSpinner,
.securends .saveAutoSpinner,
.securends .election-note-saveSpinner,
.securends i.fa.fa-spinner.fa-spin.epLoader,
.securends i.fa.fa-spinner.fa-spin.epLoader1,
.securends i.fa.fa-spinner.fa-spin.epLoader2,
.securends i.fa.fa-spinner.fa-spin.epLoader3,
.securends i.fa.fa-spinner.fa-spin.epLoader4,
.securends i.fa.fa-spinner.fa-spin.upManagerLoader,
.securends i.fa.fa-spinner.fa-spin.epOwner,
.securends i.fa.fa-spinner.fa-spin.epVoice,
.securends .epLoader,
.securends .epLoader_loader,
.securends .assignLoaderData,
.securends .pull-right.fa-spinner,
.securends .fa.fa-spinner.pull-right {
  position: static !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  float: none !important;
  display: inline-block !important;
  vertical-align: middle;
  color: var(--se-brand) !important;
  font-size: 1.15em !important;
  line-height: 1 !important;
}

.securends .fa.fa-spinner:before,
.securends .fa-spinner:before,
.securends i.fa.fa-spinner:before {
  content: "" !important;
  display: inline-block !important;
  box-sizing: border-box;
  width: 1em;
  height: 1em;
  border: 2px solid var(--se-loader-track);
  border-top-color: var(--se-brand);
  border-radius: 50%;
  vertical-align: middle;
}

.securends .fa.fa-spinner:not(.fa-spin):before,
.securends .fa-spinner:not(.fa-spin):before {
  animation: se-spin 0.7s linear infinite;
}

/* Toolbar / title-bar clusters: spinner sits beside the action */
.securends .o-form-title-bar .fa-spinner-icon,
.securends .manageApp .fa-spinner-icon,
.securends .se-toolbar-actions .fa-spinner-icon,
.securends .expBtn .fa-spinner-icon,
.securends h2.header .fa-spinner-icon,
.securends .button-primary + .fa-spinner-icon,
.securends button + .fa-spinner-icon,
.securends .submit-button + .fa-spinner-icon {
  margin-left: 8px !important;
  margin-right: 0 !important;
}

/* Login submit: keep spinner inside the button (no left nudge) */
.securends .loginmodal-submit .fa-spinner-icon,
.securends #Login_submitt .fa-spinner-icon,
.securends #loginemail ~ .fa-spinner-icon {
  margin: 0 0 0 8px !important;
  color: inherit;
}

/* Modal footers */
.securends .modal-footer .fa-spinner-icon,
.securends .bulk-launch-modal-footer .fa-spinner-icon {
  margin: 0 0 0 8px !important;
  position: static !important;
}

/* Filter / multiselect adjacent wait indicators */
.securends .filterData .fa-spinner-icon,
.securends .direct-multiselect .fa-spinner-icon,
.securends .MuiAutocomplete-root .fa-spinner-icon,
.securends .selectDropDownSOD .fa-spinner-icon {
  margin: 0 0 0 8px !important;
  position: static !important;
}

/* --------------------------------------------------------------------------
   ReactTable built-in loading overlay — center the ring in the table viewport
   Beat react-table.css: .-loading > div { left:0 } and .-active { translateY(50%) }
   -------------------------------------------------------------------------- */
.securends .ReactTable .-loading,
.securends .react-table .ReactTable .-loading,
.securends .listofCampTable.ReactTable .-loading,
.securends .listofCampTable .-loading {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--se-loader-scrim) !important;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  text-align: center !important;
}

.securends .react-table .ReactTable .-loading.-active,
.securends .ReactTable .-loading.-active,
.securends .listofCampTable .-loading.-active {
  opacity: 1 !important;
  pointer-events: all;
  z-index: 2 !important;
}

.securends .ReactTable .-loading > div,
.securends .ReactTable .-loading-inner,
.securends .react-table .-loading-inner,
.securends .listofCampTable .-loading > div,
.securends .listofCampTable .-loading-inner {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  -webkit-transform: none !important;
  width: auto !important;
  max-width: 100%;
  margin: 0 auto !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px;
  text-align: center !important;
  /* Beat pickels .react-table .-loading-inner { bold 16px #b0b4d5 } */
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  color: #000000 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  line-height: 1.4 !important;
}

.securends .ReactTable .-loading.-active > div,
.securends .listofCampTable .-loading.-active > div {
  transform: none !important;
  -webkit-transform: none !important;
}

.securends .ReactTable .-loading-inner::after,
.securends .react-table .-loading-inner::after,
.securends .ReactTable .-loading > div::after,
.securends .listofCampTable .-loading > div::after {
  content: "";
  display: block;
  width: var(--se-loader-size);
  height: var(--se-loader-size);
  margin: 0 auto !important;
  box-sizing: border-box;
  border: 3px solid var(--se-loader-track);
  border-top-color: var(--se-brand);
  border-radius: 50%;
  animation: se-spin 0.7s linear infinite;
}

/* Initial empty-state wait — keep rt-noData centered in the table frame */
.securends .ReactTable .rt-noData,
.securends .listofCampTable .rt-noData {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
  -webkit-transform: translate(-50%, -50%) !important;
  width: auto !important;
  min-width: 200px;
  max-width: 90%;
  text-align: center !important;
  z-index: 2;
}

/* --------------------------------------------------------------------------
   MUI CircularProgress / Backdrop (Request Access, Access Analysis)
   -------------------------------------------------------------------------- */
.securends .MuiCircularProgress-colorPrimary,
.securends .MuiCircularProgress-colorSecondary,
.securends .MuiCircularProgress-colorInherit,
.securends .MuiCircularProgress-root {
  color: var(--se-brand) !important;
}

.MuiBackdrop-root .MuiCircularProgress-root {
  color: var(--se-brand) !important;
}

.MuiBackdrop-root {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* --------------------------------------------------------------------------
   Boot spinner (#spinner in index.html) once the app CSS has loaded
   Do NOT force display — JS/CSS hide #default-spinner on login.
   -------------------------------------------------------------------------- */
#spinner.center-screen {
  justify-content: center;
  align-items: center;
  text-align: center;
}

#spinner .spinner,
.login-skeleton-loader .spinner,
#default-spinner .spinner {
  width: 36px !important;
  height: 36px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  border: 3px solid var(--se-loader-track, #eaf0f8) !important;
  border-top-color: var(--se-brand, #17457e) !important;
  box-shadow: none !important;
  animation: se-spin 0.7s linear infinite !important;
  background: transparent !important;
}

#rd-title {
  color: var(--se-ink-2, #5b646f);
  font-family: var(--se-sans, Inter, sans-serif);
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-top: 12px;
  text-align: center;
}

html.login-page #login-skeleton {
  background: var(--se-page, #f6f7f9) !important;
}

@media (prefers-reduced-motion: reduce) {
  .loader::after,
  .securends .loadingio-spinner-spin-kmxswet795::after,
  .securends .ReactTable .-loading-inner::after,
  .securends .fa.fa-spinner:before,
  .securends .fa-spinner:before,
  .se-skeleton,
  .securends .se-skeleton,
  #spinner .spinner {
    animation: none !important;
  }
}


/*# sourceMappingURL=main-59aa202a.8102cfdb.css.map*/