/* --------------------------------------------------------------------------
   Applications list toolbar (#epTable) — Generic Agent Status beside Refresh
   -------------------------------------------------------------------------- */

.securends #epTable .o-form-title-bar > .se-toolbar-actions.se-ep-toolbar-end,
.securends #epTable .se-ep-toolbar-end {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-left: auto !important;
  flex-shrink: 0;
}

.securends #epTable .se-ep-generic-agent-link {
  position: static !important;
  right: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center;
  white-space: nowrap;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  color: var(--se-brand) !important;
  text-decoration: none !important;
  line-height: 1.2;
}

.securends #epTable .se-ep-generic-agent-link:hover,
.securends #epTable .se-ep-generic-agent-link:focus {
  color: var(--se-brand-hover) !important;
  text-decoration: underline !important;
}

.securends #epTable .se-ep-toolbar-end .iam_add_Export {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  float: none !important;
}

/* Applications child screens (3-dots, count cells, credential/entitlement
   drill-ins) from parent /endpoints. Shared audit/export/sync/CSV stay in
   sor-flow.css. Presentation only. */

/* --------------------------------------------------------------------------
   Create Application (/createApplication) — original layout + token overlay
   Do not reintroduce a step rail or 210px field grid. Scope is this page only
   (not .se-create-app used by SOR / IAM / Update).
   -------------------------------------------------------------------------- */

.securends .se-app-create-page {
  font-family: var(--se-sans);
}

.securends .se-app-create-page > .row:has(> .o-form-title-bar) {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .se-app-create-page > .row:has(> .o-form-title-bar) > .o-form-title-bar {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-family: var(--se-sans) !important;
  color: var(--se-ink) !important;
}

.securends .se-app-create-page .o-form-title-bar .iam_add_Export {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin-left: auto !important;
  float: none !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;
}

.securends .se-app-create-page .o-form-title-bar .iam_add_Export:hover {
  background: var(--se-raise) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-brand) !important;
}

.securends .se-app-create-page .headerInfo {
  font-family: var(--se-sans);
  margin: 0 !important;
}

.securends .se-app-create-page > .mt-3:has(.headerInfo) {
  margin-top: 0 !important;
  margin-bottom: 12px !important;
}

.securends .se-app-create-page .headerInfo p,
.securends .se-app-create-page .headerInfo p:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
}

.securends .se-app-create-page .card.sor-header {
  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;
  margin-bottom: 16px !important;
  overflow: visible;
}

.securends .se-app-create-page .card.sor-header > .card-header {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  border-bottom: 1px solid var(--se-line) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

.securends .se-app-create-page .card.sor-header > .card-body {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans);
}

/* Connector intro text — same 15px column inset as Data Import Schedule / fields below */
.securends .se-app-create-page .card.sor-header .sor-config-desc {
  padding: 0 15px !important;
  margin: 0 0 12px !important;
}

.securends .se-app-create-page .card.sor-header .sor-config-desc p {
  margin: 0 !important;
  font-size: 13px;
  line-height: 1.5;
  color: var(--se-ink-2);
}

.securends .se-app-create-page input.form-control,
.securends .se-app-create-page select,
.securends .se-app-create-page select.form-control,
.securends .se-app-create-page textarea.form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--bg-input, var(--se-card)) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

.securends .se-app-create-page input.form-control:focus,
.securends .se-app-create-page select:focus,
.securends .se-app-create-page select.form-control:focus,
.securends .se-app-create-page textarea.form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  outline: none !important;
}

.securends .se-app-create-page .button-primary.blue,
.securends .se-app-create-page .submit-button,
.securends .se-app-create-page button.custom_primary,
.securends .se-app-create-page button[class*="custom_primary"] {
  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;
  font-family: var(--se-sans) !important;
}

.securends .se-app-create-page .button-primary.blue:hover,
.securends .se-app-create-page .submit-button:hover,
.securends .se-app-create-page button.custom_primary:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-app-create-page .error {
  color: var(--se-risk) !important;
}

.securends .se-app-create-page .settingsTitle,
.securends .se-app-create-page .settingsTitleName {
  color: var(--se-ink);
  font-family: var(--se-sans);
}

.securends .se-app-create-page .o-form-button-bar {
  position: static !important;
}

/* Connector picker: match /systemOfRecord (.se-sor-create-page) */
.securends .se-app-create-page .hrsystemAppCnt > .row.mt-3 {
  display: block !important;
  position: static !important;
  right: auto !important;
  left: auto !important;
  margin: 12px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--se-line-soft) !important;
  border-bottom: 1px solid var(--se-line-soft) !important;
  width: 100% !important;
}

.securends .se-app-create-page .uar-apps-wrapper {
  position: static !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
}

.securends .se-app-create-page .uar-apps-section {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: auto !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

/* Application Connection Type — Create Application picker only.
   Update/Copy use #selectIconsData below so they match Update SOR. */
.securends .se-app-create-page .apps-conn-wrapper {
  position: static !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
}

.securends .se-app-create-page .apps-conn-section,
.securends .se-app-create-page .flexConnectorScrol {
  position: static !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 280px !important;
  padding: 16px 20px 20px !important;
  margin: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

.securends .se-app-create-page .conn-featured-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
}

.securends .se-app-create-page .apps-conn-section .uar-appl-list,
.securends .se-app-create-page .flexConnectorScrol .uar-appl-list {
  padding: 4px 8px 8px 4px !important;
  margin: 0 !important;
  top: 0 !important;
  position: static !important;
  gap: 14px !important;
  box-sizing: border-box !important;
}

/* Update Application FlexConnector Application Connection Type only (#selectIconsData).
   Match Update SOR. Do not change Create FlexConnector or other fields. */
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(#selectIconsData):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(#selectIconsData),
.securends .se-app-update-page .hrsystemAppCnt > .row:has(#selectIconsData):not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row:has(#selectIconsData) {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
  float: none !important;
  overflow: visible !important;
  border: none !important;
  border-bottom: none !important;
  gap: 0 !important;
}

.securends.securends .se-app-update-page .apps-conn-wrapper-updateFlex:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .apps-conn-wrapper-updateFlex,
.securends .se-app-update-page .apps-conn-wrapper-updateFlex:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .apps-conn-wrapper-updateFlex {
  display: block !important;
  position: static !important;
  right: auto !important;
  left: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends.securends .se-app-update-page #selectIconsData.apps-conn-section:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page #selectIconsData.flexConnectorScrol:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData.apps-conn-section,
.securends.securends .se-app-copy-page #selectIconsData.flexConnectorScrol {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  opacity: 1 !important;
  pointer-events: none !important;
  box-sizing: border-box !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
}

.securends.securends .se-app-update-page #selectIconsData .conn-featured-block:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .conn-featured-block {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
}

.securends.securends .se-app-update-page #selectIconsData .uar-appl-list:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page #selectIconsData .uar-appl-list-update:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .uar-appl-list,
.securends.securends .se-app-copy-page #selectIconsData .uar-appl-list-update {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  width: max-content !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
}

.securends.securends .se-app-update-page #selectIconsData .uar-dashboard-items:not(:has(.uar-item-img)):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .uar-dashboard-items:not(:has(.uar-item-img)) {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends.securends .se-app-update-page #selectIconsData .uar-dashboard-items:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page #selectIconsData .agentName:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page #selectIconsData .col-md-2.agentName:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .uar-dashboard-items,
.securends.securends .se-app-copy-page #selectIconsData .agentName,
.securends.securends .se-app-copy-page #selectIconsData .col-md-2.agentName {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 220px !important;
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends.securends .se-app-update-page #selectIconsData .uar-item-img.card:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page #selectIconsData .conn-dashboard-items .card:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .uar-item-img.card,
.securends.securends .se-app-copy-page #selectIconsData .conn-dashboard-items .card {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 220px !important;
  max-width: 220px !important;
  min-width: 0 !important;
  flex: 0 0 220px !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 10px 14px !important;
  overflow: hidden !important;
  cursor: default !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page #selectIconsData img:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData img {
  width: 36px !important;
  height: 36px !important;
  max-width: 36px !important;
  max-height: 36px !important;
  min-width: 36px !important;
  min-height: 0 !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center !important;
  flex: 0 0 36px !important;
  align-self: center !important;
  display: block !important;
}

.securends.securends .se-app-update-page #selectIconsData .agent:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .agent {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-align: left !important;
}

.securends.securends .se-app-update-page #selectIconsData .uar_text_title:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page #selectIconsData .uar_text_title {
  display: block !important;
  text-align: left !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* FLEXFOLDER Configurations: one left edge, even vertical rhythm */
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .row.col-md-4.o-form-label:has(+ .col-md-12:has(#flexFolderFilePath)) {
  display: block !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .row.col-md-4.o-form-label:has(+ .col-md-12:has(#flexFolderFilePath)) .settingsTitle {
  margin: 0 !important;
  padding: 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
  box-sizing: border-box !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-8,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-6:has(#flexFolderFilePath),
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field {
  display: block !important;
  float: none !important;
  clear: none !important;
  width: 100% !important;
  max-width: 520px !important;
  flex: 0 0 auto !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
  box-sizing: border-box !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-8 p {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--se-ink-2) !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-8 a {
  color: var(--se-brand) !important;
  font-weight: 500 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-6:has(#flexFolderFilePath) .form-group,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-6:has(#flexFolderFilePath) label,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-6:has(#flexFolderFilePath) .newform_lab {
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-6:has(#flexFolderFilePath) input.form-control {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field {
  display: flex !important;
  align-items: center !important;
  margin: 4px 0 8px 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field > .custom-control.custom-checkbox {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 0 0 26px !important;
  min-height: 22px !important;
  float: none !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field .custom-control-input {
  left: 0 !important;
  z-index: 1 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field .custom-control-label {
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 1.3 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field .custom-control-label::before,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field .custom-control-label::after {
  left: -26px !important;
  top: 50% !important;
  margin-top: -8px !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field .customConfigTip {
  margin: 0 0 0 8px !important;
  float: none !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  column-gap: 24px !important;
  row-gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
  box-sizing: border-box !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row::before,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row::after {
  display: none !important;
  content: none !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row > [class*="col-md-6"],
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row > .test,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row > .test1 {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: none !important;
  float: none !important;
  clear: none !important;
  margin: 0 !important;
  padding: 0 !important;
  left: auto !important;
  right: auto !important;
  position: static !important;
  box-sizing: border-box !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row .form-group {
  margin: 0 !important;
  padding: 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row label,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row .newform_lab1 {
  display: block !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row input.form-control {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

@media (max-width: 768px) {
  .securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-8,
  .securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .col-md-6:has(#flexFolderFilePath),
  .securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .se-custom-config-field {
    max-width: 100% !important;
  }

  .securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .col-md-12:has(#flexFolderFilePath) > .row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.securends .se-app-create-page .uar-featured-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.securends .se-app-create-page .uar-featured-block p,
.securends .se-app-create-page .uar-featured-block b {
  font-size: 12.5px !important;
  font-weight: 400 !important;
  color: var(--se-ink-2) !important;
}

.securends .se-app-create-page .uar-featured-block a,
.securends .se-app-create-page .emailTextInfo {
  color: var(--se-brand) !important;
  font-weight: 500;
}

.securends .se-app-create-page .uar-search-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 0 0 16px !important;
  margin: 0 !important;
}

.securends .se-app-create-page .uar-search-input-wrap,
.securends .se-app-create-page .connector-industry-toolbar-right {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto;
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-app-create-page .uar-search-input-wrap form {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--se-line);
  border-radius: 8px;
  padding: 0 11px;
  max-width: 340px;
  background: var(--se-card);
}

.securends .se-app-create-page .uar-search-input-wrap form::before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 14px;
  color: var(--se-ink-3);
}

.securends .se-app-create-page .uar-search-input-wrap input.form-control,
.securends .se-app-create-page .uar-search-input-wrap input.appSe {
  border: none !important;
  box-shadow: none !important;
  min-height: 36px !important;
  padding: 8px 0 !important;
  max-width: none;
}

.securends .se-app-create-page .connector-industry-label {
  font-size: 12.5px;
  color: var(--se-ink-2);
  margin-right: 8px;
  font-weight: 500;
}

.securends .se-app-create-page .connector-industry-filter-wrap .btn,
.securends .se-app-create-page .connector-industry-filter-wrap button.multiselect {
  border-radius: 20px !important;
  border: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  color: var(--se-ink-2) !important;
  font-size: 12.5px !important;
  height: auto !important;
  min-height: 32px !important;
  padding: 6px 11px !important;
  line-height: 1.2 !important;
}

.securends .se-app-create-page .uar-appl-list,
.securends .se-app-create-page .uar-appl-list-less {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 0 !important;
  margin: 0 !important;
  top: 0 !important;
  position: static !important;
  width: 100% !important;
}

@media (max-width: 1100px) {
  .securends .se-app-create-page .uar-appl-list,
  .securends .se-app-create-page .uar-appl-list-less {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .securends .se-app-create-page .uar-appl-list,
  .securends .se-app-create-page .uar-appl-list-less {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.securends .se-app-create-page .uar-dashboard-items {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-app-create-page .uar-appl-list .col-md-2.agentName,
.securends .se-app-create-page .uar-appl-list-less .col-md-2.agentName,
.securends .se-app-create-page .uar-dashboard-items .col-md-2 {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

.securends .se-app-create-page .uar-item-img.card,
.securends .se-app-create-page .uar-appl-list .uar-item-img.card,
.securends .se-app-create-page .uar-appl-list-less .uar-item-img.card {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  padding: 14px 18px !important;
  min-height: 60px !important;
  height: 60px !important;
  box-shadow: none !important;
  background: var(--se-card) !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  text-align: left;
  transition: border-color var(--se-ease), background var(--se-ease) !important;
}

.securends .se-app-create-page .uar-item-img.card:hover {
  border-color: var(--se-ink-3) !important;
  background: var(--se-raise) !important;
}

.securends .se-app-create-page .uar-item-img.card.appSelected,
.securends .se-app-create-page .uar-item-img.card.appSelected:hover {
  border-color: var(--se-brand) !important;
  background: var(--se-brand-tint) !important;
}

/* Disabled (not subscribed) connectors: beat legacy #selectedConInfo { background:#ddd }
   so names stay readable in dark mode. */
.securends .se-app-create-page #selectedConInfo.uar-item-img.card,
.securends .se-app-create-page #selectedConInfo.uar-item-img.card:hover {
  background: var(--se-page) !important;
  border-color: var(--se-line) !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
}

.securends .se-app-create-page #selectedConInfo.uar-item-img.card .uar_text_title {
  color: var(--se-ink-2) !important;
  -webkit-text-fill-color: var(--se-ink-2) !important;
}

.securends .se-app-create-page .uar-item-img img {
  width: 32px !important;
  height: 32px !important;
  max-height: 32px !important;
  min-height: 32px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
}

.securends .se-app-create-page .uar-item-img .agent {
  min-width: 0;
  text-align: left;
}

.securends .se-app-create-page .uar_text_title {
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-app-create-page .uar-connector-list-toggle {
  margin-top: 10px;
}

.securends .se-app-create-page .uar-showallclick {
  color: var(--se-brand) !important;
  font-weight: 500;
  font-size: 12.5px;
  cursor: pointer;
}

/* --------------------------------------------------------------------------
   Update / Copy Application — reuse Create Application / Update SOR cards
   -------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------
   Update / Copy Application Page Header Toolbar Box
   -------------------------------------------------------------------------- */
.securends .se-app-update-page > .row.manageApp:not(:where(.se-create-parity *)),
.securends .se-app-copy-page > .row.manageApp {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-app-update-page .row.manageApp > .o-form-title-bar:not(:where(.se-create-parity *)),
.securends .se-app-update-page .o-form-title-bar:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .row.manageApp > .o-form-title-bar,
.securends .se-app-copy-page .o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: var(--se-page-toolbar, 52px) !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink) !important;
}

.securends .se-app-update-page .o-form-title-bar .strapi-pagename:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .o-form-title-bar .strapi-pagename {
  display: none !important;
}

.securends .se-app-update-page .o-form-title-bar .se-toolbar-actions:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .o-form-title-bar .se-toolbar-actions {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.securends .se-app-update-page .o-form-title-bar .iam_add_Export:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .o-form-title-bar .iam_add_Export {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  line-height: 26px !important;
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border-radius: var(--se-r) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  cursor: pointer !important;
  box-shadow: none !important;
  float: none !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
}

.securends .se-app-update-page .o-form-title-bar .iam_add_Export:hover:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .o-form-title-bar .iam_add_Export:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
}

.securends .se-app-update-page .se-create-app-head:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .se-create-app-head {
  display: block;
  margin-bottom: 16px;
}

.securends .se-app-copy-page > .row:has(.uar-radio),
.securends .se-app-copy-page > .row:has(.appConfigType) {
  display: grid !important;
  grid-template-columns: 210px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  margin: 0 0 16px !important;
  padding: 16px 20px;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Flatten the extra wrapper around Module label + cards so they sit on the 210px grid. */
.securends .se-app-copy-page > .row:has(.appConfigType) > div {
  display: contents !important;
}

.securends .se-app-copy-page > .row:has(.uar-radio) > .o-form-label,
.securends .se-app-copy-page > .row:has(.appConfigType) .o-form-label {
  grid-column: 1 !important;
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends .se-app-copy-page > .row:has(.uar-radio) .settingsTitle,
.securends .se-app-copy-page > .row:has(.appConfigType) .settingsTitle {
  width: auto !important;
  color: var(--se-ink);
  font-weight: 600;
  font-size: 13px;
  margin: 0 !important;
  padding-top: 0 !important;
}

.securends .se-app-copy-page > .row:has(.uar-radio) > [class*="col-md-"]:not(.o-form-label) {
  grid-column: 2 !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Data Ingestion disabled radio button label contrast in dark mode */
html[data-se-mode="dark"] .securends .se-app-update-page .uar-radio .MuiFormControlLabel-label:not(:where(.se-create-parity *)),
html[data-se-mode="dark"] .securends .se-app-update-page .uar-radio .MuiFormControlLabel-label.Mui-disabled:not(:where(.se-create-parity *)),
html[data-se-mode="dark"] .securends .se-app-update-page .uar-radio .MuiTypography-root:not(:where(.se-create-parity *)),
html[data-se-mode="dark"] .securends .se-app-update-page .uar-radio .MuiTypography-root.Mui-disabled:not(:where(.se-create-parity *)),
html[data-theme="dark"] .securends .se-app-update-page .uar-radio .MuiFormControlLabel-label:not(:where(.se-create-parity *)),
html[data-theme="dark"] .securends .se-app-update-page .uar-radio .MuiFormControlLabel-label.Mui-disabled:not(:where(.se-create-parity *)),
html.dark .securends .se-app-update-page .uar-radio .MuiFormControlLabel-label:not(:where(.se-create-parity *)),
html.dark .securends .se-app-update-page .uar-radio .MuiFormControlLabel-label.Mui-disabled:not(:where(.se-create-parity *)),
.securends .se-app-update-page .uar-radio .MuiFormControlLabel-label.Mui-disabled:not(:where(.se-create-parity *)),
.securends .se-app-update-page .uar-radio .MuiTypography-root.Mui-disabled:not(:where(.se-create-parity *)) {
  color: var(--se-ink, #e5e7eb) !important;
  -webkit-text-fill-color: var(--se-ink, #e5e7eb) !important;
  opacity: 0.9 !important;
}

html[data-se-mode="dark"] .securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled:not(:where(.se-create-parity *)),
html[data-theme="dark"] .securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled:not(:where(.se-create-parity *)),
html.dark .securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled:not(:where(.se-create-parity *)),
.securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled:not(:where(.se-create-parity *)) {
  color: var(--se-ink-2, #a7b0c0) !important;
  opacity: 0.7 !important;
}

html[data-se-mode="dark"] .securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled.Mui-checked:not(:where(.se-create-parity *)),
html[data-theme="dark"] .securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled.Mui-checked:not(:where(.se-create-parity *)),
html.dark .securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled.Mui-checked:not(:where(.se-create-parity *)),
.securends .se-app-update-page .uar-radio .MuiRadio-root.Mui-disabled.Mui-checked:not(:where(.se-create-parity *)) {
  color: var(--se-brand, #3b82f6) !important;
  opacity: 0.9 !important;
}

/* Data Ingestion radios — default MUI hit target is 48px; keep them in line with the label. */
.securends .se-app-copy-page .uar-radio .MuiFormGroup-root {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 18px !important;
}

.securends .se-app-copy-page .uar-radio .MuiFormControlLabel-root {
  margin: 0 !important;
  align-items: center !important;
}

.securends .se-app-copy-page .uar-radio .MuiRadio-root {
  padding: 0 !important;
  width: 18px !important;
  height: 18px !important;
}

.securends .se-app-copy-page .uar-radio .MuiRadio-root .MuiSvgIcon-root {
  width: 18px !important;
  height: 18px !important;
  font-size: 18px !important;
}

.securends .se-app-copy-page .uar-radio .MuiFormControlLabel-label {
  font-size: 13px !important;
  font-family: var(--se-sans) !important;
  margin-left: 6px !important;
}

.securends .se-app-copy-page > .row:has(.appConfigType) > div > .row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: auto !important;
  max-width: none !important;
}

.securends .se-app-copy-page > .row:has(.appConfigType) .appConfigType {
  margin: 0 !important;
  margin-left: 0 !important;
  width: auto !important;
  min-width: 210px !important;
  max-width: 260px !important;
}

/* Setup Application — Name: no section dividers, input lined up with the 210px label. */
.securends .se-app-update-page .endpointConfigCard.steps > .row:not(:has(.o-form-label)):not(:has(input)):not(:has(select)):not(:has(.appConfigType)):not(:has(#selectIconsData)):not(:has(.apps-conn-wrapper)):not(:where(.se-create-parity *)),
.securends .se-app-copy-page .endpointConfigCard.steps > .row:not(:has(.o-form-label)):not(:has(input)):not(:has(select)):not(:has(.appConfigType)):not(:has(#selectIconsData)):not(:has(.apps-conn-wrapper)) {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

.securends .se-app-update-page .card.sor-header .card-body .endpointConfigCard.steps:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .card.sor-header .card-body .endpointConfigCard.steps {
  font-size: 0;
}

.securends .se-app-update-page .card.sor-header .card-body .endpointConfigCard.steps > *:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .card.sor-header .card-body .endpointConfigCard.steps > * {
  font-size: 13.5px;
}

.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-label):has(> .o-form-input):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-label):has(> .o-form-input) {
  display: grid !important;
  grid-template-columns: 210px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  width: 100% !important;
}

.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-label):has(> .o-form-input):not(:where(.se-create-parity *))::before,
.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-label):has(> .o-form-input):not(:where(.se-create-parity *))::after,
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-label):has(> .o-form-input)::before,
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-label):has(> .o-form-input)::after {
  display: none !important;
  content: none !important;
}

.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-input) > .o-form-label:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-input) > .o-form-label {
  grid-column: 1 !important;
  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-input) > .o-form-input:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-input) > .o-form-input {
  grid-column: 2 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: 420px !important;
  float: none !important;
}

.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-input) .form-group:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-input) .form-group {
  margin: 0 !important;
  width: 100% !important;
  max-width: none !important;
}

.securends.securends .se-app-update-page .hrsystemAppCnt > .row:has(> .o-form-input) .settingsTitleName:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .hrsystemAppCnt > .row:has(> .o-form-input) .settingsTitleName {
  padding-top: 0 !important;
  margin: 0 !important;
}

.securends .se-app-update-page .se-create-app-actions:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .se-create-app-actions {
  display: flex;
  justify-content: flex-end;
  margin: 8px 0 0;
}

.securends .se-app-update-page .o-form-button-bar:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .o-form-button-bar {
  position: static !important;
  margin-right: 0 !important;
}

/* --------------------------------------------------------------------------
   Credentials (matched / nomatch / excluded / deleted / purged / all)
   -------------------------------------------------------------------------- */

/* Restore page toolbar card — `.manageApp` is transparent and the title is
   nested under extra wrappers, so kit nested-title strip left no surface. */
.securends .se-ep-cred-page .se-ep-cred-toolbar,
.securends .se-ep-cred-page .manageApp.se-ep-cred-toolbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  width: 100%;
}

.securends .se-ep-cred-page .se-ep-cred-toolbar .o-form-title-bar,
.securends .se-ep-cred-page .se-ep-cred-toolbar h2.o-form-title-bar,
html[data-se-theme] .securends .se-ep-cred-page .se-ep-cred-toolbar .o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  min-height: var(--se-page-toolbar, 52px) !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  color: var(--se-ink) !important;
  font-size: var(--se-t-page-head, 18px) !important;
  font-weight: 600 !important;
  font-family: var(--se-sans) !important;
}

.securends .se-ep-cred-page .se-ep-cred-toolbar .nav-button.EpcGpBtn,
.securends .se-ep-cred-page .nav-button.EpcGpBtn {
  position: static !important;
  top: auto !important;
  text-align: right;
  margin-left: auto;
}

.securends .se-ep-cred-page .endPoints_btns {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

/* Export / Back / Restore / etc. — brand primary, match Entitlements toolbar */
html[data-se-theme] .securends .se-ep-cred-page .endPoints_btns .iam_add_Export,
html[data-se-theme] .securends .se-ep-cred-page .o-form-title-bar .endPoints_btns .iam_add_Export,
.securends .se-ep-cred-page .endPoints_btns .iam_add_Export,
.securends .se-ep-cred-page .endPoints_btns a.iam_add_Export,
.securends .se-ep-cred-page .o-form-title-bar .endPoints_btns .iam_add_Export {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 100px !important;
  width: auto !important;
  padding: 0 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  float: none !important;
  position: static !important;
  top: auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  text-decoration: none !important;
}

html[data-se-theme] .securends .se-ep-cred-page .endPoints_btns .iam_add_Export:hover,
.securends .se-ep-cred-page .endPoints_btns .iam_add_Export:hover,
.securends .se-ep-cred-page .endPoints_btns a.iam_add_Export:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

html[data-se-theme] .securends .se-ep-cred-page .endPoints_btns .iam_add_Export:disabled,
.securends .se-ep-cred-page .endPoints_btns .iam_add_Export:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

.securends .se-ep-cred-page .se-ep-cred-filters {
  margin: 0 0 12px !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.securends .se-ep-cred-page label,
.securends .se-ep-ent-page .se-ep-info {
  color: var(--se-ink-2);
  font-size: 13px;
}

.securends .se-ep-cred-page #fstatus {
  border-radius: var(--se-r);
  border: 1px solid var(--se-line);
  min-height: 28px;
  margin-left: 8px;
}

.securends .se-ep-cred-page .fa-spinner-icon.loaderRight {
  position: static !important;
  right: auto !important;
}

/* Keep credential table cell text visible (freeze/width locks must not clip). */
.securends .se-ep-cred-page .ReactTable.endpoint-credential .rt-tbody .rt-td {
  color: var(--se-ink) !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-ep-cred-page .ReactTable.endpoint-credential .rt-tbody .rt-td .se-ep-cred-cell {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: inherit;
}

/* --------------------------------------------------------------------------
   Entitlements / credential entitlements / entitlement credentials
   -------------------------------------------------------------------------- */

/* Restore page toolbar card — `.manageApp` is transparent, so nested-title
   strip must not leave `.o-form-title-bar` without a surface. */
.securends .se-ep-ent-page .se-ep-ent-toolbar,
.securends .se-ep-ent-page .manageApp.se-ep-ent-toolbar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px !important;
  width: 100%;
}

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

.securends .se-ep-ent-page .se-ep-info,
.securends .se-ep-ent-page [style*="top: 122px"] {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 0 12px;
  padding: 12px 16px;
  background: var(--se-brand-tint);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r);
  color: var(--se-ink-2);
  font-size: 13px;
}

.securends .se-ep-ent-page .o-form-title-bar .pull-right,
.securends .se-ep-ent-page .credentialEntitlementbtns,
.securends .se-ep-ent-page .se-toolbar-actions,
.securends .se-match-page .o-form-title-bar .pull-right {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  float: none !important;
  position: static !important;
}

/* Toolbar actions: Update / Export / Back share one size */
html[data-se-theme] .securends .se-ep-ent-page .se-toolbar-actions > button.tempaddselect,
html[data-se-theme] .securends .se-ep-ent-page .o-form-title-bar .se-toolbar-actions > button.tempaddselect,
.securends .se-ep-ent-page .se-toolbar-actions > button.tempaddselect,
.securends .se-ep-ent-page .o-form-title-bar .se-toolbar-actions > button.tempaddselect,
.securends .se-ep-ent-page .se-toolbar-actions > button.AddAppBtn:not(.se-ep-ent-add-btn) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 100px !important;
  width: auto !important;
  padding: 0 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  float: none !important;
  position: static !important;
  top: auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
  vertical-align: middle !important;
  cursor: pointer !important;
}

/* Add — same height as Update/Export/Back; width stays content-sized (no 100px min) */
html[data-se-theme] .securends .se-ep-ent-page .se-toolbar-actions > button.se-ep-ent-add-btn,
html[data-se-theme] .securends .se-ep-ent-page .o-form-title-bar .se-toolbar-actions > button.se-ep-ent-add-btn,
.securends .se-ep-ent-page .se-toolbar-actions > button.se-ep-ent-add-btn,
.securends .se-ep-ent-page .o-form-title-bar .se-toolbar-actions > button.custom__pg.AddAppBtn.se-ep-ent-add-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  text-transform: none !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
  float: none !important;
  position: static !important;
  top: auto !important;
  box-sizing: border-box !important;
  text-align: center !important;
  cursor: pointer !important;
}

html[data-se-theme] .securends .se-ep-ent-page .se-toolbar-actions > button.tempaddselect:hover,
.securends .se-ep-ent-page .se-toolbar-actions > button.tempaddselect:hover,
html[data-se-theme] .securends .se-ep-ent-page .se-toolbar-actions > button.se-ep-ent-add-btn:hover,
.securends .se-ep-ent-page .se-toolbar-actions > button.se-ep-ent-add-btn:hover,
.securends .se-ep-ent-page .se-toolbar-actions > button.AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-ep-ent-page .user-access-title,
.securends .se-match-page .entCredsData,
.securends .se-app-form-page .entCredsData {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 16px 20px;
  margin: 0 0 16px;
  color: var(--se-ink-2);
  font-size: 13.5px;
}

.securends .se-ep-ent-page .user-campaign-label {
  color: var(--se-ink);
  font-weight: 600;
}

/* Pickels `.EndpointEntitlements { top: 50px }` on react-table's
   `position: relative` shifts the grid down while the portaled colcfg corner
   stays at the host top — icon floats above the header. Kill the offset so
   bars sit flush in the header like Applications / EndpointsTable. */
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements,
.securends #epTable.se-ep-ent-page .ReactTable.EndpointEntitlements,
.securends .se-ep-ent-page .EndpointEntitlements,
.securends #epTable .ReactTable.EndpointEntitlements,
.securends #epTable .EndpointEntitlements {
  top: 0 !important;
}

.securends .se-ep-ent-page .mt-3:has(.ReactTable),
.securends .se-ep-ent-page .mt-3:has(.se-rt-colcfg-host) {
  margin-top: 0 !important;
}

.securends .se-ep-ent-page .se-ep-info {
  margin-bottom: 12px !important;
}

/* Room for the bars button on the last header / filter cell */
.securends .se-ep-ent-page .se-rt-colcfg-host.has-colcfg .ReactTable.se-rt-has-colcfg .rt-thead.-header .rt-th:last-child,
.securends .se-ep-ent-page .se-rt-colcfg-host.has-colcfg .ReactTable.se-rt-has-colcfg .rt-thead.-filters .rt-th:last-child,
.securends .se-rt-colcfg-host.has-colcfg .se-ep-ent-page .ReactTable.se-rt-has-colcfg .rt-thead.-header .rt-th:last-child,
.securends .se-rt-colcfg-host.has-colcfg .se-ep-ent-page .ReactTable.se-rt-has-colcfg .rt-thead.-filters .rt-th:last-child {
  padding-right: 44px !important;
}

/* Action cell kept an inline white plate from legacy column styles. */
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .rt-tbody .rt-td:has(.ActionDropdown),
.securends #epTable .EndpointEntitlements .rt-tbody .rt-td:has(.ActionDropdown) {
  background: transparent !important;
  background-color: transparent !important;
  border-top: none !important;
}

/* Match /endpoints 3-dots: beat pickels white gear plate on this page only. */
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown > button,
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown > button.btn,
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown > button.btn-default,
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown .dropdown-toggle,
.securends #epTable .EndpointEntitlements .ActionDropdown .dropdown-toggle,
.securends #epTable .EndpointEntitlements .ActionDropdown > button.btn,
.securends #epTable .EndpointEntitlements .ActionDropdown > button.btn-default {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: var(--se-r, 6px) !important;
  box-shadow: none !important;
  outline: none !important;
  color: var(--se-ink-2) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown .appGear,
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown .fa-cog,
.securends #epTable .EndpointEntitlements .ActionDropdown .appGear,
.securends #epTable .EndpointEntitlements .ActionDropdown .fa-cog,
.securends #epTable .EndpointEntitlements .ActionDropdown .dropdown-toggle .appGear,
.securends #epTable .EndpointEntitlements .ActionDropdown .dropdown-toggle .fa-cog {
  color: var(--se-ink-2) !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown > button:hover,
.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown.open > button,
.securends #epTable .EndpointEntitlements .ActionDropdown > button:hover,
.securends #epTable .EndpointEntitlements .ActionDropdown.show > button {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--se-ink) !important;
}

.securends .se-ep-ent-page .ReactTable.EndpointEntitlements .ActionDropdown .dropdown-toggle::after,
.securends #epTable .EndpointEntitlements .ActionDropdown .dropdown-toggle::after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* Let placeTableActionMenu own open-menu position (pickels left/top offsets
   pushed the panel away from the trigger). */
.securends #epTable .EndpointEntitlements .ActionDropdown .dropdown-menu.EndpointEntitlementDropdown,
body > .se-table-action-menu-portaled.EndpointEntitlementDropdown {
  left: auto !important;
  right: auto !important;
  margin-top: 0 !important;
}

/* --------------------------------------------------------------------------
   Assign custodian / assign entitlement (page forms)
   -------------------------------------------------------------------------- */

.securends .se-app-form-page .autoComplete,
.securends .se-app-form-page .autocompleteInputbox {
  position: relative;
}

.securends .se-app-form-page .nav-button {
  text-align: right !important;
  margin: 16px 0 0 !important;
}

.securends .se-app-form-page .error {
  color: var(--se-risk);
}

/* Assign entitlement is a page and a right-drawer body — hide the page toolbar in the modal. */
.securends .modal .se-assign-entitle-toolbar {
  display: none;
}

/* Assign Application Custodian drawer (SEPopup / SESORPopup): Modal.Title already
   shows the name — hide the nested page toolbar card so dark mode does not paint
   a white `--se-card` plate outside `.securends`. */
html[data-se-theme] .modal .se-app-form-page > .row.manageApp,
html[data-se-theme] .modal .se-app-form-page .o-form-title-bar,
html[data-se-theme] .sidebar-modal .se-app-form-page > .row.manageApp,
.securends .modal .se-app-form-page > .row.manageApp,
.securends .modal .se-app-form-page .o-form-title-bar,
.modal .se-app-form-page > .row.manageApp,
.modal .se-app-form-page .o-form-title-bar,
.sidebar-modal .se-app-form-page > .row.manageApp {
  display: none !important;
}

html[data-se-theme] .modal .se-app-form-page,
html[data-se-theme] .sidebar-modal .se-app-form-page,
.modal .se-app-form-page {
  background: transparent !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  padding: 0 !important;
}

/* Custodian / Assign Credential form body tokens (drawer + page) */
html[data-se-theme] .modal .se-app-form-page .entCredsData,
.securends .modal .se-app-form-page .entCredsData,
.securends .se-app-form-page .entCredsData {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--se-ink-2) !important;
  padding: 0 0 12px !important;
  margin: 0 0 8px !important;
}

/* Beat pickels `.entCredsData span { color:#091432 !important }` — invisible in dark */
html[data-se-theme] .modal .se-app-form-page .entCredsData span,
html[data-se-theme] .modal .se-app-form-page .entCredsData b,
html[data-se-theme] .modal .se-app-form-page .entCredsData .EntitlementCreds,
html[data-se-theme] .modal .se-app-form-page .EntitlementCreds,
.securends .modal .se-app-form-page .entCredsData span,
.securends .modal .se-app-form-page .entCredsData b,
.securends .modal .se-app-form-page .entCredsData .EntitlementCreds,
.securends .se-app-form-page .entCredsData span,
.securends .se-app-form-page .entCredsData b,
.securends .se-app-form-page .entCredsData .EntitlementCreds,
.modal .se-app-form-page .entCredsData span,
.modal .se-app-form-page .entCredsData b,
.modal .se-app-form-page .EntitlementCreds {
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

html[data-se-theme] .modal .se-app-form-page .entCredsData .EntitlementCreds,
.securends .modal .se-app-form-page .entCredsData .EntitlementCreds,
.securends .se-app-form-page .entCredsData .EntitlementCreds {
  color: var(--se-ink-2) !important;
  font-weight: 400 !important;
}

/* Assign Credential drawer: section titles + nested labels */
html[data-se-theme] .modal .se-app-form-page h2.header,
html[data-se-theme] .modal .se-app-form-page h2.credHeading,
.securends .modal .se-app-form-page h2.header,
.securends .modal .se-app-form-page h2.credHeading,
.modal .se-app-form-page h2.header,
.modal .se-app-form-page h2.credHeading {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-section, 16px) !important;
  font-weight: 600 !important;
  margin: 0 0 12px !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

html[data-se-theme] .modal .se-app-form-page .autoComplete label,
html[data-se-theme] .modal .se-app-form-page .autoComplete > label,
.securends .modal .se-app-form-page .autoComplete label,
.securends .modal .se-app-form-page .autoComplete > label,
.securends .se-app-form-page .autoComplete label,
.securends .se-app-form-page .autoComplete > label,
.modal .se-app-form-page .autoComplete > label {
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  font-weight: 500 !important;
  background: transparent !important;
}

html[data-se-theme] .modal .se-app-form-page input.form-control.custodian_input,
html[data-se-theme] .modal .se-app-form-page .autoComplete input.form-control,
html[data-se-theme] .modal .se-app-form-page .autocompleteInputbox input.form-control,
html[data-se-theme] .modal .se-app-form-page .custodian_input,
html[data-se-theme] .modal .se-app-form-page input.form-control,
.securends .modal .se-app-form-page input.form-control.custodian_input,
.securends .modal .se-app-form-page .autoComplete input.form-control,
.securends .modal .se-app-form-page .autocompleteInputbox input.form-control,
.securends .se-app-form-page input.form-control.custodian_input,
.securends .se-app-form-page .autoComplete input.form-control,
.modal .se-app-form-page .custodian_input,
.modal .se-app-form-page input.form-control {
  background: var(--bg-input, var(--se-card)) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  color: var(--se-ink) !important;
  box-shadow: none !important;
  font-family: var(--se-sans) !important;
}

html[data-se-theme] .modal .se-app-form-page .custodian_input::placeholder,
.modal .se-app-form-page .custodian_input::placeholder {
  color: var(--se-ink-3) !important;
}

html[data-se-theme] .modal .se-app-form-page input.form-control:focus,
html[data-se-theme] .modal .se-app-form-page .autoComplete input.form-control:focus,
.securends .modal .se-app-form-page .autoComplete input.form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  outline: none !important;
}

html[data-se-theme] .modal .se-app-form-page .ac_dropdown,
.securends .modal .se-app-form-page .ac_dropdown,
.securends .se-app-form-page .ac_dropdown,
.modal .se-app-form-page .ac_dropdown {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  border-color: var(--se-line) !important;
}

html[data-se-theme] .modal .se-app-form-page .autoComplete > div[role="listbox"],
html[data-se-theme] .modal .se-app-form-page .autoComplete div[style*="background"],
.modal .se-app-form-page .autoComplete > div[role="listbox"] {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  box-shadow: var(--se-shadow-lg) !important;
}

html[data-se-theme] .modal .se-app-form-page .button.button-primary.blue.submit-button,
.securends .modal .se-app-form-page .button.button-primary.blue.submit-button,
.securends .se-app-form-page .button.button-primary.blue.submit-button {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: var(--se-btn-fg, #fff) !important;
  border-radius: var(--se-r) !important;
  font-family: var(--se-sans) !important;
  box-shadow: none !important;
}

html[data-se-theme] .modal .se-app-form-page .button.button-primary.blue.submit-button:hover:not(:disabled),
.securends .modal .se-app-form-page .button.button-primary.blue.submit-button:hover:not(:disabled),
.securends .se-app-form-page .button.button-primary.blue.submit-button:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
}

html[data-se-theme] .modal .se-app-form-page .button.button-primary.blue.submit-button:disabled,
.securends .modal .se-app-form-page .button.button-primary.blue.submit-button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

html[data-se-theme] .modal .se-app-form-page #SaveAssignEndpoint,
html[data-se-theme] .modal .se-app-form-page .nav-button #SaveAssignEndpoint,
.modal .se-app-form-page #SaveAssignEndpoint {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

html[data-se-theme] .modal .se-app-form-page #ClearAssignEndpoint,
html[data-se-theme] .modal .se-app-form-page .nav-button #ClearAssignEndpoint,
.modal .se-app-form-page #ClearAssignEndpoint {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

html[data-se-theme] .modal .se-app-form-page #SaveAssignEndpoint:hover,
.modal .se-app-form-page #SaveAssignEndpoint:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

html[data-se-theme] .modal .se-app-form-page #ClearAssignEndpoint:hover,
.modal .se-app-form-page #ClearAssignEndpoint:hover {
  background: var(--se-raise) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-brand) !important;
}

html[data-se-theme] .modal .se-app-form-page #SaveAssignEndpoint:disabled,
.modal .se-app-form-page #SaveAssignEndpoint:disabled {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

/* Dark mode reinforcements for Assign Custodian drawer */
html[data-se-mode="dark"] .modal .se-app-form-page .entCredsData,
html[data-theme="dark"] .modal .se-app-form-page .entCredsData,
html.dark .modal .se-app-form-page .entCredsData {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .modal .se-app-form-page .entCredsData span,
html[data-se-mode="dark"] .modal .se-app-form-page .entCredsData b,
html[data-se-mode="dark"] .modal .se-app-form-page .EntitlementCreds,
html[data-theme="dark"] .modal .se-app-form-page .entCredsData span,
html[data-theme="dark"] .modal .se-app-form-page .EntitlementCreds,
html.dark .modal .se-app-form-page .entCredsData span,
html.dark .modal .se-app-form-page .EntitlementCreds {
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .modal .se-app-form-page .ac_dropdown,
html[data-theme="dark"] .modal .se-app-form-page .ac_dropdown,
html.dark .modal .se-app-form-page .ac_dropdown {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .modal .se-app-form-page .ac_dropdown[style],
html[data-theme="dark"] .modal .se-app-form-page .ac_dropdown[style],
html.dark .modal .se-app-form-page .ac_dropdown[style] {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  color: var(--se-ink) !important;
}

/* --------------------------------------------------------------------------
   Sync History
   -------------------------------------------------------------------------- */

.securends .se-sync-history-page h2.syncHead,
.securends .se-sync-history-page .syncHead.sticky {
  position: static !important;
  top: auto !important;
}

.securends .se-sync-history-page #ftype,
.securends .se-sync-history-page #fstatus {
  border-radius: var(--se-r);
  border: 1px solid var(--se-line);
  min-height: 28px;
}

/* --------------------------------------------------------------------------
   Create EndPoint / Application list / epConfig
   -------------------------------------------------------------------------- */

.securends .se-create-ep-page .card.border.shadow,
.securends .se-create-ep-page .card {
  background: var(--se-card);
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow) !important;
}

.securends .se-applist-page .slidemenu label span {
  color: var(--se-ink-2);
  font-weight: 500;
}

.securends .se-ep-config-page .endpointsubmitbtn,
.securends .se-ep-list-page .custom_primary,
.securends .se-ep-list-page .custom__pg {
  border-radius: var(--se-r);
}

.securends .se-ep-list-page .endpointListCard {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 12px 16px;
  margin: 0 0 8px;
  display: flex;
  align-items: center;
}

.securends .se-ep-list-page .form-group {
  max-width: 360px;
  margin-bottom: 16px;
}

.securends .se-list-apps-page .listOfSRtitle {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
}

.securends .se-list-apps-page .endpointConfigCard {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 16px 20px;
}

.securends .se-csv-import-page .panel-info > .panel-heading {
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  border-color: var(--se-line) !important;
  font-weight: 600;
}

.securends .se-csv-import-page .endpointConfigCard,
.securends .se-csv-import-page .border.upload {
  background: var(--se-card);
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 16px 20px;
}

.securends .se-share-page .list-group-item.active {
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
}

@media (max-width: 960px) {
  .securends .se-ep-cred-page .endPoints_btns,
  .securends .se-ep-ent-page .o-form-title-bar .pull-right {
    margin-left: 0;
    width: 100%;
    justify-content: flex-start;
  }
}

/* Delete Application drawer — No / Yes match themed modal actions */
html[data-se-theme] .ep-details-modal .modal-footer,
html[data-se-theme] .ep-details-modal .se-modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  border-top: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  padding: 12px 20px !important;
}

html[data-se-theme] .ep-details-modal .modal-footer .custom__lg,
html[data-se-theme] .ep-details-modal .modal-footer #epNo,
html[data-se-theme] .ep-details-modal .modal-footer #epMdno {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  min-width: 72px;
  height: 32px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-footer .custom__lg,
html[data-se-mode="dark"] .ep-details-modal .modal-footer #epNo,
html[data-se-mode="dark"] .ep-details-modal .modal-footer #epMdno,
html[data-se-mode="dark"] .ep-details-modal .modal-footer .custom_secondary,
html[data-theme="dark"] .ep-details-modal .modal-footer .custom__lg,
html.dark .ep-details-modal .modal-footer .custom__lg {
  background: var(--se-raise, var(--se-card)) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

html[data-se-theme] .ep-details-modal .modal-footer .custom__pg,
html[data-se-theme] .ep-details-modal .modal-footer #epYes {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  min-width: 72px;
  height: 32px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

html[data-se-theme] .ep-details-modal .modal-footer #epYes:disabled,
html[data-se-theme] .ep-details-modal .modal-footer .custom__pg:disabled {
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
  color: #fff !important;
  opacity: 0.4 !important;
}

/* Delete Application / Disable / Details drawer — body + dependency tables */
html[data-se-theme] .ep-details-modal .modal-body,
html[data-se-theme] .modal.ep-details-modal .modal-body {
  color: var(--se-ink) !important;
  background: var(--se-card) !important;
  font-family: var(--se-sans) !important;
}

html[data-se-theme] .ep-details-modal .modal-body p,
html[data-se-theme] .ep-details-modal .modal-body span:not(.fa):not(.warning-icon):not(.se-ep-danger-icon),
html[data-se-theme] .ep-details-modal .modal-body b,
html[data-se-theme] .ep-details-modal .modal-body strong {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

/* Keep Font Awesome / danger icons visible (blanket span font above broke glyphs → tofu □) */
html[data-se-theme] .ep-details-modal .modal-body .fa,
html[data-se-theme] .ep-details-modal .modal-body .fa::before,
html[data-se-theme] .modal.ep-details-modal .modal-body .fa,
html[data-se-theme] .modal.ep-details-modal .modal-body .fa::before {
  font-family: FontAwesome, "Font Awesome 5 Free", "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  font-style: normal !important;
  -webkit-font-smoothing: antialiased;
  speak: none;
}

html[data-se-theme] .ep-details-modal .modal-body .fa.fa-exclamation-triangle,
html[data-se-theme] .modal.ep-details-modal .modal-body .fa.fa-exclamation-triangle {
  color: var(--se-risk) !important;
  margin-right: 6px !important;
}

html[data-se-theme] .ep-details-modal .modal-body .se-ep-danger-icon,
html[data-se-theme] .modal.ep-details-modal .modal-body .se-ep-danger-icon,
.ep-details-modal .se-ep-danger-icon {
  background: var(--se-risk) !important;
  color: #fff !important;
  margin-right: 8px !important;
  vertical-align: middle !important;
}

/* Inline red warning — use risk token (beats style={{ color: "red" }}) */
html[data-se-theme] .ep-details-modal .modal-body p[style*="color: red"],
html[data-se-theme] .ep-details-modal .modal-body p[style*="color:red"],
html[data-se-theme] .ep-details-modal .modal-body p[style*="color: Red"] {
  color: var(--se-risk) !important;
}

html[data-se-theme] .ep-details-modal .modal-body table.TepmElements,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable,
html[data-se-theme] .ep-details-modal .modal-body table.table {
  width: 100% !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  color: var(--se-ink) !important;
}

html[data-se-theme] .ep-details-modal .modal-body table.TepmElements thead,
html[data-se-theme] .ep-details-modal .modal-body table.TepmElements thead tr,
html[data-se-theme] .ep-details-modal .modal-body table.TepmElements thead th,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable thead,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable thead tr,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable thead th,
html[data-se-theme] .ep-details-modal .modal-body table.table thead th {
  background: var(--se-table-header-bg) !important;
  background-color: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  border-color: var(--se-table-line, var(--se-line)) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

html[data-se-theme] .ep-details-modal .modal-body table.TepmElements tbody tr,
html[data-se-theme] .ep-details-modal .modal-body table.TepmElements tbody td,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable tbody tr,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable tbody td,
html[data-se-theme] .ep-details-modal .modal-body table.table tbody tr,
html[data-se-theme] .ep-details-modal .modal-body table.table tbody td,
html[data-se-theme] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(odd),
html[data-se-theme] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-se-theme] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(even),
html[data-se-theme] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(even) > td {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  border-color: var(--se-table-line, var(--se-line)) !important;
  font-family: var(--se-sans) !important;
}

html[data-se-theme] .ep-details-modal .modal-body table.TepmElements tbody tr:hover td,
html[data-se-theme] .ep-details-modal .modal-body table.dataTable tbody tr:hover td,
html[data-se-theme] .ep-details-modal .modal-body table.table tbody tr:hover td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
  color: var(--se-ink) !important;
}

/* Dark mode — keep dependency tables readable (no white stripe / no dark-on-dark) */
html[data-se-mode="dark"] .ep-details-modal .modal-body,
html[data-se-mode="dark"] .modal.ep-details-modal .modal-body,
html[data-theme="dark"] .ep-details-modal .modal-body,
html.dark .ep-details-modal .modal-body {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body p,
html[data-se-mode="dark"] .ep-details-modal .modal-body span:not(.fa):not(.warning-icon):not(.se-ep-danger-icon),
html[data-se-mode="dark"] .ep-details-modal .modal-body b,
html[data-se-mode="dark"] .ep-details-modal .modal-body strong,
html[data-theme="dark"] .ep-details-modal .modal-body p,
html[data-theme="dark"] .ep-details-modal .modal-body span:not(.fa):not(.warning-icon):not(.se-ep-danger-icon),
html[data-theme="dark"] .ep-details-modal .modal-body b,
html.dark .ep-details-modal .modal-body p,
html.dark .ep-details-modal .modal-body span:not(.fa):not(.warning-icon):not(.se-ep-danger-icon),
html.dark .ep-details-modal .modal-body b {
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body p[style*="color: red"],
html[data-se-mode="dark"] .ep-details-modal .modal-body p[style*="color:red"],
html[data-theme="dark"] .ep-details-modal .modal-body p[style*="color: red"],
html.dark .ep-details-modal .modal-body p[style*="color: red"] {
  color: var(--se-risk) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body table.TepmElements,
html[data-se-mode="dark"] .ep-details-modal .modal-body table.dataTable,
html[data-se-mode="dark"] .ep-details-modal .modal-body table.table,
html[data-theme="dark"] .ep-details-modal .modal-body table.TepmElements,
html[data-theme="dark"] .ep-details-modal .modal-body table.table,
html.dark .ep-details-modal .modal-body table.TepmElements,
html.dark .ep-details-modal .modal-body table.table {
  background: var(--se-raise, var(--se-card)) !important;
  border-color: var(--se-line) !important;
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body table thead,
html[data-se-mode="dark"] .ep-details-modal .modal-body table thead tr,
html[data-se-mode="dark"] .ep-details-modal .modal-body table thead th,
html[data-theme="dark"] .ep-details-modal .modal-body table thead,
html[data-theme="dark"] .ep-details-modal .modal-body table thead th,
html.dark .ep-details-modal .modal-body table thead,
html.dark .ep-details-modal .modal-body table thead th {
  background: var(--se-table-header-bg) !important;
  background-color: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  border-color: var(--se-table-line, var(--se-line)) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body table tbody tr,
html[data-se-mode="dark"] .ep-details-modal .modal-body table tbody td,
html[data-se-mode="dark"] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(odd),
html[data-se-mode="dark"] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-se-mode="dark"] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(even),
html[data-se-mode="dark"] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(even) > td,
html[data-theme="dark"] .ep-details-modal .modal-body table tbody tr,
html[data-theme="dark"] .ep-details-modal .modal-body table tbody td,
html[data-theme="dark"] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(odd) > td,
html[data-theme="dark"] .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(even) > td,
html.dark .ep-details-modal .modal-body table tbody tr,
html.dark .ep-details-modal .modal-body table tbody td,
html.dark .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(odd) > td,
html.dark .ep-details-modal .modal-body table.table-striped > tbody > tr:nth-of-type(even) > td {
  background: var(--se-raise, var(--se-card)) !important;
  background-color: var(--se-raise, var(--se-card)) !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  border-color: var(--se-table-line, var(--se-line)) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body table tbody tr:nth-child(even) td,
html[data-theme="dark"] .ep-details-modal .modal-body table tbody tr:nth-child(even) td,
html.dark .ep-details-modal .modal-body table tbody tr:nth-child(even) td {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
}

html[data-se-mode="dark"] .ep-details-modal .modal-body table tbody tr:hover td,
html[data-theme="dark"] .ep-details-modal .modal-body table tbody tr:hover td,
html.dark .ep-details-modal .modal-body table tbody tr:hover td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
  color: var(--se-ink) !important;
}

/* --------------------------------------------------------------------------
   CSV Upload sidebar (Endpoints / SOR) — dark matching header + validation
   thead. Modal is portaled outside .securends; pickels hardcodes light bg on
   .manditory-fields-header. Scoped to sidebar-modal / peoples-list only.
   -------------------------------------------------------------------------- */
html[data-se-mode="dark"] .sidebar-modal .manditory-fields-header,
html[data-theme="dark"] .sidebar-modal .manditory-fields-header,
html.dark .sidebar-modal .manditory-fields-header,
html[data-se-mode="dark"] .peoples-list .manditory-fields-header,
html[data-theme="dark"] .peoples-list .manditory-fields-header,
html.dark .peoples-list .manditory-fields-header {
  background: var(--se-table-header-bg, #151f30) !important;
  background-color: var(--se-table-header-bg, #151f30) !important;
  color: var(--se-table-header-ink, var(--se-ink-2, #a7b0c0)) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line, #263348)) !important;
}

html[data-se-mode="dark"] .sidebar-modal .manditory-fields-header label,
html[data-se-mode="dark"] .sidebar-modal .manditory-fields-header b,
html[data-theme="dark"] .sidebar-modal .manditory-fields-header label,
html[data-theme="dark"] .sidebar-modal .manditory-fields-header b,
html.dark .sidebar-modal .manditory-fields-header label,
html.dark .sidebar-modal .manditory-fields-header b,
html[data-se-mode="dark"] .peoples-list .manditory-fields-header label,
html[data-se-mode="dark"] .peoples-list .manditory-fields-header b,
html[data-theme="dark"] .peoples-list .manditory-fields-header label,
html[data-theme="dark"] .peoples-list .manditory-fields-header b,
html.dark .peoples-list .manditory-fields-header label,
html.dark .peoples-list .manditory-fields-header b {
  color: var(--se-table-header-ink, var(--se-ink-2, #a7b0c0)) !important;
}

html[data-se-mode="dark"] .sidebar-modal table.popup-content,
html[data-theme="dark"] .sidebar-modal table.popup-content,
html.dark .sidebar-modal table.popup-content,
html[data-se-mode="dark"] .peoples-list table.popup-content,
html[data-theme="dark"] .peoples-list table.popup-content,
html.dark .peoples-list table.popup-content {
  background: var(--se-raise, var(--se-card, #151e2e)) !important;
  border-color: var(--se-table-line, var(--se-line, #263348)) !important;
  color: var(--se-table-ink, var(--se-ink, #e5e7eb)) !important;
}

html[data-se-mode="dark"] .sidebar-modal table.popup-content thead,
html[data-se-mode="dark"] .sidebar-modal table.popup-content thead tr,
html[data-se-mode="dark"] .sidebar-modal table.popup-content thead th,
html[data-se-mode="dark"] .sidebar-modal table.MobileviewTable thead th,
html[data-se-mode="dark"] .sidebar-modal table.dataTable thead th,
html[data-theme="dark"] .sidebar-modal table.popup-content thead,
html[data-theme="dark"] .sidebar-modal table.popup-content thead th,
html[data-theme="dark"] .sidebar-modal table.MobileviewTable thead th,
html[data-theme="dark"] .sidebar-modal table.dataTable thead th,
html.dark .sidebar-modal table.popup-content thead,
html.dark .sidebar-modal table.popup-content thead th,
html.dark .sidebar-modal table.MobileviewTable thead th,
html.dark .sidebar-modal table.dataTable thead th,
html[data-se-mode="dark"] .peoples-list table.popup-content thead,
html[data-se-mode="dark"] .peoples-list table.popup-content thead th,
html[data-se-mode="dark"] .peoples-list table.MobileviewTable thead th,
html[data-se-mode="dark"] .peoples-list table.dataTable thead th,
html[data-theme="dark"] .peoples-list table.popup-content thead th,
html[data-theme="dark"] .peoples-list table.dataTable thead th,
html.dark .peoples-list table.popup-content thead th,
html.dark .peoples-list table.dataTable thead th {
  background: var(--se-table-header-bg, #151f30) !important;
  background-color: var(--se-table-header-bg, #151f30) !important;
  color: var(--se-table-header-ink, var(--se-ink-2, #a7b0c0)) !important;
  border-color: var(--se-table-line, var(--se-line, #263348)) !important;
}

html[data-se-mode="dark"] .sidebar-modal table.popup-content tbody tr,
html[data-se-mode="dark"] .sidebar-modal table.popup-content tbody td,
html[data-theme="dark"] .sidebar-modal table.popup-content tbody tr,
html[data-theme="dark"] .sidebar-modal table.popup-content tbody td,
html.dark .sidebar-modal table.popup-content tbody tr,
html.dark .sidebar-modal table.popup-content tbody td,
html[data-se-mode="dark"] .peoples-list table.popup-content tbody tr,
html[data-se-mode="dark"] .peoples-list table.popup-content tbody td,
html[data-theme="dark"] .peoples-list table.popup-content tbody tr,
html[data-theme="dark"] .peoples-list table.popup-content tbody td,
html.dark .peoples-list table.popup-content tbody tr,
html.dark .peoples-list table.popup-content tbody td {
  background: var(--se-raise, var(--se-card, #151e2e)) !important;
  background-color: var(--se-raise, var(--se-card, #151e2e)) !important;
  color: var(--se-table-ink, var(--se-ink, #e5e7eb)) !important;
  border-color: var(--se-table-line, var(--se-line, #263348)) !important;
}

/* --------------------------------------------------------------------------
   Setup Application fields — match Create Application layout (Bootstrap
   col-md-5 label | col-md-6 control + Filter Type | Apps side-by-side).
   Scoped to Update/Copy Application + SOR create/update only. Does not change
   Create Application (se-app-create-page) or other se-create-app screens.
   -------------------------------------------------------------------------- */

/* Label | radio/dropdown rows (Agent, Match By, Include *, Entitlement Type, …) */
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row),
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row),
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 10px !important;
  padding: 6px 0 !important;
  border: none !important;
  border-bottom: none !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns: none !important;
}

.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row):not(:where(.se-create-parity *))::before,
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row):not(:where(.se-create-parity *))::after,
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row)::before,
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row)::after,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row)::before,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row)::after,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row)::before,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row)::after {
  display: none !important;
  content: none !important;
}

.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-label:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-5.o-form-label:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-label,
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-5.o-form-label,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-label,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-5.o-form-label,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-label,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-5.o-form-label {
  flex: 0 0 41.66667% !important;
  width: 41.66667% !important;
  max-width: 41.66667% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 7px 15px 0 0 !important;
  float: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-input:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-6:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-7:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-input,
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-6,
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-7,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-input,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-6,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-7,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .o-form-input,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-6,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) > .col-md-7 {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  float: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .form-group:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .form-group,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .form-group,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .form-group {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) select.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) input.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) select.form-control,
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) input.form-control,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) select.form-control,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) input.form-control,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) select.form-control,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) input.form-control {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.securends.securends .se-app-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .settingsTitleName:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .settingsTitleName,
.securends.securends .se-sor-create-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .settingsTitleName,
.securends.securends .se-sor-update-page .endpointConfigCard.steps > .hrsystemAppCnt > .row:has(> .o-form-label):not(.se-okta-filter-row) .settingsTitleName {
  padding-top: 0 !important;
  margin: 0 !important;
}

/* Okta Filter Type | Applications/Groups — side-by-side like Create */
.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 4px !important;
  padding: 0 !important;
  border: none !important;
  border-bottom: none !important;
  gap: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns: none !important;
}

.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row:not(:where(.se-create-parity *))::before,
.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row:not(:where(.se-create-parity *))::after,
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row::before,
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row::after,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row::before,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row::after,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row::before,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row::after {
  display: none !important;
  content: none !important;
}

.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5 {
  /* Same label column as Entitlement Type (41.67% | 15px gutter) */
  flex: 0 0 41.66667% !important;
  width: 41.66667% !important;
  max-width: 41.66667% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 15px 0 0 !important;
  float: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5:last-child:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5:last-child,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5:last-child,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row > .col-md-5:last-child {
  /* Same field column as the Entitlement Type radios */
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  padding: 0 !important;
}

/* Create Application — Bootstrap label|field rows (col-md-5 | col-md-6) */
.securends .se-app-create-page .hrsystemAppCnt .row.se-okta-filter-row {
  margin-top: 4px;
  margin-bottom: 4px;
}

.securends .se-app-create-page .hrsystemAppCnt .row.se-okta-filter-row > .se-okta-filter-apps {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.securends .se-app-create-page .hrsystemAppCnt .row.se-okta-filter-row .form-group {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-app-create-page .hrsystemAppCnt .row.se-okta-filter-row .form-label,
.securends .se-app-create-page .hrsystemAppCnt .row.se-okta-filter-row select.form-control,
.securends .se-app-create-page .hrsystemAppCnt .row.se-okta-filter-row input.form-control {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row .form-group:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row .form-group,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row .form-group,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row .form-group {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row .form-label:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row .form-label,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row .form-label,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row .form-label {
  margin-left: 0 !important;
}

.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row select:not(:where(.se-create-parity *)),
.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row select.form-control:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row select,
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row select.form-control,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row select,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row select.form-control,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row select,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row select.form-control,
.securends .se-app-update-page .hrsystemAppCnt > .row.se-okta-filter-row input.form-control:not(:where(.se-create-parity *)),
.securends .se-app-copy-page .hrsystemAppCnt > .row.se-okta-filter-row input.form-control,
.securends .se-sor-create-page .hrsystemAppCnt > .row.se-okta-filter-row input.form-control,
.securends .se-sor-update-page .hrsystemAppCnt > .row.se-okta-filter-row input.form-control {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}

/* --------------------------------------------------------------------------
   Update Application Setup Application only (card that contains #name).
   Match Create Application col-md-5 | col-md-6 layout. Do not change
   Configure Application, Create Application, or SOR.
   -------------------------------------------------------------------------- */
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row):not(:has(> .col-md-5 + .col-md-5)):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row):not(:has(> .col-md-5 + .col-md-5)) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 0 8px !important;
  padding: 12px 0 !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5)):not(:where(.se-create-parity *))::before,
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5)):not(:where(.se-create-parity *))::after,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5))::before,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5))::after {
  display: none !important;
  content: none !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5)) > :first-child:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5)) > :first-child {
  flex: 0 0 41.66667% !important;
  width: 41.66667% !important;
  max-width: 41.66667% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 15px 0 0 !important;
  float: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5)) > :nth-child(2):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(:has(> .col-md-5 + .col-md-5)) > :nth-child(2) {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  margin: 0 !important;
  margin-top: 0 !important;
  padding: 0 !important;
  float: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .form-group:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .form-group {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) input.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) select.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) select:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) input.form-control,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) select.form-control,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) select {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  display: block !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .settingsTitleName:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .settingsTitleName {
  padding-top: 0 !important;
  margin: 0 !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt .uar-radio:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt .uar-radio {
  margin-left: 0 !important;
  width: 100% !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormControl-root:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormControl-root {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormGroup-root:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin: 0 !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormControlLabel-root:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormControlLabel-root {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 16px 0 0 !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormGroup-root:has(.campiagnRadiobtn):not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .campiagnRadiobtn .MuiFormGroup-root:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .MuiFormGroup-root:has(.campiagnRadiobtn),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3) .campiagnRadiobtn .MuiFormGroup-root {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(.campiagnRadiobtn):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(.campiagnRadiobtn) {
  align-items: flex-start !important;
}

/* Reviewer Configuration: label + Yes/No on one horizontal line */
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .approverConfig > .MuiFormControl-root {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 16px 24px !important;
  width: 100% !important;
  margin: 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .approverConfig .MuiFormLabel-root {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 1.4 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .approverConfig .MuiFormGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .approverConfig .MuiFormControlLabel-root {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 16px 0 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page) .approverConfig {
  left: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   Update/Copy Application Setup — Filter Type | Group/OU/User/Active User
   Filter two-up, equal columns (same as Create Application Filter Credentials).
   Do not change label|radio rows, Okta filter row, Create Application, or SOR.
   -------------------------------------------------------------------------- */
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row):not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  float: none !important;
  clear: both !important;
  width: calc(100% + 24px) !important;
  max-width: calc(100% + 24px) !important;
  margin: 8px -12px 4px !important;
  padding: 8px 0 4px !important;
  border: none !important;
  border-bottom: none !important;
  gap: 0 !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row):not(:where(.se-create-parity *))::before,
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row):not(:where(.se-create-parity *))::after,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row)::before,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row)::after {
  display: none !important;
  content: none !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) > .col-md-5:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) > .col-md-5 {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  min-width: 0 !important;
  margin: 0 0 16px !important;
  padding: 0 12px !important;
  float: none !important;
  grid-column: auto !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) .form-group:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) .form-group {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) .form-label:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) .form-label {
  display: block !important;
  margin: 0 0 6px !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  line-height: 1.3 !important;
  min-height: 17px !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) input.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) select:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) select.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) input.form-control,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) select,
.securends.securends .se-app-copy-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) select.form-control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  box-sizing: border-box !important;
}

/* Flex Folder Role/Group pair: span both custom-config columns.
   Do not restyle the parent field row. */
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-permission-row,
.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-concatenate-section {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  float: none !important;
  clear: both !important;
  align-self: start !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  position: static !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-permission-row > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-permission-row > .row > .col-md-6 {
  width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
  float: none !important;
  margin: 0 !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  position: static !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-permission-row > .row > .col-md-6:first-child {
  padding: 0 12px 0 0 !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-permission-row > .row > .col-md-6:last-child {
  padding: 0 0 0 12px !important;
}

.securends :is(.se-app-create-page, .se-app-update-page, .se-app-copy-page, .se-sor-create-page, .se-sor-update-page) .role-group-permission-row input.form-control {
  width: 100% !important;
  max-width: 100% !important;
  height: 38px !important;
  min-height: 38px !important;
  box-sizing: border-box !important;
}

/* Update Application only: tighten space between Role/Group pairs. */
.securends .se-app-update-page .role-group-permission-row:not(:where(.se-create-parity *)) {
  margin-bottom: 0 !important;
}

.securends .se-app-update-page .role-group-permission-row + .role-group-permission-row:not(:where(.se-create-parity *)) {
  margin-top: -10px !important;
}

/* Data Import Schedule — compact select (short options: On Demand / Daily / Weekly / Monthly) */
.securends .se-app-create-page .data-import-schedule-row .form-group {
  width: 100% !important;
  max-width: 240px !important;
  margin-bottom: 0 !important;
}

.securends .se-app-create-page .data-import-schedule-row select,
.securends .se-app-create-page .data-import-schedule-row select.form-control {
  width: 100% !important;
  max-width: 240px !important;
}

/* ==========================================================================
   Update Application (/updateapplication) — same alignment as Create
   Application (Bootstrap 12px gutters + pickels 5px row inset).
   .se-app-update-page only; Copy Application and Update SOR are unchanged.
   ========================================================================== */

/* 1. Page header — keeps the shared title-bar card (see Update/Copy title bar above) */
.securends.securends .se-app-update-page > .row.manageApp:not(:where(.se-create-parity *)) {
  margin: 0 !important;
}

/* 2–3. Module + Data Ingestion — plain Bootstrap checkboxes / MUI radios like Create
   (Create markup: col-md-2 labels, item widths 240/250/235px, col-md-6 field,
   .uar-radio-data margin-left 10px). Beats the inline widths in UpdateApplication.js. */
.securends.securends .se-app-update-page > .row:has(.appConfigType) .settingsTitle:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page > .row:has(.uar-radio) .settingsTitle:not(:where(.se-create-parity *)) {
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-sm) !important;
  font-weight: 500 !important;
  margin: 10px 0 1rem !important;
  padding-top: 0 !important;
}

.securends.securends .se-app-update-page > .row:has(.appConfigType) > div > .o-form-label:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page > .row:has(.uar-radio) > .o-form-label:not(:where(.se-create-parity *)) {
  flex: 0 0 16.66667% !important;
  width: 16.66667% !important;
  max-width: 16.66667% !important;
}

.securends.securends .se-app-update-page > .row:has(.appConfigType) .appConfigType:has(> #appConfigTypeIGA):not(:where(.se-create-parity *)) {
  width: 240px !important;
  padding-left: calc(var(--bs-gutter-x, 30px) * 0.5) !important;
}

.securends.securends .se-app-update-page > .row:has(.appConfigType) .appConfigType:has(> #appConfigTypeAR):not(:where(.se-create-parity *)) {
  width: 250px !important;
}

.securends.securends .se-app-update-page > .row:has(.appConfigType) .appConfigType:has(> #appConfigTypeIRA):not(:where(.se-create-parity *)) {
  width: 235px !important;
}

.securends.securends .se-app-update-page > .row:has(.uar-radio) > [class*="col-md-"]:not(.o-form-label):not(:where(.se-create-parity *)) {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
}

/* File Upload radio circle sits directly under the User Access Reviews checkbox. */
.securends.securends .se-app-update-page > .row:has(.uar-radio) .uar-radio:not(:where(.se-create-parity *)) {
  margin-left: -7px !important;
}

.securends.securends .se-app-create-page > .row > .col-md-6 > .uar-radio-data {
  margin-left: 22px !important;
}

/* 4. Card shell — Create radius / shadow / header; Bootstrap 1rem body */
.securends.securends .se-app-update-page .card.sor-header:not(:where(.se-create-parity *)) {
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
}

.securends.securends .se-app-update-page .card.sor-header > .card-header:not(:where(.se-create-parity *)) {
  border-bottom: 1px solid var(--se-line) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
}

.securends.securends .se-app-update-page .card.sor-header > .card-body:not(:where(.se-create-parity *)) {
  padding: 1rem !important;
}

/* 5a. Setup Application label | field rows (Name, Agent, Match By, …) */
.securends.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row):not(:has(> .col-md-5 + .col-md-5)):not(:where(.se-create-parity *)) {
  margin: 0 !important;
  padding: 5px 5px 12px 5px !important;
}

.securends.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row):not(:has(> .col-md-5 + .col-md-5)) > :first-child:not(:where(.se-create-parity *)),
.securends.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:not(.mt-3):not(.data-import-schedule-row):not(.attributes-conn-wrapper):not(.attributes-flex-conn-wrapper):not(.se-okta-filter-row):not(:has(> .col-md-5 + .col-md-5)) > :nth-child(2):not(:where(.se-create-parity *)) {
  padding: 0 12px !important;
}

/* 5b. Setup Application connector picker — Create framing and 5-column grid */
.securends.securends .se-app-update-page .card.sor-header:has(#name) .hrsystemAppCnt > .row.mt-3:has(#selectIconsData):not(:where(.se-create-parity *)) {
  display: block !important;
  margin: 12px 0 0 !important;
  padding: 14px 0 0 !important;
  border-top: 1px solid var(--se-line-soft) !important;
  border-bottom: 1px solid var(--se-line-soft) !important;
  width: 100% !important;
}

.securends.securends .se-app-update-page .card.sor-header:has(#name) .hrsystemAppCnt > .row.mt-3:has(#selectIconsData) > .uar-apps-wrapper:not(:where(.se-create-parity *)) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 16px 0 24px !important;
  padding: 0 !important;
}

.securends.securends .se-app-update-page #selectIconsData.uar-apps-section:not(:where(.se-create-parity *)) {
  width: 100% !important;
  max-width: 100% !important;
  padding: 20px 24px !important;
  margin: 0 !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page #selectIconsData.uar-apps-section :is(.uar-appl-list, .uar-appl-list-less):not(:where(.se-create-parity *)) {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 1100px) {
  .securends.securends .se-app-update-page #selectIconsData.uar-apps-section :is(.uar-appl-list, .uar-appl-list-less):not(:where(.se-create-parity *)) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 650px) {
  .securends.securends .se-app-update-page #selectIconsData.uar-apps-section :is(.uar-appl-list, .uar-appl-list-less):not(:where(.se-create-parity *)) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

.securends.securends .se-app-update-page #selectIconsData.uar-apps-section :is(.uar-dashboard-items, .agentName, .col-md-2.agentName):not(:where(.se-create-parity *)) {
  width: 100% !important;
  max-width: none !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends.securends .se-app-update-page #selectIconsData.uar-apps-section .uar-item-img.card:not(:where(.se-create-parity *)) {
  width: 100% !important;
  max-width: none !important;
  flex: 0 1 auto !important;
  height: 60px !important;
  min-height: 60px !important;
  max-height: 60px !important;
  padding: 14px 18px !important;
  gap: 14px !important;
}

.securends.securends .se-app-update-page #selectIconsData.uar-apps-section img:not(:where(.se-create-parity *)) {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  flex: 0 0 32px !important;
}

/* 6. Filter Type | Filter pairs (col-md-5 + col-md-5) — Create 41.667% each */
.securends.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row):not(:where(.se-create-parity *)) {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 5px 5px 12px 5px !important;
}

.securends.securends.securends .se-app-update-page .card.sor-header:has(#name) > .card-body .hrsystemAppCnt > .row:has(> .col-md-5 + .col-md-5):not(:has(> .o-form-label)):not(.se-okta-filter-row) > .col-md-5:not(:where(.se-create-parity *)) {
  flex: 0 0 41.66667% !important;
  width: 41.66667% !important;
  max-width: 41.66667% !important;
  margin: 0 !important;
  padding: 0 12px !important;
}

/* 7–8. .se-create-parity marks Update content that must render exactly like Create:
   the Configure Application connector form (same nesting as Create's
   ApplicationImportTab form) and the Domain Details / Reviewer Configuration /
   Notifications card bodies. Every .se-create-app / .se-app-update-page rule skips
   descendants of the marker, so they get Create's base styles; below are Create's
   page-scoped rules for that content. */
.securends.securends .se-app-update-page .se-create-parity .sor-config-desc {
  padding: 0 15px !important;
  margin: 0 0 12px !important;
}

.securends.securends .se-app-update-page .se-create-parity .sor-config-desc p {
  margin: 0 !important;
  font-size: 13px;
  line-height: 1.5;
  color: var(--se-ink-2);
}

.securends.securends .se-app-update-page .se-create-parity input.form-control,
.securends.securends .se-app-update-page .se-create-parity textarea.form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--bg-input, var(--se-card)) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

/* background-color only — the `background` shorthand wipes the selects.css caret. */
.securends.securends .se-app-update-page .se-create-parity select,
.securends.securends .se-app-update-page .se-create-parity select.form-control {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background-color: var(--bg-input, var(--se-card)) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

.securends.securends .se-app-update-page .se-create-parity input.form-control:focus,
.securends.securends .se-app-update-page .se-create-parity select:focus,
.securends.securends .se-app-update-page .se-create-parity select.form-control:focus,
.securends.securends .se-app-update-page .se-create-parity textarea.form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  outline: none !important;
}

.securends.securends .se-app-update-page .se-create-parity .error {
  color: var(--se-risk) !important;
}

.securends.securends .se-app-update-page .se-create-parity .settingsTitle,
.securends.securends .se-app-update-page .se-create-parity .settingsTitleName {
  color: var(--se-ink);
  font-family: var(--se-sans);
}

.securends.securends .se-app-update-page .se-create-parity .data-import-schedule-row .form-group {
  width: 100% !important;
  max-width: 240px !important;
  margin-bottom: 0 !important;
}

.securends.securends .se-app-update-page .se-create-parity .data-import-schedule-row select,
.securends.securends .se-app-update-page .se-create-parity .data-import-schedule-row select.form-control {
  width: 100% !important;
  max-width: 240px !important;
}

.securends.securends .se-app-update-page .se-create-parity .row.se-okta-filter-row {
  margin-top: 4px;
  margin-bottom: 4px;
}

.securends.securends .se-app-update-page .se-create-parity .row.se-okta-filter-row > .se-okta-filter-apps {
  flex: 0 0 50% !important;
  max-width: 50% !important;
}

.securends.securends .se-app-update-page .se-create-parity .row.se-okta-filter-row .form-group {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends.securends .se-app-update-page .se-create-parity .row.se-okta-filter-row .form-label,
.securends.securends .se-app-update-page .se-create-parity .row.se-okta-filter-row select.form-control,
.securends.securends .se-app-update-page .se-create-parity .row.se-okta-filter-row input.form-control {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

.securends.securends .se-app-update-page .se-create-parity .se-flex-host-col {
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  clear: both !important;
}

.securends.securends .se-app-update-page .se-create-parity .se-flex-host-col .se-flex-host-field {
  width: calc(50% - 15px) !important;
  max-width: calc(50% - 15px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.securends.securends .se-app-update-page .se-create-parity .se-flex-host-col .se-flex-host-field select,
.securends.securends .se-app-update-page .se-create-parity .se-flex-host-col .se-flex-host-field select.form-control {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
}

/* 10. Risk Configuration — full-width selects in the new .row wrappers */
.securends.securends .se-app-update-page .card.sor-header:has(#server) select.form-control:not(:where(.se-create-parity *)),
.securends.securends .se-app-update-page .card.sor-header:has(#server) .form-group:not(:where(.se-create-parity *)) {
  max-width: none !important;
}

/* 11. OU Configuration / Domain Details — col-md-3 (25%) | col-md-4 (33.333%) */
.securends.securends .se-app-update-page .card.sor-header > .card-body > .row.form-group:not(:where(.se-create-parity *)) {
  display: flex !important;
  flex-wrap: wrap !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 5px 5px 12px 5px !important;
  border-bottom: none !important;
}

.securends.securends .se-app-update-page .card.sor-header > .card-body > .row.form-group > .col-md-3:not(:where(.se-create-parity *)) {
  flex: 0 0 25% !important;
  width: 25% !important;
  min-width: 0 !important;
  max-width: 25% !important;
  padding: 0 12px !important;
}

.securends.securends .se-app-update-page .card.sor-header > .card-body > .row.form-group > .col-md-4:not(:where(.se-create-parity *)) {
  flex: 0 0 33.33333% !important;
  width: 33.33333% !important;
  max-width: 33.33333% !important;
  padding: 0 12px !important;
}

/* 12. Action buttons — static like Create (no sticky footer) */
.securends.securends .se-app-update-page > .row.se-create-app-actions:not(:where(.se-create-parity *)) {
  position: static !important;
  background: transparent !important;
  backdrop-filter: none !important;
  border-top: none !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
}

.securends.securends .se-app-update-page > .row.se-create-app-actions > .o-form-button-bar:not(:where(.se-create-parity *)) {
  margin-right: 30px !important;
}
/* Admin Console named batch — toolbar leftovers, settings rows, forms.
   Tables, 3-dots, buttons, and ReactTable inner scroll stay global.
   Routes: /Administrations /configurationAuditTrial /LogsContent /logsView
           /ExtractErrors /cemLogsView /GenericAgentInformation /DataDownloads
           /DataDownloads/:expire/:name/:Id/:downloadType/:eventId
           /ArchivedCampaignReports /license /FlexRPARecipes /emailTemplates
           /createEmailTemplateForm/:type/:id /messageTemplates
           /createMessageTemplateForm/:type/:id /emailAudit /messageAudit
           /uploadLogo /properyConfig /EntitlementOwner /productUpdateInfo/:id/:url
           /groupsList /addGroup /updateGroup/:groupId/:type
           /manageAssigneeDetails /AddInactiveStatus /SORFieldsMapping /addPeopleSR
   /logsView and /cemLogsView are right drawers — reuse modals.css.
   Keep #edstatus Enable/Disable, #fstatus agent values, Back targets,
   ticket-type option values, AddPeopleSR utype values. */

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

.securends .se-admin-page>.row,
.securends .se-admin-page.row,
.securends .se-admin-page .row1,
.securends .se-admin-page [style*="1272px"],
.securends .se-admin-page [style*="top: '50px'"],
.securends .se-admin-page [style*="top: 50px"] {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-admin-page [style*="1272px"],
.securends .se-admin-page .row1>div[style*="sticky"] {
  position: static !important;
  top: auto !important;
  width: 100% !important;
  background: transparent !important;
}

.securends .se-admin-page .fa-spinner-icon {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  float: none !important;
  margin: 0 0 0 8px !important;
}

.securends .se-admin-page>p,
.securends .se-admin-page .mt-3 {
  color: var(--se-ink-2);
}

.securends .se-admin-page .campaign_progress,
.securends .se-admin-page .expBtn,
.securends .se-admin-page .appconfig_btn,
.securends .se-admin-page .createTemp2,
.securends .se-admin-page .sa-btn-header-right,
.securends .se-admin-page .manageAssignBtn {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
}

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

.securends .se-admin-page .Sort_By_Data {
  position: static !important;
  margin: 0 0 0 auto !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  color: var(--se-ink-2);
  white-space: nowrap;
}

.securends .se-admin-page .Sort_By_Data select,
.securends .se-admin-page #edstatus,
.securends .se-admin-page #fstatus {
  height: 28px;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r);
  background-color: var(--se-card);
  background-image: var(--se-select-caret);
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 10px 7px;
  padding: 0 24px 0 8px;
  color: var(--se-ink);
  font-size: 12px;
}

/* --------------------------------------------------------------------------
   /Administrations — settings catalog (GeneralTab)
   Azure / Okta-style 2-column cards. Buttons still open existing modals.
   -------------------------------------------------------------------------- */

.securends .se-admin-config-page>p,
.securends .se-admin-config-page .se-config-lead {
  margin: 0 0 20px;
  max-width: 720px;
  font-size: var(--se-t-body);
  color: var(--se-ink-2);
}

.securends .se-admin-config-page .col-md-9 {
  width: 100%;
  max-width: 100%;
  float: none;
  padding: 0;
}

.securends .se-admin-config-page .endpointConfigCard.se-config-grid,
.securends .se-admin-config-page .se-config-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.securends .se-admin-config-page .se-config-card,
.securends .se-admin-config-page .row.marginTop-20.se-config-card,
.securends .se-admin-config-page .row.se-config-card,
.securends .se-admin-config-page .endpointConfigCard .row.se-config-card {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 16px;
  min-height: 168px;
  margin: 0 !important;
  width: 100% !important;
  padding: 20px 20px 16px !important;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  transition: border-color var(--se-ease), box-shadow var(--se-ease), transform var(--se-ease);
}

.securends .se-admin-config-page .endpointConfigCard .se-config-card>.col-md-6 {
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-admin-config-page .se-config-card:hover {
  border-color: var(--se-brand-line);
  box-shadow: var(--se-shadow-md);
}

.securends .se-admin-config-page .se-config-card .o-form-label,
.securends .se-admin-config-page .se-config-card .o-form-input {
  width: 100% !important;
  max-width: none;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-admin-config-page .se-config-card .o-form-label {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.securends .se-admin-config-page .se-config-ico {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  border-radius: var(--se-r);
  background: var(--se-brand-tint);
  color: var(--se-brand);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.securends .se-admin-config-page .se-config-ico::before {
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 1;
  content: "\f013";
}

.securends .se-admin-config-page .se-config--roles .se-config-ico::before {
  content: "\f0c0";
}

.securends .se-admin-config-page .se-config--risk .se-config-ico::before {
  content: "\f200";
}

.securends .se-admin-config-page .se-config--ticketing .se-config-ico::before {
  content: "\f145";
}

.securends .se-admin-config-page .se-config--email .se-config-ico::before {
  content: "\f0e0";
}

.securends .se-admin-config-page .se-config--message .se-config-ico::before {
  content: "\f075";
}

.securends .se-admin-config-page .se-config--campaigns .se-config-ico::before {
  content: "\f0a1";
}

.securends .se-admin-config-page .se-config--ui .se-config-ico::before {
  content: "\f1fc";
}

.securends .se-admin-config-page .se-config--default-ui .se-config-ico::before {
  content: "\f1de";
}

.securends .se-admin-config-page .se-config--inactive .se-config-ico::before {
  content: "\f0ec";
}

.securends .se-admin-config-page .se-config--reviewer .se-config-ico::before {
  content: "\f007";
}

.securends .se-admin-config-page .se-config--approver .se-config-ico::before {
  content: "\f2bb";
}

.securends .se-admin-config-page .se-config--identity .se-config-ico::before {
  content: "\f007";
}

.securends .se-admin-config-page .se-config--report .se-config-ico::before {
  content: "\f201";
}

.securends .se-admin-config-page .se-config--login .se-config-ico::before {
  content: "\f023";
}

.securends .se-admin-config-page .se-config--attributes .se-config-ico::before {
  content: "\f02c";
}

.securends .se-admin-config-page .se-config-copy {
  min-width: 0;
  flex: 1 1 auto;
}

.securends .se-admin-config-page .settingsTitleName {
  margin: 0 0 4px;
  color: var(--se-ink);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
}

.securends .se-admin-config-page .settingsTitleName .fa-info-circle {
  margin-left: 6px;
  color: var(--se-ink-3);
  font-size: 13px;
}

.securends .se-admin-config-page .se-config-desc {
  margin: 0;
  color: var(--se-ink-2);
  font-size: 12px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.securends .se-admin-config-page .se-config-card .o-form-input {
  margin-top: auto !important;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding-top: 4px !important;
  border-top: 1px solid var(--se-line-soft);
}

.securends .se-admin-config-page .se-config-card .o-form-input,
.securends .se-admin-config-page .se-config-card .o-form-input>div,
.securends .se-admin-config-page .se-config-card .loginTypeDetails {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100%;
}

.securends .se-admin-config-page .tempaddselect,
.securends .se-admin-config-page a.tempaddselect,
.securends .se-admin-config-page button.tempaddselect {
    height: 32px !important;
  /* Content-sized like other View / Set Up (beat inline width + display:block stretch) */
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 14px !important;
  line-height: 30px !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: all var(--se-ease) !important;
}

.securends .se-admin-config-page .tempaddselect:hover,
.securends .se-admin-config-page a.tempaddselect:hover,
.securends .se-admin-config-page button.tempaddselect:hover {
  background: var(--se-page) !important;
  background-color: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-brand) !important;
}

.securends .se-admin-config-page .se-config-card .o-form-input>.tempaddselect:first-child,
.securends .se-admin-config-page .se-config-card .o-form-input>div>.tempaddselect:first-of-type,
.securends .se-admin-config-page .se-config-card .loginTypeDetails>.tempaddselect:first-child,
.securends .se-admin-config-page .se-config-card .o-form-input>a.tempaddselect:first-child,
.securends .se-admin-config-page .se-config-card .o-form-input>button.tempaddselect:first-of-type {
  background: var(--se-btn-bg, var(--se-brand)) !important;
  background-color: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

.securends .se-admin-config-page .se-config-card .o-form-input>.tempaddselect:first-child:hover,
.securends .se-admin-config-page .se-config-card .o-form-input>div>.tempaddselect:first-of-type:hover,
.securends .se-admin-config-page .se-config-card .loginTypeDetails>.tempaddselect:first-child:hover,
.securends .se-admin-config-page .se-config-card .o-form-input>a.tempaddselect:first-child:hover,
.securends .se-admin-config-page .se-config-card .o-form-input>button.tempaddselect:first-of-type:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

.securends .se-admin-config-page .tempaddselect:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.securends .se-admin-config-page .se-config-section {
  grid-column: 1 / -1;
}

.securends .se-admin-config-page .se-config-section-head {
  display: flex;
  align-items: center;
  margin: 8px 0 4px;
}

.securends .se-admin-config-page .se-config-section-head .strapi-pagename {
  position: static !important;
  width: auto;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: visible;
  clip: unset;
  clip-path: none;
  white-space: normal;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--se-ink-2);
}

.securends .se-admin-config-page .se-config-grid--nested {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

/* AccessControlConfiguration also carries .se-lcm-page, whose !important
   `.se-lcm-page .endpointConfigCard` card chrome boxed the IGA Global rows. */
.securends .se-admin-config-page .se-config-section--access .endpointConfigCard.se-config-grid--nested {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.securends .se-admin-config-page .se-config-kicker,
.securends .se-admin-config-page .endpointConfigCard .row.se-config-kicker {
  grid-column: 1 / -1;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  min-height: 0;
  margin: 0 !important;
  width: 100% !important;
}

.securends .se-admin-config-page .se-config-kicker p {
  margin: 0;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-size: 13px;
  font-weight: 600;
  color: var(--se-ink-2);
}

.securends .se-admin-config-page .se-config-modal-host {
  display: contents;
}

/* --------------------------------------------------------------------------
   Configuration layout toggle (list = classic rows, grid = current cards)
   -------------------------------------------------------------------------- */

.securends .se-admin-config-page .se-config-view-toggle {
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r);
  overflow: hidden;
  background: var(--se-card);
}

.securends .se-admin-config-page .se-config-view-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  color: var(--se-ink-2);
  cursor: pointer;
  line-height: 1;
}

.securends .se-admin-config-page .se-config-view-toggle-btn:hover,
.securends .se-admin-config-page .se-config-view-toggle-btn.is-active {
  background: var(--se-brand-tint);
  color: var(--se-brand);
}

.securends .se-admin-config-page .se-config-view-toggle-btn .fa {
  font-size: 14px;
}

.securends .se-admin-config-page.se-config-view--list .endpointConfigCard.se-config-grid,
.securends .se-admin-config-page.se-config-view--list .se-config-grid,
.securends .se-admin-config-page.se-config-view--list .se-config-grid--nested {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 4px 20px;
  margin: 0;
}

.securends .se-admin-config-page.se-config-view--list .se-config-grid--nested {
  border: 0;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
  background: transparent;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card,
.securends .se-admin-config-page.se-config-view--list .row.marginTop-20.se-config-card,
.securends .se-admin-config-page.se-config-view--list .row.se-config-card,
.securends .se-admin-config-page.se-config-view--list .endpointConfigCard .row.se-config-card {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 16px;
  min-height: 0;
  margin: 0 !important;
  padding: 14px 0 !important;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--se-line);
  border-radius: 0;
  box-shadow: none;
  transform: none;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card:last-child {
  border-bottom: 0;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card:hover {
  border-color: var(--se-line);
  box-shadow: none;
  background: var(--se-page);
}

.securends .se-admin-config-page.se-config-view--list .se-config-ico,
.securends .se-admin-config-page.se-config-view--list .se-config-desc {
  display: none !important;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-label,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input,
.securends .se-admin-config-page.se-config-view--list .endpointConfigCard .se-config-card > .col-md-6 {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-label {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  align-items: center;
  min-width: 0;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > div,
.securends .se-admin-config-page.se-config-view--list .se-config-card .loginTypeDetails {
  flex: 0 0 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > div {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}

.securends .se-admin-config-page.se-config-view--list .tempaddselect,
.securends .se-admin-config-page.se-config-view--list a.tempaddselect,
.securends .se-admin-config-page.se-config-view--list button.tempaddselect {
  margin-left: 0 !important;
  margin-right: 0 !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  display: inline-flex !important;
  box-sizing: border-box !important;
}

/* Link-based config actions (Assignee Details, Users Report Set Up) mirror the
   global html[data-se-theme] button#tempADDdata chrome, which skips <a>. */
.securends .se-admin-config-page .se-config-card .o-form-input > a.tempaddselect,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > a.tempaddselect {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 80px !important;
  max-width: none !important;
  height: 36px !important;
  min-height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  box-sizing: border-box !important;
  padding: 0 20px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  background: var(--se-btn-bg, var(--se-brand)) !important;
  background-color: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

.securends .se-admin-config-page .se-config-card .o-form-input > a.tempaddselect:hover,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > a.tempaddselect:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
}

.securends .se-admin-config-page.se-config-view--list .settingsTitleName {
  margin: 0;
}

.securends .se-admin-config-page.se-config-view--list .tempaddselect,
.securends .se-admin-config-page.se-config-view--list a.tempaddselect,
.securends .se-admin-config-page.se-config-view--list button.tempaddselect,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > .tempaddselect:first-child,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > div > .tempaddselect:first-of-type,
.securends .se-admin-config-page.se-config-view--list .se-config-card .loginTypeDetails > .tempaddselect:first-child {
  background: var(--se-btn-bg, var(--se-brand)) !important;
  background-color: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

.securends .se-admin-config-page.se-config-view--list .tempaddselect:hover,
.securends .se-admin-config-page.se-config-view--list a.tempaddselect:hover,
.securends .se-admin-config-page.se-config-view--list button.tempaddselect:hover,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > .tempaddselect:first-child:hover,
.securends .se-admin-config-page.se-config-view--list .se-config-card .o-form-input > div > .tempaddselect:first-of-type:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

.securends .se-admin-config-page.se-config-view--list .se-config-section,
.securends .se-admin-config-page.se-config-view--list .se-config-kicker,
.securends .se-admin-config-page.se-config-view--list .endpointConfigCard .row.se-config-kicker {
  grid-column: auto;
  padding: 12px 0 4px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  min-height: 0;
}

.securends .se-admin-config-page.se-config-view--list .se-config-section-head {
  margin: 8px 0 0;
}

/* Centered reviewer / approver dialogs */
html[data-se-theme] .se-config-dialog .modal-dialog,
.securends .se-config-dialog .modal-dialog,
.se-config-dialog.custom-dialog {
  max-width: 560px;
}

html[data-se-theme] .se-config-modal-form,
.securends .se-config-modal-form,
.se-config-modal-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

html[data-se-theme] .se-config-modal-current,
.se-config-modal-current {
  margin: 0;
  padding: 12px 14px;
  background: var(--se-page);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r);
  color: var(--se-ink);
  font-size: 13px;
}

html[data-se-theme] .se-config-modal-field p,
.se-config-modal-field p {
  margin: 0 0 8px;
  color: var(--se-ink);
  font-size: 13px;
}

html[data-se-theme] .se-config-modal-field [style*="width"],
.se-config-modal-field>div {
  width: 100% !important;
  margin: 0 !important;
}

html[data-se-theme] .se-config-modal-form .ac_dropdown,
.se-config-modal-form .ac_dropdown {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
}

html[data-se-theme] .se-config-modal-form .ac_dropdown.is-highlighted,
.se-config-modal-form .ac_dropdown.is-highlighted {
  background: var(--se-brand-tint) !important;
}

html[data-se-theme] .se-config-modal-spinner,
.se-config-modal-spinner {
  display: inline-flex;
  color: var(--se-brand);
}

html[data-se-theme] .se-config-modal-error,
.se-config-modal-error {
  margin: 0 !important;
}

/* Autocomplete Dropdown Menu & Items across Modals & Drawers */
html[data-se-theme] .se-autocomplete-menu,
.securends .se-autocomplete-menu,
.se-autocomplete-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  left: 0 !important;
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
  z-index: 10050 !important;
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r, 8px) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.16) !important;
  overflow-y: auto !important;
  max-height: 220px !important;
  padding: 4px 0 !important;
}

html[data-se-theme] .ac_dropdown,
.securends .ac_dropdown,
.ac_dropdown {
  padding: 8px 14px !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
  color: var(--se-ink) !important;
  background: var(--se-card, #ffffff) !important;
  cursor: pointer !important;
  transition: background 0.15s ease, color 0.15s ease !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-align: left !important;
}

html[data-se-theme] .ac_dropdown:hover,
html[data-se-theme] .ac_dropdown.is-highlighted,
.securends .ac_dropdown:hover,
.securends .ac_dropdown.is-highlighted {
  background: var(--se-brand-tint, #eff6ff) !important;
  color: var(--se-brand, #0052cc) !important;
}

/* Assign Roles Drawer Autocomplete Row */
.securends .se-assign-role-row,
.se-assign-role-row {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.securends .se-assign-role-row .autocompleteInputbox,
.se-assign-role-row .autocompleteInputbox {
  flex: 1 1 auto !important;
  max-width: 440px !important;
  padding: 0 !important;
  position: relative !important;
}

.securends .se-assign-role-row .autocompleteInputbox input,
.se-assign-role-row .autocompleteInputbox input {
  height: 36px !important;
  border-radius: var(--se-r, 8px) !important;
  border: 1px solid var(--se-line) !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  width: 100% !important;
}

.securends .se-assign-role-row .button,
.se-assign-role-row .button {
  height: 36px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r, 8px) !important;
  background: var(--se-brand, #0052cc) !important;
  color: #ffffff !important;
  border: 1px solid var(--se-brand, #0052cc) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  margin: 0 !important;
  box-shadow: var(--se-shadow-xs) !important;
}

.securends .se-assign-role-row .button:hover:not(:disabled),
.se-assign-role-row .button:hover:not(:disabled) {
  filter: brightness(0.92) !important;
}

.securends .se-assign-role-row .button:disabled,
.se-assign-role-row .button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* Config drawers: keep 55% width; tidy form surfaces and header actions */
html[data-se-theme] .sidebar-modal .modal-content,
.securends .sidebar-modal .modal-content {
  background: var(--se-card) !important;
  border-left: 1px solid var(--se-line) !important;
  box-shadow: var(--se-shadow-lg) !important;
}

html[data-se-theme] .sidebar-modal .modal-header,
html[data-se-theme] .sidebar-modal .modelheader,
.securends .sidebar-modal .modal-header,
.securends .sidebar-modal .modelheader {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 20px !important;
  min-height: 56px !important;
  border-bottom: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  position: relative !important;
}

html[data-se-theme] .sidebar-modal .modal-title,
.securends .sidebar-modal .modal-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
}

html[data-se-theme] .sidebar-modal .modal-title .AddAppBtn,
html[data-se-theme] .sidebar-modal .AddAppBtn,
.securends .sidebar-modal .modal-title .AddAppBtn,
.securends .sidebar-modal .AddAppBtn {
  margin-left: auto !important;
  margin-right: 16px !important;
  float: none !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  border-radius: var(--se-r) !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  transition: all var(--se-ease) !important;
}

html[data-se-theme] .sidebar-modal .modal-title .AddAppBtn:hover,
html[data-se-theme] .sidebar-modal .AddAppBtn:hover,
.securends .sidebar-modal .modal-title .AddAppBtn:hover,
.securends .sidebar-modal .AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

html[data-se-theme] .sidebar-modal .modal-header .close,
html[data-se-theme] .sidebar-modal .modelheader .close,
.securends .sidebar-modal .modal-header .close,
.securends .sidebar-modal .modelheader .close {
  color: var(--se-ink-3) !important;
  opacity: 1 !important;
  font-size: 22px !important;
  font-weight: 400 !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  cursor: pointer !important;
  transition: color var(--se-ease) !important;
}

html[data-se-theme] .sidebar-modal .modal-header .close:hover,
html[data-se-theme] .sidebar-modal .modelheader .close:hover,
.securends .sidebar-modal .modal-header .close:hover,
.securends .sidebar-modal .modelheader .close:hover {
  color: var(--se-ink) !important;
}

/* Right drawer sizing for logs modals so 4-column and 6-column tables fit with zero horizontal clipping */
html[data-se-theme] .modal.right.ticketLog .modal-dialog,
html[data-se-theme] .modal.right.se-admin-logs-modal .modal-dialog,
html[data-se-theme] .modal.right:has(.viewTicketingSystemLogs) .modal-dialog,
html[data-se-theme] .modal.right:has(.custom-dialog.peoples-list) .modal-dialog,
.securends .modal.right.ticketLog .modal-dialog,
.securends .modal.right.se-admin-logs-modal .modal-dialog {
  width: 55% !important;
  min-width: 0 !important;
  max-width: none !important;
}

html[data-se-theme] .modal.right .modal-content,
html[data-se-theme] .modal.right.ticketLog .modal-content,
html[data-se-theme] .modal.right.se-admin-logs-modal .modal-content,
html[data-se-theme] .modal.right:has(.custom-dialog.peoples-list) .modal-content {
  background: var(--se-page) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

html[data-se-theme] .modal.right .modal-body,
html[data-se-theme] .sidebar-modal .modal-body,
html[data-se-theme] .peoples-list .modal-body,
html[data-se-theme] .ticketLog .modal-body,
html[data-se-theme] .se-admin-logs-modal .modal-body,
.securends .sidebar-modal .modal-body,
.securends .peoples-list .modal-body {
  padding: 16px 20px !important;
  background: var(--se-page) !important;
  overflow-y: auto !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

/* On-Premises Agent Logs modal form styling */
html[data-se-theme] .se-onprem-logs-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

html[data-se-theme] .se-onprem-logs-content .react-datepicker-wrapper,
html[data-se-theme] .se-onprem-logs-content .react-datepicker__input-container {
  display: block;
  width: 100%;
}

html[data-se-theme] .se-onprem-logs-content .logView {
  margin-top: 12px !important;
}

html[data-se-theme] .se-onprem-logs-content .zipFiles {
  display: flex;
  align-items: center;
  margin-top: 24px;
}

html[data-se-theme] .modal.right .endpointConfigCard,
html[data-se-theme] .modal-body .endpointConfigCard,
html[data-se-theme] .sidebar-modal .endpointConfigCard,
html[data-se-theme] .peoples-list .endpointConfigCard,
html[data-se-theme] .ticketLog .endpointConfigCard,
html[data-se-theme] .se-admin-logs-modal .endpointConfigCard,
.securends .sidebar-modal .endpointConfigCard,
.securends .peoples-list .endpointConfigCard,
.securends .ticketLog .endpointConfigCard {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

html[data-se-theme] .modal.right .endpointConfigCard>.row,
html[data-se-theme] .modal-body .endpointConfigCard>.row,
html[data-se-theme] .sidebar-modal .endpointConfigCard>.row,
html[data-se-theme] .peoples-list .endpointConfigCard>.row,
html[data-se-theme] .ticketLog .endpointConfigCard>.row,
html[data-se-theme] .se-admin-logs-modal .endpointConfigCard>.row,
.securends .sidebar-modal .endpointConfigCard>.row,
.securends .peoples-list .endpointConfigCard>.row,
.securends .ticketLog .endpointConfigCard>.row {
  margin: 0 !important;
  width: 100% !important;
}

html[data-se-theme] .sidebar-modal .form-group,
.securends .sidebar-modal .form-group {
  margin-bottom: 14px;
}

/* ==========================================================================
   Modern ReactTable inside drawers / right modals / logs modals
   Targets:
   - GenericAgentLogsView (.custom-dialog.peoples-list .ReactTable)
   - CEMLogsView (.se-admin-logs-modal, .peoples-list .ReactTable)
   - TicketingSystemLogsView (.ticketLog, .sidebar-modal .ReactTable)
   - DeprovisioningLogsView (.ticketLog, .sidebar-modal .ReactTable)
   - Any drawer/modal table (.modal.right .ReactTable, .modal-body .ReactTable)
   ========================================================================== */

html[data-se-theme] .modal.right .ReactTable,
html[data-se-theme] .modal-body .ReactTable,
html[data-se-theme] .sidebar-modal .ReactTable,
html[data-se-theme] .peoples-list .ReactTable,
html[data-se-theme] .ticketLog .ReactTable,
html[data-se-theme] .se-admin-logs-modal .ReactTable,
html[data-se-theme] .viewTicketingSystemLogs,
.securends .sidebar-modal .ReactTable,
.securends .peoples-list .ReactTable,
.securends .ticketLog .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 !important;
  width: 100% !important;
  font-family: var(--se-sans) !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-table,
html[data-se-theme] .modal-body .ReactTable .rt-table,
html[data-se-theme] .sidebar-modal .ReactTable .rt-table,
html[data-se-theme] .peoples-list .ReactTable .rt-table,
html[data-se-theme] .ticketLog .ReactTable .rt-table,
.securends .sidebar-modal .ReactTable .rt-table {
  max-height: calc(100vh - 200px) !important;
  overflow: auto !important;
  background: var(--se-card) !important;
  border: none !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-table::-webkit-scrollbar,
html[data-se-theme] .modal-body .ReactTable .rt-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

html[data-se-theme] .modal.right .ReactTable .rt-table::-webkit-scrollbar-track,
html[data-se-theme] .modal-body .ReactTable .rt-table::-webkit-scrollbar-track {
  background: var(--se-page);
}

html[data-se-theme] .modal.right .ReactTable .rt-table::-webkit-scrollbar-thumb,
html[data-se-theme] .modal-body .ReactTable .rt-table::-webkit-scrollbar-thumb {
  background: var(--se-line);
  border-radius: 4px;
}

html[data-se-theme] .modal.right .ReactTable .rt-table::-webkit-scrollbar-thumb:hover,
html[data-se-theme] .modal-body .ReactTable .rt-table::-webkit-scrollbar-thumb:hover {
  background: var(--se-ink-3);
}

/* Hide floating column-config corner button in drawer log modals */
html[data-se-theme] .modal.right .se-rt-colcfg-corner,
html[data-se-theme] .modal-body .se-rt-colcfg-corner,
html[data-se-theme] .sidebar-modal .se-rt-colcfg-corner,
html[data-se-theme] .peoples-list .se-rt-colcfg-corner,
html[data-se-theme] .ticketLog .se-rt-colcfg-corner,
html[data-se-theme] .se-admin-logs-modal .se-rt-colcfg-corner {
  display: none !important;
}

/* Header Row */
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-header,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-header,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-header,
html[data-se-theme] .se-admin-logs-modal .ReactTable .rt-thead.-header,
.securends .sidebar-modal .ReactTable .rt-thead.-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  min-height: 40px !important;
  height: 40px !important;
  background: var(--se-table-header-bg, #f8fafc) !important;
  border-bottom: 1px solid var(--se-line) !important;
  box-shadow: none !important;
  padding-right: 0 !important;
  min-width: 100% !important;
  width: auto !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-td,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-td,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-header .rt-th,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-header .rt-td,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-header .rt-th,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-header .rt-td,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-header .rt-th,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-header .rt-td,
.securends .sidebar-modal .ReactTable .rt-thead.-header .rt-th,
.securends .sidebar-modal .ReactTable .rt-thead.-header .rt-td {
  background: var(--se-table-header-bg, #f8fafc) !important;
  color: var(--se-ink) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 8px 12px !important;
  display: flex !important;
  align-items: center !important;
  font-family: var(--se-sans) !important;
  border-right: 1px solid var(--se-line-soft) !important;
  border-bottom: none !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* Deep override for inner header containers with inline Raleway styles */
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th div,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th span,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th .se-col-head,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th .rt-resizable-header-content,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th .rt-resizable-header-content>div,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th div,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th span,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th .se-col-head,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th .rt-resizable-header-content,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th .rt-resizable-header-content>div,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-header .rt-th div,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-header .rt-th span,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-header .rt-th div,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-header .rt-th span,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-header .rt-th div,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-header .rt-th span,
.securends .sidebar-modal .ReactTable .rt-thead.-header .rt-th .se-col-head,
.securends .sidebar-modal .ReactTable .rt-thead.-header .rt-th>div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  color: var(--se-ink) !important;
  height: auto !important;
  border: none !important;
  background: transparent !important;
  outline: none !important;
}

/* Filter Row */
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters,
html[data-se-theme] .se-admin-logs-modal .ReactTable .rt-thead.-filters,
.securends .sidebar-modal .ReactTable .rt-thead.-filters {
  position: sticky !important;
  top: 40px !important;
  z-index: 4 !important;
  background: var(--se-card) !important;
  border-bottom: 1px solid var(--se-line) !important;
  min-height: 40px !important;
  height: 40px !important;
  box-shadow: none !important;
  padding-right: 0 !important;
  min-width: 100% !important;
  width: auto !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters .rt-th,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters .rt-td,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters .rt-th,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters .rt-td,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters .rt-th,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters .rt-td,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters .rt-th,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters .rt-td,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters .rt-th,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters .rt-td,
.securends .sidebar-modal .ReactTable .rt-thead.-filters .rt-th,
.securends .sidebar-modal .ReactTable .rt-thead.-filters .rt-td {
  padding: 5px 8px !important;
  display: flex !important;
  align-items: center !important;
  background: var(--se-card) !important;
  border-right: 1px solid var(--se-line-soft) !important;
  border-bottom: none !important;
  outline: none !important;
  box-sizing: border-box !important;
}

/* Modern clean filter inputs - replaces legacy pill shapes */
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters input,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters select,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters input[type="text"],
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters input,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters select,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters input[type="text"],
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters input,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters select,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters input,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters select,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters input,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters select,
.securends .sidebar-modal .ReactTable .rt-thead.-filters input {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r, 6px) !important;
  background: var(--se-page) !important;
  background-color: var(--se-page) !important;
  color: var(--se-ink) !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  font-family: var(--se-sans) !important;
  line-height: 26px !important;
  width: 100% !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  transition: border-color var(--se-ease), box-shadow var(--se-ease), background-color var(--se-ease) !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters input::placeholder,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters input::placeholder {
  color: var(--se-ink-3) !important;
  opacity: 1 !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters input:focus,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters select:focus,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters input[type="text"]:focus,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters input:focus,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters select:focus,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters input[type="text"]:focus,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters input:focus,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters input:focus,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters input:focus,
.securends .sidebar-modal .ReactTable .rt-thead.-filters input:focus {
  border-color: var(--se-brand) !important;
  background-color: var(--se-card) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

/* Rows & Cells */
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-tr-group,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-tr-group,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-tr-group,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-tr-group,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-tr-group,
.securends .sidebar-modal .ReactTable .rt-tbody .rt-tr-group {
  border-bottom: 1px solid var(--se-line-soft) !important;
  background: transparent !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-tr,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-tr,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-tr,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-tr,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-tr,
.securends .sidebar-modal .ReactTable .rt-tbody .rt-tr {
  transition: background-color var(--se-ease) !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-tr.-odd,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-tr.-odd {
  background-color: var(--se-card) !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-tr.-even,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-tr.-even {
  background-color: var(--se-page) !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-tr:hover,
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-tr:hover,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-tr:hover,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-tr:hover,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-tr:hover,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-tr:hover>.rt-td,
.securends .sidebar-modal .ReactTable .rt-tbody .rt-tr:hover {
  background-color: var(--se-row-hover, #f0f7ff) !important;
}

/* Override inline JSX styles: background: '#fff', borderTop: '1px solid #66afe96b', fontFamily: 'Raleway, sans-serif' */
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td,
.securends .sidebar-modal .ReactTable .rt-tbody .rt-td {
  background: transparent !important;
  background-color: transparent !important;
  border-top: none !important;
  border-bottom: none !important;
  border-right: 1px solid var(--se-line-soft) !important;
  padding: 8px 12px !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
  display: flex !important;
  align-items: center !important;
  font-family: var(--se-sans) !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

/* Remove right border on the last column in header, filter and body so edge aligns */
html[data-se-theme] .modal.right .ReactTable .rt-thead.-header .rt-th:last-child,
html[data-se-theme] .modal.right .ReactTable .rt-thead.-filters .rt-th:last-child,
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td:last-child,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-header .rt-th:last-child,
html[data-se-theme] .modal-body .ReactTable .rt-thead.-filters .rt-th:last-child,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td:last-child,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-header .rt-th:last-child,
html[data-se-theme] .sidebar-modal .ReactTable .rt-thead.-filters .rt-th:last-child,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td:last-child,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-header .rt-th:last-child,
html[data-se-theme] .ticketLog .ReactTable .rt-thead.-filters .rt-th:last-child,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td:last-child,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-header .rt-th:last-child,
html[data-se-theme] .peoples-list .ReactTable .rt-thead.-filters .rt-th:last-child,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td:last-child {
  border-right: none !important;
}

/* Clean text truncation with tooltips for name/id cells */
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td [data-toggle="tooltip"],
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td [data-toggle="tooltip"],
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td [data-toggle="tooltip"],
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td [data-toggle="tooltip"] {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 100% !important;
  display: block !important;
}

/* Date cell: ensure formatted timestamps never wrap or clip, strictly scoped to logs tables */
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td:last-child,
html[data-se-theme] .se-admin-logs-modal .ReactTable .rt-tbody .rt-td:last-child {
  white-space: nowrap !important;
  overflow: visible !important;
}

/* Modern text truncation for description / large text cells to prevent column overflow */
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .se-config-table-desc,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td .se-config-table-desc,
.securends .ReactTable .rt-tbody .rt-td .se-config-table-desc,
.se-config-table-desc {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: normal !important;
  word-break: break-word !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td div,
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td span,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td div,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td span,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td div,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td span,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td div,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td span,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td div,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td span {
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
}

/* Modern Action "View" button in table cell */
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td button.tempaddselect,
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td #tempADDdata,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td button.tempaddselect,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td #tempADDdata,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td button.tempaddselect,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td #tempADDdata,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td button.tempaddselect,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td #tempADDdata,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td button.tempaddselect,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td #tempADDdata {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r, 6px) !important;
  font-family: var(--se-sans) !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  height: 28px !important;
  min-height: 28px !important;
  line-height: 26px !important;
  width: auto !important;
  min-width: 72px !important;
  padding: 0 14px !important;
  margin: 0 auto !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transition: background var(--se-ease), border-color var(--se-ease), box-shadow var(--se-ease) !important;
}

html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td button.tempaddselect:hover,
html[data-se-theme] .modal.right .ReactTable .rt-tbody .rt-td #tempADDdata:hover,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td button.tempaddselect:hover,
html[data-se-theme] .modal-body .ReactTable .rt-tbody .rt-td #tempADDdata:hover,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td button.tempaddselect:hover,
html[data-se-theme] .sidebar-modal .ReactTable .rt-tbody .rt-td #tempADDdata:hover,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td button.tempaddselect:hover,
html[data-se-theme] .peoples-list .ReactTable .rt-tbody .rt-td #tempADDdata:hover,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td button.tempaddselect:hover,
html[data-se-theme] .ticketLog .ReactTable .rt-tbody .rt-td #tempADDdata:hover {
  background: var(--se-brand-hover, #0052cc) !important;
  border-color: var(--se-brand-hover, #0052cc) !important;
}

/* Badges inside table (exclude action dropdowns) */
html[data-se-theme] .modal.right .ReactTable .badge:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .modal-body .ReactTable .badge:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .sidebar-modal .ReactTable .badge:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
.securends .sidebar-modal .ReactTable .badge:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 3px 10px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
}

html[data-se-theme] .modal.right .ReactTable .badge.badge-success:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .modal-body .ReactTable .badge.badge-success:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .sidebar-modal .ReactTable .badge.badge-success:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
.securends .sidebar-modal .ReactTable .badge.badge-success:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown) {
  background: var(--se-ok-tint, #ecfdf5) !important;
  color: var(--se-ok, #15803d) !important;
  border: 1px solid var(--se-ok-line, #bbf7d0) !important;
}

html[data-se-theme] .modal.right .ReactTable .badge.badge-danger:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .modal-body .ReactTable .badge.badge-danger:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .sidebar-modal .ReactTable .badge.badge-danger:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
.securends .sidebar-modal .ReactTable .badge.badge-danger:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown) {
  background: var(--se-risk-tint, #fef2f2) !important;
  color: var(--se-risk, #b91c1c) !important;
  border: 1px solid var(--se-risk-line, #fecaca) !important;
}

html[data-se-theme] .modal.right .ReactTable .badge.badge-default:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .modal-body .ReactTable .badge.badge-default:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
html[data-se-theme] .sidebar-modal .ReactTable .badge.badge-default:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown),
.securends .sidebar-modal .ReactTable .badge.badge-default:not(.configActionDropdown):not(.ActionDropdown):not(.dropdown) {
  background: var(--se-page, #f8fafc) !important;
  color: var(--se-ink-2, #475569) !important;
  border: 1px solid var(--se-line, #e2e8f0) !important;
}

/* Pagination Row */
html[data-se-theme] .modal.right .ReactTable .-pagination,
html[data-se-theme] .modal-body .ReactTable .-pagination,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination,
html[data-se-theme] .peoples-list .ReactTable .-pagination,
html[data-se-theme] .ticketLog .ReactTable .-pagination,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination,
.securends .sidebar-modal .ReactTable .-pagination,
.securends .se-admin-logs-modal .ReactTable .-pagination {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px !important;
  border-top: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
  padding: 8px 16px !important;
  box-shadow: none !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-previous,
html[data-se-theme] .modal.right .ReactTable .-pagination .-next,
html[data-se-theme] .modal-body .ReactTable .-pagination .-previous,
html[data-se-theme] .modal-body .ReactTable .-pagination .-next,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-previous,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-next,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-previous,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-next,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-previous,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-next,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-previous,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-next,
.securends .sidebar-modal .ReactTable .-pagination .-previous,
.securends .sidebar-modal .ReactTable .-pagination .-next,
.securends .se-admin-logs-modal .ReactTable .-pagination .-previous,
.securends .se-admin-logs-modal .ReactTable .-pagination .-next {
  flex: 0 0 auto !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-center,
html[data-se-theme] .modal-body .ReactTable .-pagination .-center,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-center,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-center,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-center,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-center,
.securends .sidebar-modal .ReactTable .-pagination .-center,
.securends .se-admin-logs-modal .ReactTable .-pagination .-center {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px 12px !important;
  min-width: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .modal.right .ReactTable .-pagination .-pageJump,
html[data-se-theme] .modal.right .ReactTable .-pagination .-pageSizeOptions,
html[data-se-theme] .modal-body .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .modal-body .ReactTable .-pagination .-pageJump,
html[data-se-theme] .modal-body .ReactTable .-pagination .-pageSizeOptions,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-pageJump,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-pageSizeOptions,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-pageJump,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-pageSizeOptions,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-pageJump,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-pageSizeOptions,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-pageJump,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-pageSizeOptions,
.securends .sidebar-modal .ReactTable .-pagination .-pageInfo,
.securends .sidebar-modal .ReactTable .-pagination .-pageJump,
.securends .sidebar-modal .ReactTable .-pagination .-pageSizeOptions,
.securends .se-admin-logs-modal .ReactTable .-pagination .-pageInfo,
.securends .se-admin-logs-modal .ReactTable .-pagination .-pageJump,
.securends .se-admin-logs-modal .ReactTable .-pagination .-pageSizeOptions {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  float: none !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-btn,
html[data-se-theme] .modal-body .ReactTable .-pagination .-btn,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-btn,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-btn,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-btn,
.securends .sidebar-modal .ReactTable .-pagination .-btn {
  height: 28px !important;
  border-radius: var(--se-r, 6px) !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  cursor: pointer !important;
  box-shadow: none !important;
  padding: 0 14px !important;
  transition: all var(--se-ease) !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-btn:not([disabled]):hover,
html[data-se-theme] .modal-body .ReactTable .-pagination .-btn:not([disabled]):hover,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-btn:not([disabled]):hover,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-btn:not([disabled]):hover,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-btn:not([disabled]):hover,
.securends .sidebar-modal .ReactTable .-pagination .-btn:not([disabled]):hover {
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
  color: #fff !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-btn[disabled],
html[data-se-theme] .modal-body .ReactTable .-pagination .-btn[disabled] {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  background: var(--se-card) !important;
  color: var(--se-ink-3) !important;
  border-color: var(--se-line) !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-pageJump input,
html[data-se-theme] .modal-body .ReactTable .-pagination .-pageJump input,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-pageJump input,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-pageJump input,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-pageJump input,
.securends .sidebar-modal .ReactTable .-pagination .-pageJump input {
  height: 28px !important;
  min-height: 28px !important;
  border-radius: var(--se-r, 6px) !important;
  border: 1px solid var(--se-line) !important;
  background: var(--se-page) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  padding: 0 6px !important;
  text-align: center !important;
  width: 55px !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination select,
html[data-se-theme] .modal-body .ReactTable .-pagination select,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination select,
html[data-se-theme] .peoples-list .ReactTable .-pagination select,
html[data-se-theme] .ticketLog .ReactTable .-pagination select,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination select,
.securends .sidebar-modal .ReactTable .-pagination select,
.securends .se-admin-logs-modal .ReactTable .-pagination select {
  height: 28px !important;
  width: auto !important;
  min-width: 88px !important;
  max-width: 120px !important;
  border-radius: var(--se-r, 6px) !important;
  border: 1px solid var(--se-line) !important;
  background-color: var(--se-card) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 7px !important;
  padding: 0 24px 0 8px !important;
  color: var(--se-ink) !important;
  font-size: 12px !important;
  font-family: var(--se-sans) !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  outline: none !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* Loading state and No Data */
html[data-se-theme] .modal.right .ReactTable .-loading,
html[data-se-theme] .modal-body .ReactTable .-loading {
  background: rgba(255, 255, 255, 0.75) !important;
}

html[data-se-theme] .modal.right .ReactTable .noDataComponent,
html[data-se-theme] .modal-body .ReactTable .noDataComponent,
html[data-se-theme] .sidebar-modal .ReactTable .noDataComponent,
html[data-se-theme] .peoples-list .ReactTable .noDataComponent,
html[data-se-theme] .ticketLog .ReactTable .noDataComponent {
  padding: 32px 16px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  color: var(--se-ink-2) !important;
  text-align: center !important;
}

/* --------------------------------------------------------------------------
   Administration Drawer Modals with Tables (Expanded Width)
   -------------------------------------------------------------------------- */

@media (min-width: 992px) {

  html[data-se-theme] .modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal)) .modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal),
  html[data-se-theme] .modal:has(.modal-dialog.sidebar-modal:not(.products-menu-modal)) .modal-dialog.sidebar-modal:not(.products-menu-modal),
  html[data-se-theme] .modal.right:has(.EndpointsTable) .modal-dialog,
  html[data-se-theme] .modal.right:has(.ReactTable) .modal-dialog,
  html[data-se-theme] .modal.right .modal-dialog.custom-dialog.peoples-list.sidebar-modal,
  html[data-se-theme] .modal.right .modal-dialog.sidebar-modal.custom-dialog,
  html[data-se-theme] .modal.right .modal-dialog.sidebar-modal,
  .modal:has(.modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal)) .modal-dialog.custom-dialog.peoples-list.sidebar-modal:not(.products-menu-modal),
  .modal.right:has(.EndpointsTable) .modal-dialog,
  .modal.right:has(.ReactTable) .modal-dialog,
  .modal.right .modal-dialog.custom-dialog.peoples-list.sidebar-modal,
  .modal.right .modal-dialog.sidebar-modal.custom-dialog,
  .modal.right .modal-dialog.sidebar-modal {
    width: 55% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* --------------------------------------------------------------------------
   Action Dropdown in Drawer Modal Tables (.ActionDropdown, .configActionDropdown)
   -------------------------------------------------------------------------- */

html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr:has(.ActionDropdown),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr:has(.configActionDropdown) {
  overflow: visible !important;
}

html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td.actionColContainer,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.ActionDropdown),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.configActionDropdown) {
  overflow: visible !important;
  text-align: center !important;
  vertical-align: middle;
  justify-content: center !important;
}

/* Reset badge/pill styling on action dropdown wrappers */
html[data-se-theme] .modal .ReactTable .dropdown.badge,
html[data-se-theme] .modal .ReactTable .configActionDropdown,
html[data-se-theme] .modal .configActionDropdown,
html[data-se-theme] .modal .dropdown.badge,
.modal .ReactTable .dropdown.badge,
.modal .configActionDropdown {
  background: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-weight: inherit !important;
  color: inherit !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  display: inline-flex !important;
  overflow: visible !important;
}

/* Hide carets, arrows, and Bootstrap toggle artifacts in modal action cells */
html[data-se-theme] .modal .caret,
html[data-se-theme] .modal .dropdown-toggle::after,
html[data-se-theme] .modal .ActionDropdown button::after,
html[data-se-theme] .modal .configActionDropdown button::after,
html[data-se-theme] .modal .configActionDropdown .dropdown-toggle::after,
html[data-se-theme] .modal .ActionDropdown .dropdown-toggle::after,
.modal .caret,
.modal .dropdown-toggle::after,
.modal .ActionDropdown button::after,
.modal .configActionDropdown button::after {
  display: none !important;
  content: none !important;
  border: none !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .configActionDropdown {
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: visible !important;
  position: relative;
  width: 100%;
}

/* 3-dots action button matching EndPoints / modern theme */
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown button,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown .btn,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown .btn-default,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .configActionDropdown button,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .configActionDropdown .btn,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .configActionDropdown .btn-default,
.modal .ReactTable .rt-tbody .rt-td .ActionDropdown button,
.modal .ReactTable .rt-tbody .rt-td .configActionDropdown button {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border: none !important;
  border-radius: var(--se-r, 6px) !important;
  background: transparent !important;
  background-color: transparent !important;
  color: var(--se-ink-2, #475569) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all var(--se-ease) !important;
}

html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown button:hover,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .configActionDropdown button:hover,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown .btn-default:hover,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .configActionDropdown .btn-default:hover,
.modal .ReactTable .rt-tbody .rt-td .ActionDropdown button:hover,
.modal .ReactTable .rt-tbody .rt-td .configActionDropdown button:hover {
  background: var(--se-row-hover, #f1f5f9) !important;
  color: var(--se-brand, #0052cc) !important;
  border-color: transparent !important;
}

html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group:has(.ActionDropdown.open),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group:has(.ActionDropdown.show),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group:has(.configActionDropdown.open),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group:has(.configActionDropdown.show),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr:has(.ActionDropdown.open),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr:has(.ActionDropdown.show),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.ActionDropdown.open),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.ActionDropdown.show),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.configActionDropdown.open),
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.configActionDropdown.show) {
  z-index: 2100 !important;
  position: relative !important;
}

/* ActionDropdown flyout menu inside modal */
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown.open .ActionDropdown-content,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td .ActionDropdown.show .ActionDropdown-content,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.ActionDropdown.open) .ActionDropdown-content,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-td:has(.ActionDropdown.show) .ActionDropdown-content,
html[data-se-theme] .modal .ReactTable .ActionDropdown.open .ActionDropdown-content,
.modal .ReactTable .ActionDropdown.open .ActionDropdown-content {
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: calc(100% + 4px) !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 2200 !important;
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #e2e8f0) !important;
  border-radius: var(--se-r, 8px) !important;
  box-shadow: var(--se-shadow-lg, 0 10px 25px rgba(0, 0, 0, 0.1)) !important;
  min-width: 140px !important;
  padding: 4px !important;
  margin: 0 !important;
}

/* Open upwards on bottom rows so menu never overflows the modal table */
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group:nth-last-child(-n+2) .ActionDropdown.open .ActionDropdown-content,
html[data-se-theme] .modal .ReactTable .rt-tbody .rt-tr-group:nth-last-child(-n+2) .ActionDropdown.show .ActionDropdown-content {
  top: auto !important;
  bottom: 0 !important;
}

html[data-se-theme] .modal .ReactTable .ActionDropdown-content a,
html[data-se-theme] .modal .ReactTable .ActionDropdown-content .child a,
html[data-se-theme] .modal .ReactTable .ActionDropdown-content button {
  display: flex !important;
  align-items: center;
  gap: 8px;
  padding: 8px 12px !important;
  font-size: 13px !important;
  font-family: var(--se-sans) !important;
  color: var(--se-ink, #0f172a) !important;
  text-decoration: none !important;
  cursor: pointer;
  border-radius: 6px;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  transition: background var(--se-ease), color var(--se-ease);
}

html[data-se-theme] .modal .ReactTable .ActionDropdown-content a:hover,
html[data-se-theme] .modal .ReactTable .ActionDropdown-content .child a:hover,
html[data-se-theme] .modal .ReactTable .ActionDropdown-content button:hover {
  background: var(--se-brand-tint, rgba(0, 82, 204, 0.08)) !important;
  color: var(--se-brand, #0052cc) !important;
}

/* --------------------------------------------------------------------------
   Modern Loaders in Modals & Console Screens
   -------------------------------------------------------------------------- */

html[data-se-theme] .loaderTitle,
html[data-se-theme] .modal .loaderTitle,
html[data-se-theme] .modal-content .loaderTitle,
.modal .loaderTitle {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 140px !important;
  margin: 0 auto !important;
  padding: 32px 16px !important;
  color: var(--se-ink-2, #475569) !important;
  text-align: center !important;
}

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,
.loadingio-spinner-spin-kmxswet795 {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  position: relative !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: none !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .loadingio-spinner-spin-kmxswet795>*,
html[data-se-theme] .modal .loadingio-spinner-spin-kmxswet795>*,
.modal .loadingio-spinner-spin-kmxswet795>* {
  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,
.loadingio-spinner-spin-kmxswet795::after {
  content: "" !important;
  display: block !important;
  width: 36px !important;
  height: 36px !important;
  box-sizing: border-box !important;
  border: 3px solid var(--se-line, #e2e8f0) !important;
  border-top-color: var(--se-brand, #0052cc) !important;
  border-radius: 50% !important;
  animation: se-spin 0.7s linear infinite !important;
}

/* --------------------------------------------------------------------------
   Logs hub + extract errors + license + property config
   -------------------------------------------------------------------------- */

.securends .se-admin-logs-page .endpointConfigCard,
.securends .se-admin-license-page .license-summary-grid,
.securends .se-admin-property-page .endpointConfigCard,
.securends .se-admin-logo-page .uploadDate,
.securends .se-admin-people-page form,
.securends .se-admin-group-form .form-group,
.securends .se-admin-assignee-page .endpointConfigCard {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
}

.securends .se-admin-logs-page .endpointConfigCard {
  padding: 8px 20px 16px;
}

.securends .se-admin-logs-page .endpointConfigCard>.row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  margin: 0;
  border-bottom: 1px solid var(--se-line-soft);
}

.securends .se-admin-logs-page .endpointConfigCard>.row:last-child {
  border-bottom: none;
}

.securends .se-admin-logs-page .settingsTitleName {
  margin: 0 !important;
  color: var(--se-ink);
  font-weight: 600;
}

.securends .se-admin-logs-page .o-form-label {
  float: none !important;
  width: 240px !important;
  flex: 0 0 240px !important;
  padding: 0 !important;
}

.securends .se-admin-logs-page .o-form-input {
  float: none !important;
  width: auto !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

.securends .se-admin-logs-page .o-form-input>span {
  display: inline-flex !important;
  align-items: center !important;
}

.securends .se-admin-logs-page .tempaddselect {
  margin: 0 !important;
  height: 28px;
  border-radius: var(--se-r);
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
  color: #fff !important;
}

.securends .se-admin-property-page .endpointHeader,
.securends .se-admin-logo-page .header,
.securends .se-admin-group-form>h2.header,
.securends .se-admin-people-page>h2.header,
.securends .se-admin-entitle-page>h2 {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 12px 20px !important;
  margin: 0 0 16px !important;
  display: flex;
  align-items: center;
  min-height: var(--se-page-toolbar);
  font-size: var(--se-t-page-head) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
}

.securends .se-admin-property-page .endpointConfigCard {
  padding: 16px 20px;
  margin: 0 0 12px;
}

.securends .se-admin-license-page .license-summary-grid {
  padding: 16px 20px;
  margin: 0 0 16px;
}

/* --------------------------------------------------------------------------
   Flex RPA cards + groups list createTemp2
   -------------------------------------------------------------------------- */

.securends .se-admin-rpa-page .o-form-title-bar {
  display: flex !important;
  align-items: center !important;
  gap: 12px;
}

.securends .se-admin-rpa-page .o-form-title-bar > .se-toolbar-actions {
  margin-left: auto !important;
  flex-shrink: 0;
}

.securends .se-admin-rpa-page .se-toolbar-actions .campaign_progress,
.securends .se-admin-rpa-page .se-toolbar-actions .expBtn {
  position: static !important;
  float: none !important;
  margin: 0 !important;
}

.securends .se-admin-rpa-page .se-toolbar-actions input.AddAppBtn,
.securends .se-admin-rpa-page .se-toolbar-actions input.AddAppBtn.button-primary.blue,
.securends .se-admin-rpa-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"] {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: var(--se-card) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.securends .se-admin-rpa-page .se-toolbar-actions input.AddAppBtn:hover,
.securends .se-admin-rpa-page .se-toolbar-actions input.AddAppBtn.button-primary.blue:hover,
.securends .se-admin-rpa-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"]:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: var(--se-card) !important;
}

.securends .se-admin-rpa-page > .row,
.securends .se-admin-rpa-page .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.securends .se-admin-rpa-page .manageApp,
.securends .se-admin-rpa-page .o-form-title-bar,
.securends .se-admin-rpa-page .se-admin-rpa-search,
.securends .se-admin-rpa-page .flex-rpa-recipes-cards {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-admin-rpa-page .o-form-title-bar {
  padding: 10px 20px !important;
}

.securends .se-admin-rpa-page .se-admin-rpa-search {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

.securends .se-admin-rpa-page .se-admin-rpa-search form {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
}

.securends .se-admin-rpa-page .appSe,
.securends .se-admin-rpa-page input.appSe.form-control {
  display: block !important;
  float: none !important;
  width: 360px !important;
  max-width: 100% !important;
  margin: 0 !important;
  height: 32px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  box-sizing: border-box !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipes-cards {
  margin-top: 0 !important;
}

/* Card container grid: neat flex-wrap, 16px gap, no negative margins */
.securends .se-admin-rpa-page .flex-rpa-recipes-cards,
.flex-rpa-recipes-cards {
  margin-left: 0 !important;
  margin-top: 16px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  align-items: stretch !important;
}

/* Outer item: compact 175px x 135px card with uniform proportions */
.securends .se-admin-rpa-page .flex-rpa-recipe-item,
.flex-rpa-recipes-cards .uar-dashboard-items.flex-rpa-recipe-item {
  width: 175px !important;
  min-width: 175px !important;
  max-width: 175px !important;
  height: 135px !important;
  min-height: 135px !important;
  max-height: 135px !important;
  flex: 0 0 175px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #e2e8f0) !important;
  border-radius: var(--se-r, 10px) !important;
  box-shadow: var(--se-shadow, 0 1px 3px rgba(0, 0, 0, 0.06)) !important;
  position: relative !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-item:hover,
.flex-rpa-recipes-cards .uar-dashboard-items.flex-rpa-recipe-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--se-shadow-md, 0 4px 14px rgba(0, 0, 0, 0.09)) !important;
  border-color: var(--se-brand, #17457e) !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-item-inner,
.flex-rpa-recipes-cards .flex-rpa-recipe-item-inner {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

/* Actions in top-right corner: Edit & Delete buttons cleanly aligned horizontally */
.securends .se-admin-rpa-page .flex-rpa-recipe-actions,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  z-index: 5 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots,
.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots.flexRPAIcons,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots.flexRPAIcons {
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 4px !important;
  max-width: none !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots span,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px !important;
  height: 24px !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  background: transparent !important;
  color: var(--se-ink-2, #64748b) !important;
  transition: all 0.15s ease !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots span:first-child:hover,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots span:first-child:hover {
  background: var(--se-brand-tint, #eaf0f8) !important;
  color: var(--se-brand, #17457e) !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots span:last-child,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots span:last-child {
  color: var(--se-risk, #d32f2f) !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots span:last-child:hover,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots span:last-child:hover {
  background: var(--se-risk-tint, #fee2e2) !important;
  color: var(--se-risk, #b91c1c) !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-actions .toggleMenuDots span svg,
.flex-rpa-recipes-cards .flex-rpa-recipe-actions .toggleMenuDots span svg {
  width: 14px !important;
  height: 14px !important;
}

/* Inner card: completely remove duplicate background/border/shadow to eliminate double bottom border artifact */
.securends .se-admin-rpa-page .uar-dashboard-items .card,
.securends .se-admin-rpa-page .uar-item-img.card,
.securends .se-admin-rpa-page .uar-item-img.card.flex-rpa-recipe-card,
.flex-rpa-recipes-cards .uar-dashboard-items .card,
.flex-rpa-recipes-cards .uar-item-img.card,
.flex-rpa-recipes-cards .uar-item-img.card.flex-rpa-recipe-card {
  width: 100% !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  padding: 18px 12px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  min-height: 0 !important;
}

/* Logo container & image: centered at uniform height */
.securends .se-admin-rpa-page .flex-rpa-card-logo-container,
.flex-rpa-recipes-cards .flex-rpa-card-logo-container {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  max-height: 54px !important;
  margin-top: 4px !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-card .appLogo,
.securends .se-admin-rpa-page .flex-rpa-recipe-card img,
.flex-rpa-recipes-cards .flex-rpa-recipe-card .appLogo,
.flex-rpa-recipes-cards .flex-rpa-recipe-card img {
  max-width: 95px !important;
  max-height: 40px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Title container: clean centered typography, fixed bottom baseline */
.securends .se-admin-rpa-page .flex-rpa-recipe-card .agent,
.flex-rpa-recipes-cards .flex-rpa-recipe-card .agent {
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 6px !important;
  text-align: center !important;
}

.securends .se-admin-rpa-page .flex-rpa-recipe-card .uar_text_title,
.flex-rpa-recipes-cards .flex-rpa-recipe-card .uar_text_title {
  display: block !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink, #151a21) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  text-align: center !important;
  line-height: 1.3 !important;
}

/* Edit/Add Flex RPA Recipe — Icon Path + info icon + colon + radios on one row.
   Beat form#iamUserForm .form-group label { display:flex } from identities-flow. */
html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-row,
.securends .flex-rpa-recipe-modal .se-rpa-icon-path-row,
.flex-rpa-recipe-modal .se-rpa-icon-path-row,
.flex-rpa-recipe-modal form#iamUserForm .se-rpa-icon-path-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px;
  margin-top: 8px;
  width: 100%;
  min-width: 0;
  white-space: nowrap !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-label,
.flex-rpa-recipe-modal .se-rpa-icon-path-label,
.flex-rpa-recipe-modal form#iamUserForm .se-rpa-icon-path-label {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
}

html[data-se-theme] .flex-rpa-recipe-modal form#iamUserForm .se-rpa-icon-path-label label,
html[data-se-theme] .flex-rpa-recipe-modal form#iamUserForm .form-group label#iconlabel,
.flex-rpa-recipe-modal form#iamUserForm #iconlabel,
.flex-rpa-recipe-modal #iconlabel {
  display: inline !important;
  margin: 0 !important;
  width: auto !important;
  max-width: none !important;
  white-space: nowrap !important;
  float: none !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-colon,
.flex-rpa-recipe-modal .se-rpa-icon-path-colon {
  display: inline !important;
  margin: 0 4px 0 0;
  color: var(--se-ink);
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-tip,
.flex-rpa-recipe-modal .se-rpa-icon-path-tip,
.flex-rpa-recipe-modal .fa-info-circle {
  display: inline-block !important;
  position: static !important;
  color: var(--se-ink-2);
  font-size: 13px;
  line-height: 1;
  cursor: help;
  margin: 0;
  flex-shrink: 0;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios,
.flex-rpa-recipe-modal .uar-radio.se-rpa-icon-path-radios {
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  min-width: max-content !important;
  width: auto !important;
  margin: 0 !important;
  float: none !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormControl-root,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormControl-root {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  width: auto !important;
  max-width: none !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormLabel-root,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormLabel-root {
  display: none !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormGroup-root,
html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiRadioGroup-root,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormGroup-root,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiRadioGroup-root {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px;
  margin: 0 !important;
  width: auto !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormControlLabel-root,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiFormControlLabel-root {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  margin: 0 8px 0 0 !important;
  white-space: nowrap !important;
}

html[data-se-theme] .flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiRadio-root,
.flex-rpa-recipe-modal .se-rpa-icon-path-radios .MuiRadio-root {
  padding: 4px !important;
}

.securends .se-admin-groups-page .createTemp2 {
  position: static !important;
  top: auto !important;
  right: auto !important;
}

.securends .se-admin-groups-page .temp-header {
  display: flex;
  align-items: center;
  width: 100%;
  background: transparent !important;
  margin: 0;
  padding: 0;
}

/* --------------------------------------------------------------------------
   Email / message templates + audits
   -------------------------------------------------------------------------- */

.securends .se-admin-email-tpl-page .o-form-title-bar {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.securends .se-admin-email-tpl-page h2.o-form-title-bar > label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  order: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  white-space: nowrap !important;
}

.securends .se-admin-email-tpl-page .o-form-title-bar > .se-toolbar-actions {
  margin-left: auto !important;
}

.securends .se-admin-email-tpl-page #edstatus {
  margin-left: 0 !important;
  height: 36px !important;
  min-width: 140px !important;
  font-size: 13px !important;
}

.securends .se-admin-email-tpl-page .se-toolbar-actions .AddAppBtn.addButtonData,
.securends .se-admin-email-tpl-page button.custom__pg.AddAppBtn.addButtonData {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #ffffff !important;
  border-radius: var(--se-r) !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 20px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
}

.securends .se-admin-email-tpl-page .se-toolbar-actions .AddAppBtn.addButtonData:hover,
.securends .se-admin-email-tpl-page button.custom__pg.AddAppBtn.addButtonData:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #ffffff !important;
}

.securends .se-admin-msg-form .o-form-title-bar,
.securends .se-admin-email-form .o-form-title-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

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

.securends .se-admin-mapping-page .sor-fields-mapping-header {
  display: flex !important;
  align-items: center;
  width: 100%;
  gap: 12px;
}

.securends .se-admin-mapping-page .sor-fields-mapping-header-right,
.securends .se-admin-mapping-page .sor-fields-mapping-add-wrap {
  position: static !important;
  margin-left: auto;
}

.securends .se-admin-email-form .emailTempRadioGroup,
.securends .se-admin-msg-form .message-template-form,
.securends .se-admin-email-audit .email-audit-form,
.securends .se-admin-msg-audit .mt-3 {
  width: 100%;
}

.securends .se-admin-email-form .sidebar-btn-container .o-form-button-bar,
.securends .se-admin-msg-form .o-form-button-bar {
  display: flex;
  gap: 8px;
}

.securends .se-admin-assignee-page .endpointConfigCard {
  position: static !important;
  height: auto !important;
  padding: 16px 20px;
  margin: 0 0 16px;
}

.securends .se-admin-assignee-page .endpointConfigCard>.row {
  position: static !important;
  right: auto !important;
}

.securends .se-admin-inactive-page form .row,
.securends .se-admin-mapping-page form .row {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 12px 16px;
}

.securends .se-admin-entitle-page {
  margin-top: 0 !important;
}

/* Assign Entitlement Owner drawer (Applications → Entitlements → Update):
   flatten nested page title card (modal header already says Entitlement). */
html[data-se-theme] .modal .se-admin-entitle-page h2.o-form-title-bar,
html[data-se-theme] .modal .Delegation.se-admin-entitle-page h2.o-form-title-bar,
html[data-se-theme] .sidebar-modal .se-admin-entitle-page h2.o-form-title-bar,
.securends .modal .se-admin-entitle-page h2.o-form-title-bar,
.modal .se-admin-entitle-page h2.o-form-title-bar {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-section, 16px) !important;
  font-weight: 600 !important;
  padding: 0 0 12px !important;
  margin: 0 0 8px !important;
  min-height: auto !important;
  height: auto !important;
  width: 100% !important;
}

html[data-se-theme] .modal .se-admin-entitle-page .uploadTitle1 .help-block,
html[data-se-theme] .modal .Delegation.se-admin-entitle-page .uploadTitle1 .help-block,
.securends .modal .se-admin-entitle-page .uploadTitle1 .help-block,
.modal .se-admin-entitle-page .uploadTitle1 .help-block {
  color: var(--se-ink-2) !important;
  font-size: 13.5px !important;
}

html[data-se-theme] .modal .se-admin-entitle-page .col-md-3,
html[data-se-theme] .modal .se-admin-entitle-page label,
html[data-se-theme] .modal .se-admin-entitle-page .entitle-text,
.securends .modal .se-admin-entitle-page .col-md-3,
.modal .se-admin-entitle-page label {
  color: var(--se-ink-2) !important;
  background: transparent !important;
}

/* Dropzone in Assign Entitlement Owner bulk mode */
html[data-se-theme] .modal .se-admin-entitle-page .dropzone,
html[data-se-theme] .modal .Delegation.se-admin-entitle-page [class*="dropzone"],
.securends .modal .se-admin-entitle-page .dropzone,
.modal .se-admin-entitle-page div[style*="dashed"],
.modal .se-admin-entitle-page .fa-file-excel-o + p,
.modal .se-admin-entitle-page p {
  color: var(--se-ink-2);
}

html[data-se-theme] .modal .se-admin-entitle-page .iam_add_Import,
html[data-se-theme] .modal .Delegation.se-admin-entitle-page .iam_add_Import,
.securends .modal .se-admin-entitle-page .iam_add_Import,
.modal .se-admin-entitle-page .iam_add_Import {
  background: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

html[data-se-theme] .modal .se-admin-entitle-page .iam_add_Import:hover:not(:disabled),
.modal .se-admin-entitle-page .iam_add_Import:hover:not(:disabled) {
  background: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  color: var(--se-btn-fg, #333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333) !important;
}

html[data-se-theme] .modal .se-admin-entitle-page .iam_add_Import:disabled,
.modal .se-admin-entitle-page .iam_add_Import:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed;
  color: var(--se-btn-fg, #333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333) !important;
}

/* Assign Entitlement Owner (Custom): field group outline only — not input chrome */
html[data-se-theme] .sidebar-modal .se-admin-entitle-page .endPointRolesContainer,
.securends .sidebar-modal .se-admin-entitle-page .endPointRolesContainer,
html[data-se-theme] .sidebar-modal .react-table.se-admin-entitle-page .endPointRolesContainer {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

html[data-se-theme] .sidebar-modal .se-admin-entitle-page .endPointRoles,
.securends .sidebar-modal .se-admin-entitle-page .endPointRoles,
.securends .modal .se-admin-entitle-page .endPointRoles,
.securends .se-admin-entitle-page .col-md-12.endPointRoles {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: none !important;
  background: var(--se-card) !important;
  padding: 16px 18px !important;
  margin: 12px 0 16px !important;
  box-sizing: border-box !important;
}

.securends .se-admin-updates-page iframe {
  position: relative !important;
  height: calc(100vh - 160px) !important;
  border-radius: var(--se-r-card);
  border: 1px solid var(--se-line);
}

/* --------------------------------------------------------------------------
   /DataDownloads — Export Downloads toolbar, Refresh, table columns
   -------------------------------------------------------------------------- */

.securends .se-admin-downloads-page .o-form-title-bar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 0 !important;
}

.securends .se-admin-downloads-page .se-toolbar-actions,
.securends .se-admin-downloads-page .o-form-title-bar .se-toolbar-actions {
  margin-left: auto !important;
  flex-shrink: 0;
}

.securends .se-admin-downloads-page .se-toolbar-actions .campaign_progress,
.securends .se-admin-downloads-page .se-toolbar-actions .expBtn {
  position: static !important;
  float: none !important;
  margin: 0 !important;
}

/* Refresh — outlined secondary (same as Agent Status / Export toolbar actions) */
html[data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn,
html[data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn.button-primary.blue,
html[data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"],
.securends .se-admin-downloads-page .o-form-title-bar .se-toolbar-actions input.AddAppBtn,
.securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn,
.securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn.button-primary.blue,
.securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"],
.securends .se-admin-downloads-page .o-form-title-bar .campaign_progress .AddAppBtn {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-color: var(--se-line) !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  text-transform: none !important;
}

html[data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn:hover,
html[data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn.button-primary.blue:hover,
html[data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"]:hover,
.securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn:hover,
.securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn.button-primary.blue:hover,
.securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"]:hover,
.securends .se-admin-downloads-page .o-form-title-bar .campaign_progress .AddAppBtn:hover {
  background: var(--se-page) !important;
  background-color: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-brand) !important;
  -webkit-text-fill-color: var(--se-brand) !important;
}

/* Dark: ice primary Refresh (matches kit iam_add_Export / toolbar actions) */
html[data-se-mode="dark"][data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn,
html[data-se-mode="dark"][data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn.button-primary.blue,
html[data-se-mode="dark"][data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"],
html[data-se-mode="dark"] .securends .se-admin-downloads-page .o-form-title-bar .campaign_progress .AddAppBtn {
  background: var(--se-btn-bg) !important;
  background-color: var(--se-btn-bg) !important;
  border: 1px solid var(--se-btn-bg) !important;
  border-color: var(--se-btn-bg) !important;
  color: var(--se-btn-fg) !important;
  -webkit-text-fill-color: var(--se-btn-fg) !important;
}

html[data-se-mode="dark"][data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn:hover,
html[data-se-mode="dark"][data-se-theme] .securends .se-admin-downloads-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"]:hover,
html[data-se-mode="dark"] .securends .se-admin-downloads-page .o-form-title-bar .campaign_progress .AddAppBtn:hover {
  background: var(--se-btn-bg-hover) !important;
  background-color: var(--se-btn-bg-hover) !important;
  border-color: var(--se-btn-bg-hover) !important;
  color: var(--se-btn-fg) !important;
  -webkit-text-fill-color: var(--se-btn-fg) !important;
}

.securends .se-admin-downloads-page .ReactTable.Datadownloads,
.securends .se-admin-downloads-page .ReactTable.CampaignReport {
  width: 100% !important;
  max-width: 100% !important;
}

/* Column sizing is left to ReactTable's inline flex/width so drag-resize works;
   wide columns scroll horizontally instead of being clipped. */
.securends .se-admin-downloads-page .ReactTable .rt-table {
  min-width: 100% !important;
  overflow-x: auto !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-thead .rt-tr,
.securends .se-admin-downloads-page .ReactTable .rt-tbody .rt-tr {
  display: flex !important;
  min-width: 100% !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-th,
.securends .se-admin-downloads-page .ReactTable .rt-td {
  box-sizing: border-box !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-thead.-header .rt-th {
  position: relative !important;
}

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

.securends .se-admin-downloads-page .ReactTable .rt-thead.-header {
  height: var(--se-table-colhead) !important;
  min-height: var(--se-table-colhead) !important;
  max-height: var(--se-table-colhead) !important;
  background: var(--se-table-header-bg) !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-thead.-header .rt-th {
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
  padding: 0 10px !important;
  background: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-thead.-header .rt-th div,
.securends .se-admin-downloads-page .ReactTable .rt-thead.-header .rt-th span,
.securends .se-admin-downloads-page .ReactTable .rt-thead.-header .rt-th .rt-resizable-header-content,
.securends .se-admin-downloads-page .ReactTable .rt-thead.-header .rt-th .rt-resizable-header-content > div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--se-table-header-ink) !important;
  background: transparent !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-thead.-filters .rt-th input,
.securends .se-admin-downloads-page .ReactTable .rt-thead.-filters .rt-th .form-control {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-admin-downloads-page .ReactTable .rt-tbody .rt-td {
  overflow: hidden !important;
}

/* --------------------------------------------------------------------------
   /ArchivedCampaignReports — empty table message sits between body and pager
   -------------------------------------------------------------------------- */

.securends .se-admin-archived-page .ReactTable {
  display: flex !important;
  flex-direction: column !important;
}

.securends .se-admin-archived-page .ReactTable .rt-table {
  order: 1;
}

.securends .se-admin-archived-page .ReactTable .noDataComponent {
  order: 2;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 88px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 16px 12px !important;
  background: var(--se-card) !important;
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-align: center !important;
  z-index: 1;
}

.securends .se-admin-archived-page .ReactTable .pagination-bottom,
.securends .se-admin-archived-page .ReactTable .-pagination {
  order: 3;
}

/* --------------------------------------------------------------------------
   /GenericAgentInformation — Agent Status toolbar, tables & status bars
   -------------------------------------------------------------------------- */

.securends .se-admin-agent-page .o-form-title-bar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  gap: 0 !important;
}

.securends .se-admin-agent-page .o-form-title-bar .se-title-text {
  flex-shrink: 0;
}

.securends .se-admin-agent-page .Sort_By_Data,
.securends .se-admin-agent-page .o-form-title-bar .Sort_By_Data {
  margin: 0 0 0 16px !important;
  flex-shrink: 0;
}

.securends .se-admin-agent-page .se-toolbar-actions,
.securends .se-admin-agent-page .o-form-title-bar .se-toolbar-actions {
  margin-left: auto !important;
  flex-shrink: 0;
}

.securends .se-admin-agent-page .se-toolbar-actions .campaign_progress,
.securends .se-admin-agent-page .se-toolbar-actions .expBtn {
  position: static !important;
  float: none !important;
  margin: 0 !important;
}

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

.securends .se-admin-agent-page .se-toolbar-actions input.AddAppBtn:hover,
.securends .se-admin-agent-page .se-toolbar-actions input.AddAppBtn[data-type="cancel"]:hover {
  background: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-ink) !important;
}

.securends .se-admin-agent-page .camp-data-table {
  width: 100% !important;
  max-width: 100% !important;
}

/* Agent Status parent table — keep header/body in sync; allow .rt-resizer.
   Do NOT lock flex/width with !important on data columns (blocks resize). */
.securends .se-admin-agent-page .ReactTable.GenericAgent {
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table {
  min-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead > .rt-tr,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead > .rt-tr > .rt-th,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td {
  /* Soft floors — ReactTable inline flex-basis; we force grow below to fill row */
  min-width: 96px;
  max-width: none !important;
  box-sizing: border-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

/* Beat Bootstrap .text-center wrappers in Cells */
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td .text-center {
  text-align: left !important;
}

/*
  Fill empty trailing space: every data column grows equally (header + body).
  Expander stays fixed via the rule below. flex-grow !important beats RT
  inline "flex: <w> 0 auto" grow:0 so the row uses full table width.
*/
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead > .rt-tr > .rt-th,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td {
  flex-grow: 1 !important;
  flex-shrink: 1 !important;
}

/*
  Expander tables (Generic Agent / T-Hub Integration): lock FIRST column on
  header + body to the same 50px (flex shorthand resets grow to 0).
*/
.securends .se-admin-agent-page .ReactTable.GenericAgent:has(.rt-expandable) > .rt-table > .rt-thead > .rt-tr > .rt-th:first-child,
.securends .se-admin-agent-page .ReactTable.GenericAgent:has(.rt-expandable) > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td:first-child,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead > .rt-tr > .rt-th.rt-expandable,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td.rt-expandable,
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td:has(.rt-expander) {
  flex: 0 0 50px !important;
  width: 50px !important;
  min-width: 50px !important;
  max-width: 50px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  overflow: visible !important;
}

/* Status icon column stays centered (parent Agent Status table only) */
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td:has(.applications.status) {
  text-align: center !important;
  justify-content: center !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent:has(.rt-expandable) > .rt-table > .rt-thead.-header > .rt-tr > .rt-th:nth-child(3),
.securends .se-admin-agent-page .ReactTable.GenericAgent:not(:has(.rt-expandable)) > .rt-table > .rt-thead.-header > .rt-tr > .rt-th:nth-child(2) {
  text-align: center !important;
  justify-content: center !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td:has(.applications.status) .text-center {
  text-align: center !important;
}

/* Agent name + Last Refresh — readable floors (all agent dropdown types) */
.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead.-header > .rt-tr > .rt-th {
  position: relative !important;
  overflow: visible !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead.-header > .rt-tr > .rt-th .rt-resizable-header-content {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.securends .se-admin-agent-page .ReactTable.GenericAgent > .rt-table > .rt-thead.-header > .rt-tr > .rt-th .rt-resizer {
  display: block !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 100% !important;
  width: 12px !important;
  z-index: 20 !important;
  cursor: col-resize !important;
  pointer-events: auto !important;
}

.securends .GenericAgent.CampaignReport .rt-tr .rt-td:first-child {
  overflow: visible !important;
}

.securends .GenericAgent .rt-expander {
  margin: 0 !important;
  width: 24px !important;
  height: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  position: relative !important;
  overflow: visible !important;
}

.securends .GenericAgent .rt-expander:after {
  border-top-color: var(--se-ink-2) !important;
  transition: transform 0.2s ease !important;
}

.securends .GenericAgent .rt-expander.-open:after {
  transform: translate(-50%, -50%) rotate(0deg) !important;
}

/* Status bars centering inside GenericAgent & childTable */
.securends .GenericAgent .applications.status,
.securends .childTable .applications.status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.securends .GenericAgent .rt-td:has(.applications.status),
.securends .childTable .rt-td:has(.applications.status) {
  text-align: center !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.securends .childTable {
  background: var(--se-card) !important;
  border-radius: var(--se-r-card) !important;
}

.securends .childTable .ReactTable {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  overflow: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* Nested column headers — same kit as parent Agent Status (beat pickels #e4dfdf / Raleway). */
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header {
  height: var(--se-table-colhead) !important;
  min-height: var(--se-table-colhead) !important;
  max-height: var(--se-table-colhead) !important;
  background: var(--se-table-header-bg) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr {
  height: var(--se-table-colhead) !important;
  min-height: var(--se-table-colhead) !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th {
  display: flex !important;
  align-items: center !important;
  height: var(--se-table-colhead) !important;
  padding: 0 12px !important;
  overflow: hidden !important;
  background: var(--se-table-header-bg) !important;
  color: var(--se-table-header-ink) !important;
  border-right: 1px solid var(--se-line-soft) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th div,
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th span,
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th .rt-resizable-header-content,
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th .rt-resizable-header-content > div {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.02em !important;
  color: var(--se-table-header-ink) !important;
  background: transparent !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th:nth-child(2),
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th:nth-child(3),
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-header > .rt-tr > .rt-th:nth-child(4) {
  justify-content: center !important;
  text-align: center !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-filters {
  height: var(--se-table-filter-h) !important;
  min-height: var(--se-table-filter-h) !important;
  max-height: var(--se-table-filter-h) !important;
  background: var(--se-card) !important;
}

/* Nested application rows — shared grid so Status / dates / log sit under headers. */
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead > .rt-tr,
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) 100px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.6fr) !important;
  width: 100% !important;
  min-width: 0 !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead > .rt-tr > .rt-th,
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td {
  flex: none !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead > .rt-tr > .rt-th:nth-child(2),
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-tbody > .rt-tr-group > .rt-tr > .rt-td:nth-child(2) {
  justify-content: center !important;
  text-align: center !important;
}

.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-filters > .rt-tr > .rt-th input,
.securends .se-admin-agent-page .childTable .ReactTable > .rt-table > .rt-thead.-filters > .rt-tr > .rt-th .form-control {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

/* --------------------------------------------------------------------------
   Log drawers
   -------------------------------------------------------------------------- */

.securends .se-admin-logs-modal .loggerViewScroll,
html[data-se-theme] .se-admin-logs-modal .loggerViewScroll {
  max-height: 420px;
  overflow: auto;
}

@media (max-width: 960px) {

  .securends .se-admin-config-page .o-form-input,
  .securends .se-admin-page .se-toolbar-actions,
  .securends .se-admin-page .createTemp2 {
    margin-left: 0 !important;
  }

  .securends .se-admin-config-page .endpointConfigCard.se-config-grid,
  .securends .se-admin-config-page .se-config-grid,
  .securends .se-admin-config-page .se-config-grid--nested {
    grid-template-columns: 1fr;
  }
}

/* ==========================================================================
   ADMIN CONSOLE ADD & UPDATE MODALS MODERNIZATION
   Covers: UpdateCustomerConfig, CustomerConfigModal (Add form & Header),
           UpdatePageConfig, PageConfigModal (Add form & Header),
           UpdateConfigurationModal, CreateAttributeConfigs,
           SORFieldsMapping Add/Update/Delete modals.
   ========================================================================== */

/* 1. Centered Dialog Window Sizing & Surface */
html[data-se-theme] .modal.se-admin-update-modal .modal-dialog,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName),
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page),
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#customer),
.securends .modal.se-admin-update-modal .modal-dialog,
.securends .modal:not(.right) .custom-dialog.se-admin-modal {
  max-width: 660px !important;
  width: 92% !important;
  margin: 60px auto !important;
  float: none !important;
}

html[data-se-theme] .modal.se-admin-update-modal .modal-content,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .modal-content,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .modal-content,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .modal-content,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#customer) .modal-content,
.securends .modal.se-admin-update-modal .modal-content,
.securends .modal:not(.right) .custom-dialog.se-admin-modal .modal-content {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-modal) !important;
  box-shadow: var(--se-shadow-lg) !important;
  overflow: hidden !important;
}

/* 2. Modal Header */
html[data-se-theme] .modal.se-admin-update-modal .modal-header,
html[data-se-theme] .modal.se-admin-update-modal .modelheader,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .modal-header,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .modelheader,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .modal-header,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .modal-header,
.securends .modal.se-admin-update-modal .modal-header,
.securends .modal.se-admin-update-modal .modelheader,
.securends .modal:not(.right) .custom-dialog.se-admin-modal .modal-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 24px !important;
  min-height: 56px !important;
  border-bottom: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
}

html[data-se-theme] .modal.se-admin-update-modal .modal-title,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .modal-title,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .modal-title,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .modal-title,
.securends .modal.se-admin-update-modal .modal-title,
.securends .modal:not(.right) .custom-dialog.se-admin-modal .modal-title {
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
}

html[data-se-theme] .modal.se-admin-update-modal .modal-header .close,
html[data-se-theme] .modal.se-admin-update-modal .modelheader .close,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .close,
.securends .modal.se-admin-update-modal .close {
  color: var(--se-ink-3) !important;
  opacity: 1 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  padding: 4px !important;
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  transition: color var(--se-ease) !important;
}

html[data-se-theme] .modal.se-admin-update-modal .modal-header .close:hover,
html[data-se-theme] .modal.se-admin-update-modal .modelheader .close:hover,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .close:hover,
.securends .modal.se-admin-update-modal .close:hover {
  color: var(--se-ink) !important;
}

/* 3. Modal Body & Form Layout */
html[data-se-theme] .modal.se-admin-update-modal .modal-body,
html[data-se-theme] .modal:not(.right) .custom-dialog.se-admin-modal .modal-body,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .modal-body,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .modal-body,
.securends .modal.se-admin-update-modal .modal-body,
.securends .modal:not(.right) .custom-dialog.se-admin-modal .modal-body {
  padding: 24px !important;
  background: var(--se-card) !important;
  max-height: calc(100vh - 160px) !important;
  overflow-y: auto !important;
}

html[data-se-theme] .se-admin-modal-form .form-group,
html[data-se-theme] .modal.se-admin-update-modal .form-group,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .form-group,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .form-group,
.securends .modal.se-admin-update-modal .form-group {
  margin-bottom: 16px !important;
}

html[data-se-theme] .se-admin-modal-form label,
html[data-se-theme] .se-admin-modal-form .control-label,
html[data-se-theme] .modal.se-admin-update-modal label,
html[data-se-theme] .modal.se-admin-update-modal .control-label,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) label,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) label,
.securends .modal.se-admin-update-modal label,
.securends .modal.se-admin-update-modal .control-label {
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

html[data-se-theme] .se-admin-modal-form .form-control,
html[data-se-theme] .modal.se-admin-update-modal .form-control,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .form-control,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .form-control,
.securends .modal.se-admin-update-modal .form-control {
  height: 36px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-sm) !important;
  background-color: var(--se-card) !important;
  color: var(--se-ink) !important;
  font-size: 13.5px !important;
  font-family: var(--se-sans) !important;
  padding: 0 12px !important;
  box-shadow: none !important;
  width: 100% !important;
  transition: border-color var(--se-ease), box-shadow var(--se-ease) !important;
}

html[data-se-theme] .se-admin-modal-form select.form-control,
html[data-se-theme] .modal.se-admin-update-modal select.form-control,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) select.form-control,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) select.form-control,
.securends .modal.se-admin-update-modal select.form-control {
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 7px !important;
  padding-right: 28px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html[data-se-theme] .se-admin-modal-form textarea.form-control,
html[data-se-theme] .modal.se-admin-update-modal textarea.form-control,
.securends .modal.se-admin-update-modal textarea.form-control {
  height: auto !important;
  min-height: 80px !important;
  padding: 8px 12px !important;
}

html[data-se-theme] .se-admin-modal-form .form-control:focus,
html[data-se-theme] .modal.se-admin-update-modal .form-control:focus,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .form-control:focus,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .form-control:focus,
.securends .modal.se-admin-update-modal .form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  outline: none !important;
}

html[data-se-theme] .se-admin-modal-form .form-control[disabled],
html[data-se-theme] .modal.se-admin-update-modal .form-control[disabled],
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .form-control[disabled],
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .form-control[disabled],
.securends .modal.se-admin-update-modal .form-control[disabled] {
  background-color: var(--se-page) !important;
  color: var(--se-ink-3) !important;
  border-color: var(--se-line) !important;
  cursor: not-allowed !important;
}

html[data-se-theme] .se-admin-modal-form .error,
html[data-se-theme] .modal.se-admin-update-modal .error,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .error,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .error,
.securends .modal.se-admin-update-modal .error {
  font-size: 12px !important;
  color: var(--se-risk) !important;
  margin-top: 4px !important;
  display: block !important;
  font-weight: 500 !important;
}

/* 4. Drawer Header Action Buttons (Add Configuration / Add) */
html[data-se-theme] .se-drawer-header .modal-title,
html[data-se-theme] .sidebar-modal .modal-header .modal-title,
html[data-se-theme] .sidebar-modal .modelheader .modal-title,
.securends .sidebar-modal .modal-header .modal-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

html[data-se-theme] .se-drawer-title-text,
html[data-se-theme] .sidebar-modal .modal-title>span:first-child {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  white-space: nowrap !important;
}

html[data-se-theme] .se-btn-header-add,
html[data-se-theme] .sidebar-modal .modal-title .AddAppBtn,
html[data-se-theme] .sidebar-modal .AddAppBtn,
.securends .sidebar-modal .modal-title .AddAppBtn,
.securends .sidebar-modal .AddAppBtn {
  margin-left: auto !important;
  margin-right: 16px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  border-radius: var(--se-r) !important;
  background: var(--se-btn-bg, var(--se-brand)) !important;
  background-color: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  font-family: var(--se-sans) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  transition: all var(--se-ease) !important;
  width: auto !important;
}

html[data-se-theme] .se-btn-header-add:hover,
html[data-se-theme] .sidebar-modal .modal-title .AddAppBtn:hover,
html[data-se-theme] .sidebar-modal .AddAppBtn:hover,
.securends .sidebar-modal .modal-title .AddAppBtn:hover,
.securends .sidebar-modal .AddAppBtn:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

/* 5. Inline Add Forms in Drawers (Create Customer Config / Create Page Config) */
html[data-se-theme] .sidebar-modal .react-table:has(h2),
html[data-se-theme] .sidebar-modal .react-table .endPointRolesContainer,
.securends .sidebar-modal .react-table:has(h2) {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--se-shadow) !important;
}

html[data-se-theme] .sidebar-modal .react-table h2.header,
.securends .sidebar-modal .react-table h2.header {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 0 16px !important;
  border-bottom: 1px solid var(--se-line) !important;
  padding-bottom: 10px !important;
}

/* 6. Button Groups & Hierarchy across All Add / Update Modals */
html[data-se-theme] .se-modal-footer-bar,
html[data-se-theme] .modal.se-admin-update-modal .sidebar-btn-container,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .sidebar-btn-container,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .sidebar-btn-container,
html[data-se-theme] .sidebar-modal .sidebar-btn-container,
.securends .modal.se-admin-update-modal .sidebar-btn-container,
.securends .sidebar-modal .sidebar-btn-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin-top: 24px !important;
  padding: 16px 0 0 0 !important;
  border-top: 1px solid var(--se-line) !important;
}

html[data-se-theme] .se-modal-actions,
html[data-se-theme] .modal.se-admin-update-modal .o-form-button-bar,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) .o-form-button-bar,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) .o-form-button-bar,
html[data-se-theme] .sidebar-modal .o-form-button-bar,
.securends .modal.se-admin-update-modal .o-form-button-bar,
.securends .sidebar-modal .o-form-button-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  width: 100% !important;
  float: none !important;
}

/* All Admin Modal Action Buttons (Save, Save & Apply, Cancel, Add Configuration):
   Unified with app-wide dark/light button tokens (--se-btn-bg / --se-btn-fg) */
html[data-se-theme] .se-btn-primary,
html[data-se-theme] .se-btn-secondary,
html[data-se-theme] .se-btn-cancel,
html[data-se-theme] button#tempADDdataCancel,
html[data-se-theme] button#tempADDdata,
html[data-se-theme] button#tempADDdataApply,
html[data-se-theme] button#templatecancel,
html[data-se-theme] button#templatesave,
html[data-se-theme] .modal.se-admin-update-modal button.tempaddselect,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) button.tempaddselect,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) button.tempaddselect,
html[data-se-theme] .sidebar-modal .o-form-button-bar button.tempaddselect,
html[data-se-theme] .sidebar-modal .o-form-button-bar button.AddAppBtn,
html[data-se-theme] .se-modal-actions button,
.securends .modal.se-admin-update-modal button.tempaddselect,
.securends .sidebar-modal .o-form-button-bar button.tempaddselect,
html[data-se-theme] .se-config-dialog .button,
html[data-se-theme] .se-config-dialog .cancelBtn,
.securends button#tempADDdataCancel,
.securends button#tempADDdata,
.securends button#tempADDdataApply,
.securends button#templatecancel,
.securends button#templatesave,
.securends .se-config-dialog .button,
.securends .se-config-dialog .cancelBtn {
  background: var(--se-btn-bg, var(--se-brand)) !important;
  background-color: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
  border-radius: var(--se-r) !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 20px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  font-family: var(--se-sans) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-transform: none !important;
  width: auto !important;
  min-width: 80px !important;
  transition: all var(--se-ease) !important;
}

html[data-se-theme] .se-btn-primary:hover,
html[data-se-theme] .se-btn-secondary:hover,
html[data-se-theme] .se-btn-cancel:hover,
html[data-se-theme] button#tempADDdataCancel:hover,
html[data-se-theme] button#tempADDdata:hover,
html[data-se-theme] button#tempADDdataApply:hover,
html[data-se-theme] button#templatecancel:hover,
html[data-se-theme] button#templatesave:hover,
html[data-se-theme] .modal.se-admin-update-modal button.tempaddselect:hover,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#ConfigName) button.tempaddselect:hover,
html[data-se-theme] .modal:not(.right) .custom-dialog.peoples-list:has(#page) button.tempaddselect:hover,
html[data-se-theme] .sidebar-modal .o-form-button-bar button.tempaddselect:hover,
html[data-se-theme] .sidebar-modal .o-form-button-bar button.AddAppBtn:hover,
html[data-se-theme] .se-modal-actions button:hover,
html[data-se-theme] .se-config-dialog .button:hover,
html[data-se-theme] .se-config-dialog .cancelBtn:hover,
.securends .modal.se-admin-update-modal button.tempaddselect:hover,
.securends .sidebar-modal .o-form-button-bar button.tempaddselect:hover,
.securends button#tempADDdataCancel:hover,
.securends button#tempADDdata:hover,
.securends button#tempADDdataApply:hover,
.securends button#templatecancel:hover,
.securends button#templatesave:hover,
.securends .se-config-dialog .button:hover,
.securends .se-config-dialog .cancelBtn:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-hover)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

html[data-se-theme] .se-modal-actions button:disabled,
html[data-se-theme] button#tempADDdataCancel:disabled,
html[data-se-theme] button#tempADDdata:disabled,
html[data-se-theme] button#tempADDdataApply:disabled,
html[data-se-theme] .se-config-dialog .button:disabled,
.securends button#tempADDdataCancel:disabled,
.securends button#tempADDdata:disabled,
.securends button#tempADDdataApply:disabled,
.securends .se-config-dialog .button:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

/* 7. Manage Identity Attributes (CreateAttributeConfigs) Modal Alignment */
html[data-se-theme] .se-attribute-modal-footer,
.securends .se-attribute-modal-footer,
.se-attribute-modal-footer {
  position: static !important;
  right: auto !important;
  width: 100% !important;
  margin-top: 24px !important;
  padding: 16px 0 !important;
  border-top: 1px solid var(--se-line) !important;
  display: flex !important;
  justify-content: flex-end !important;
  float: none !important;
}

html[data-se-theme] .se-attribute-modal-footer .nav-button,
html[data-se-theme] .se-attribute-modal-footer .se-modal-actions,
.securends .se-attribute-modal-footer .nav-button,
.securends .se-attribute-modal-footer .se-modal-actions,
.se-attribute-modal-footer .nav-button,
.se-attribute-modal-footer .se-modal-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  position: static !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}

html[data-se-theme] .se-attribute-modal-footer .submit-button,
.securends .se-attribute-modal-footer .submit-button,
html[data-se-theme] .se-attribute-modal-footer button#templatecancel,
html[data-se-theme] .se-attribute-modal-footer button#templatesave,
.securends .se-attribute-modal-footer button#templatecancel,
.securends .se-attribute-modal-footer button#templatesave,
.se-attribute-modal-footer button#templatecancel,
.se-attribute-modal-footer button#templatesave {
  margin: 0 !important;
  position: static !important;
  float: none !important;
}

html[data-se-theme] .se-attribute-modal-footer button#templatecancel,
.securends .se-attribute-modal-footer button#templatecancel,
.se-attribute-modal-footer button#templatecancel {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #cbd5e1) !important;
  color: var(--se-ink, #334155) !important;
}

html[data-se-theme] .se-attribute-modal-footer button#templatecancel:hover,
.securends .se-attribute-modal-footer button#templatecancel:hover,
.se-attribute-modal-footer button#templatecancel:hover {
  background: var(--se-bg-subtle, #f1f5f9) !important;
  border-color: var(--se-line, #94a3b8) !important;
  color: var(--se-ink, #0f172a) !important;
}

html[data-se-theme] .se-add-more-link,
.securends .se-add-more-link {
  color: var(--se-brand) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 6px 0 !important;
  transition: color var(--se-ease) !important;
}

html[data-se-theme] .se-add-more-link:hover,
.securends .se-add-more-link:hover {
  color: var(--se-brand-hover) !important;
  text-decoration: underline !important;
}

/* 8. SOR Fields Mapping Screen Toolbar, Inline Forms & Modals */
.securends .se-admin-mapping-page .manageApp.sor-fields-mapping-header-row,
.se-admin-mapping-page .manageApp.sor-fields-mapping-header-row,
.sor-fields-mapping-header-row.manageApp {
  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 12px 0 !important;
  width: 100% !important;
}

.securends .sor-fields-mapping-header,
.sor-fields-mapping-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.securends .sor-fields-mapping-header-left,
.sor-fields-mapping-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.securends .sor-fields-mapping-title,
.sor-fields-mapping-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.securends .sor-fields-mapping-header-right,
.sor-fields-mapping-header-right {
  display: flex !important;
  align-items: center !important;
  margin-left: auto !important;
}

.securends .sor-fields-mapping-header .AddAppBtn,
.sor-fields-mapping-header .AddAppBtn {
  height: 36px !important;
  padding: 0 18px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r, 8px) !important;
  background: var(--se-brand, #0052cc) !important;
  color: #ffffff !important;
  border: 1px solid var(--se-brand, #0052cc) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: var(--se-shadow-xs) !important;
  line-height: normal !important;
  margin: 0 !important;
}

.securends .se-sor-mapping-subtext,
.se-sor-mapping-subtext {
  font-size: 13px !important;
  color: var(--se-ink-2) !important;
  margin: 0 0 16px 0 !important;
  line-height: 1.5 !important;
}

/* Inline Add Card in SOR Fields Mapping */
.securends .se-sor-mapping-add-card,
.se-sor-mapping-add-card {
  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: 14px 20px !important;
  margin: 0 0 16px 0 !important;
}

.securends .se-sor-mapping-add-row,
.se-sor-mapping-add-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.securends .se-sor-mapping-add-row label,
.se-sor-mapping-add-row label {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.securends .se-sor-mapping-add-row .form-control,
.se-sor-mapping-add-row .form-control {
  height: 36px !important;
  border-radius: var(--se-r, 8px) !important;
  border: 1px solid var(--se-line) !important;
  padding: 0 12px !important;
  font-size: 13px !important;
  max-width: 320px !important;
  min-width: 240px !important;
}

.securends .se-sor-mapping-add-col,
.se-sor-mapping-add-col {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

.securends .se-sor-mapping-select-group,
.se-sor-mapping-select-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.securends .se-sor-mapping-add-row button[type="submit"],
.se-sor-mapping-add-row button[type="submit"] {
  height: 36px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r, 8px) !important;
  background: var(--se-brand, #0052cc) !important;
  color: #ffffff !important;
  border: 1px solid var(--se-brand, #0052cc) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: var(--se-shadow-xs) !important;
}

/* SOR Fields Mapping Modals */
html[data-se-theme] .se-sor-mapping-modal .modal-dialog,
.securends .se-sor-mapping-modal .modal-dialog,
.se-sor-mapping-modal.custom-dialog {
  max-width: 540px !important;
  width: 90% !important;
  margin: 60px auto !important;
}

html[data-se-theme] .se-sor-mapping-modal .modal-content,
.securends .se-sor-mapping-modal .modal-content {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-modal) !important;
  box-shadow: var(--se-shadow-lg) !important;
  overflow: hidden !important;
}

html[data-se-theme] .se-sor-mapping-modal .modal-header,
.securends .se-sor-mapping-modal .modal-header {
  padding: 0 20px !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 1px solid var(--se-line) !important;
  background: var(--se-card) !important;
}

html[data-se-theme] .se-sor-mapping-modal .modal-title,
.securends .se-sor-mapping-modal .modal-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
}

html[data-se-theme] .se-sor-mapping-modal .modal-body,
.securends .se-sor-mapping-modal .modal-body {
  padding: 24px 20px !important;
  background: var(--se-card) !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-form-row,
.securends .se-sor-mapping-modal .se-form-row {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin: 0 0 16px 0 !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-form-row:last-child,
.securends .se-sor-mapping-modal .se-form-row:last-child {
  margin-bottom: 0 !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-form-row .control-label,
.securends .se-sor-mapping-modal .se-form-row .control-label {
  flex: 0 0 130px !important;
  max-width: 130px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  text-align: left !important;
  white-space: nowrap !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-form-row .form-control,
.securends .se-sor-mapping-modal .se-form-row .form-control {
  flex: 1 1 auto !important;
  height: 36px !important;
  border-radius: var(--se-r, 8px) !important;
  border: 1px solid var(--se-line) !important;
  font-size: 13px !important;
  padding: 0 12px !important;
}

html[data-se-theme] .se-sor-mapping-modal .modal-footer,
.securends .se-sor-mapping-modal .modal-footer {
  padding: 14px 20px !important;
  border-top: 1px solid var(--se-line) !important;
  background: var(--se-page) !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-modal-actions,
.securends .se-sor-mapping-modal .se-modal-actions {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
}

/* Unified Solid Brand Buttons in SOR Mapping Modals */
html[data-se-theme] .se-sor-mapping-modal .se-modal-actions button,
.securends .se-sor-mapping-modal .se-modal-actions button {
  height: 36px !important;
  padding: 0 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: var(--se-r, 8px) !important;
  background: var(--se-brand, #0052cc) !important;
  color: #ffffff !important;
  border: 1px solid var(--se-brand, #0052cc) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: var(--se-shadow-xs) !important;
  transition: filter 0.15s ease, transform 0.1s ease !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-modal-actions button:hover:not(:disabled),
.securends .se-sor-mapping-modal .se-modal-actions button:hover:not(:disabled) {
  filter: brightness(0.92) !important;
}

html[data-se-theme] .se-sor-mapping-modal .se-modal-actions button:disabled,
.securends .se-sor-mapping-modal .se-modal-actions button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
}

/* 9. SOR Fields Mapping & Admin Table Action Dropdowns */
.securends .se-admin-mapping-page .ActionDropdown > button.btn,
.securends .se-admin-mapping-page .ActionDropdown > button.btn-default,
.securends .se-admin-mapping-page .se-table-action-btn,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown > button.btn,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown > button.btn-default,
html[data-se-theme] .se-admin-mapping-page .se-table-action-btn {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  border-radius: var(--se-r, 6px) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--se-ink-2, #64748b) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
}

.securends .se-admin-mapping-page .ActionDropdown > button:hover,
.securends .se-admin-mapping-page .se-table-action-btn:hover,
.securends .se-admin-mapping-page .ActionDropdown.open > button,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown > button:hover,
html[data-se-theme] .se-admin-mapping-page .se-table-action-btn:hover,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown.open > button {
  background: var(--se-row-hover, #f1f5f9) !important;
  border-color: var(--se-line, #e2e8f0) !important;
  color: var(--se-ink, #0f172a) !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content {
  background: var(--se-card, #ffffff) !important;
  background-color: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #e2e8f0) !important;
  border-radius: 10px !important;
  box-shadow: var(--se-shadow-lg) !important;
  padding: 6px !important;
  min-width: 140px !important;
  z-index: 2000 !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content .child,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content .child {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 6px !important;
  background: transparent !important;
  color: var(--se-ink) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: background-color 0.15s ease, color 0.15s ease !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content .child i.fa,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content .child i.fa {
  font-size: 14px !important;
  width: 16px !important;
  text-align: center !important;
  color: var(--se-ink-2) !important;
  transition: color 0.15s ease !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content .child:hover,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content .child:hover {
  background: var(--se-row-hover, #f1f5f9) !important;
  color: var(--se-brand, #0052cc) !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content .child:hover i.fa,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content .child:hover i.fa {
  color: var(--se-brand, #0052cc) !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content .child.se-action-delete:hover,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content .child.se-action-delete:hover {
  background: var(--se-risk-tint, #fef2f2) !important;
  color: var(--se-risk, #dc2626) !important;
}

.securends .se-admin-mapping-page .ActionDropdown-content .child.se-action-delete:hover i.fa,
html[data-se-theme] .se-admin-mapping-page .ActionDropdown-content .child.se-action-delete:hover i.fa {
  color: var(--se-risk, #dc2626) !important;
}

/* Message Audit / Email Audit / Message Template / Email Template
   Same padding + flex on header, filter, and body so columns line up.
   ACTION stays 120px; other columns stay resizable. Last column padding
   matches on all three rows so the config icon does not shift the grid. */
.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr,
.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-filters .rt-tr,
.securends .se-admin-msg-audit .messageAuditTable .rt-tbody .rt-tr,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr,
.securends .se-admin-email-audit .emailAuditTable .rt-tbody .rt-tr,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-filters .rt-tr,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-tbody .rt-tr,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-filters .rt-tr,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-tbody .rt-tr {
  display: flex !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-filters .rt-tr > .rt-th,
.securends .se-admin-msg-audit .messageAuditTable .rt-tbody .rt-tr > .rt-td,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr > .rt-th,
.securends .se-admin-email-audit .emailAuditTable .rt-tbody .rt-tr > .rt-td,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-filters .rt-tr > .rt-th,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-tbody .rt-tr > .rt-td,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-filters .rt-tr > .rt-th,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-tbody .rt-tr > .rt-td {
  box-sizing: border-box !important;
  min-width: 0 !important;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr > .rt-th:first-child,
.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-filters .rt-tr > .rt-th:first-child,
.securends .se-admin-msg-audit .messageAuditTable .rt-tbody .rt-tr > .rt-td:first-child,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr,
.securends .se-admin-email-audit .emailAuditTable .rt-tbody .rt-tr {
  align-items: stretch !important;
}

.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr > .rt-th {
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr > .rt-th input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr > .rt-th:first-child,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr > .rt-th:first-child,
.securends .se-admin-email-audit .emailAuditTable .rt-tbody .rt-tr > .rt-td:first-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th:first-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-filters .rt-tr > .rt-th:first-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-tbody .rt-tr > .rt-td:first-child,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr > .rt-th:first-child,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-filters .rt-tr > .rt-th:first-child,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-tbody .rt-tr > .rt-td:first-child {
  flex: 0 0 var(--se-table-action-w, 74px) !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;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-filters .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-audit .messageAuditTable .rt-tbody .rt-tr > .rt-td:last-child,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr > .rt-th:last-child,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-filters .rt-tr > .rt-th:last-child,
.securends .se-admin-email-audit .emailAuditTable .rt-tbody .rt-tr > .rt-td:last-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-filters .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-tbody .rt-tr > .rt-td:last-child,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr > .rt-th:last-child,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-filters .rt-tr > .rt-th:last-child,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-tbody .rt-tr > .rt-td:last-child {
  padding-right: 48px !important;
}

.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr > .rt-th {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  overflow: visible !important;
  position: relative !important;
}

.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr > .rt-th .rt-resizable-header-content,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr > .rt-th .rt-resizable-header-content,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th .rt-resizable-header-content,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr > .rt-th .rt-resizable-header-content {
  text-align: center !important;
  overflow: visible !important;
}

.securends .se-admin-msg-audit .messageAuditTable .rt-thead.-header .rt-tr > .rt-th .rt-resizer,
.securends .se-admin-email-audit .emailAuditTable .rt-thead.-header .rt-tr > .rt-th .rt-resizer,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th .rt-resizer,
.securends .se-admin-email-tpl-page .emailTemplatesTable .rt-thead.-header .rt-tr > .rt-th .rt-resizer {
  width: 16px !important;
  max-width: 16px !important;
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  height: 100% !important;
  z-index: 12 !important;
  pointer-events: auto !important;
  cursor: col-resize !important;
}

html[data-se-theme] .modal.right .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .modal-body .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .sidebar-modal .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .peoples-list .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .ticketLog .ReactTable .-pagination .-pageInfo,
html[data-se-theme] .se-admin-logs-modal .ReactTable .-pagination .-pageInfo,
.securends .sidebar-modal .ReactTable .-pagination .-pageInfo,
.securends .se-admin-logs-modal .ReactTable .-pagination .-pageInfo {
  gap: 0.4em !important;
}

/* /configurationAuditTrial — Export / Back match Campaign Exceptions toolbar buttons */
.securends .se-admin-audit-page .se-toolbar-actions .campaign_progress {
  display: inline-flex !important;
  align-items: center;
}

.securends .se-admin-audit-page .se-toolbar-actions input.AddAppBtn {
  width: auto !important;
  min-width: 0 !important;
  height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  line-height: 26px !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  color: var(--se-btn-fg, #fff) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  cursor: pointer;
}

.securends .se-admin-audit-page .se-toolbar-actions input.AddAppBtn:hover:not(:disabled) {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  color: var(--se-btn-fg, #fff) !important;
}

.securends .se-admin-audit-page .se-toolbar-actions input.AddAppBtn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* ==========================================================================
   Change Password (/changePassword) — ChangePassword.js
   Title-bar card + one form card: stacked label/input fields, password rules
   panel, Reset as the standard primary button at the end of the field column.
   ========================================================================== */
.securends .se-change-pwd-page {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

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

.securends .se-change-pwd-page > form {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 24px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  box-sizing: border-box !important;
  font-family: var(--se-sans) !important;
}

.securends .se-change-pwd-page > form > .row {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.securends .se-change-pwd-page > form > .row::before,
.securends .se-change-pwd-page > form > .row::after {
  display: none !important;
  content: none !important;
}

.securends .se-change-pwd-page > form > .row + .row {
  margin-top: 20px !important;
  gap: 16px !important;
}

.securends .se-change-pwd-page .updatePwd {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-change-pwd-page .updatePwd > .form-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-change-pwd-page .updatePwd > .form-group > [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-change-pwd-page .labelchange {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-sm, 13.5px) !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  color: var(--se-ink) !important;
}

.securends .se-change-pwd-page .updatePwd input.form-control {
  display: block !important;
  width: 100% !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  background: var(--se-input, var(--se-card)) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-sm, 13.5px) !important;
  color: var(--se-ink) !important;
}

.securends .se-change-pwd-page .updatePwd input.form-control::placeholder {
  color: var(--se-ink-3) !important;
  opacity: 1 !important;
}

.securends .se-change-pwd-page .updatePwd input.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-change-pwd-page .updatePwd .error {
  display: block !important;
  margin: 4px 0 0 0 !important;
  font-size: var(--se-t-xs, 12px) !important;
  color: var(--se-risk) !important;
}

.securends .se-change-pwd-page .updatePwd .error:empty {
  display: none !important;
}

.securends .se-change-pwd-page > form > .row + .row > .form-group {
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px !important;
  background: var(--se-raise) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-sizing: border-box !important;
  float: none !important;
}

.securends .se-change-pwd-page ul.list_type {
  margin: 0 !important;
  padding: 0 0 0 18px !important;
  list-style: disc !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-xs, 12px) !important;
  line-height: 1.5 !important;
  color: var(--se-ink-2) !important;
}

.securends .se-change-pwd-page ul.list_type > li {
  margin: 2px 0 !important;
  padding: 0 !important;
  color: var(--se-ink-2) !important;
}

.securends .se-change-pwd-page ul.list_type > li::marker {
  color: var(--se-ink-3) !important;
}

.securends .se-change-pwd-page .se-change-pwd-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-change-pwd-page .se-change-pwd-actions #changePassword_cancel {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 36px !important;
  min-width: 96px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: var(--se-r-sm, 8px) !important;
  font-family: var(--se-sans) !important;
  font-size: var(--se-t-sm, 13.5px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  float: none !important;
  position: static !important;
  cursor: pointer !important;
}

.securends .se-change-pwd-page .se-change-pwd-actions #changePassword_cancel:focus-visible {
  outline: 2px solid var(--se-brand) !important;
  outline-offset: 2px !important;
}

.securends .se-change-pwd-page .se-change-pwd-actions #changePassword_cancel:disabled {
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

.securends .se-change-pwd-page .se-change-pwd-actions .fa-spinner-icon,
.securends .se-change-pwd-page .se-change-pwd-actions .fa-spinner-icon i {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  color: var(--se-brand) !important;
}

/* Column-chooser icon sits in the header only; filter/body use the normal inset. */
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-filters .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-tbody .rt-tr > .rt-td:last-child {
  padding-right: 14px !important;
}

/* Fixed column widths leave spare row width after Description; let the last
   column absorb it (inline width stays the basis, so resize still works). */
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-header .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-thead.-filters .rt-tr > .rt-th:last-child,
.securends .se-admin-msg-tpl-page .messageTemplatesTable .rt-tbody .rt-tr > .rt-td:last-child {
  flex-grow: 1 !important;
  max-width: none !important;
}

/* ── Disable / Enable Workspace (Slack IM) — No button visibility ─────────
   Scoped only to this popup. Global `.se-modal-actions button` forces white
   text; `.custom__lg` keeps a light surface → "No" looked blank. */
html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions #campiagn_DeleteNo.custom__lg,
html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions button.se-im-workspace-no-btn,
html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions .se-im-workspace-no-btn,
.securends .se-im-workspace-status-modal .se-modal-actions #campiagn_DeleteNo.custom__lg,
.securends .se-im-workspace-status-modal .se-modal-actions .se-im-workspace-no-btn,
.se-im-workspace-status-modal .se-modal-actions #campiagn_DeleteNo.custom__lg,
.se-im-workspace-status-modal .se-modal-actions .se-im-workspace-no-btn {
  background: var(--se-card, #ffffff) !important;
  background-color: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #cbd5e1) !important;
  color: var(--se-ink, #0f172a) !important;
  -webkit-text-fill-color: var(--se-ink, #0f172a) !important;
  opacity: 1 !important;
  visibility: visible !important;
  box-shadow: none !important;
}

html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions #campiagn_DeleteNo.custom__lg:hover,
html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions .se-im-workspace-no-btn:hover,
.securends .se-im-workspace-status-modal .se-modal-actions #campiagn_DeleteNo.custom__lg:hover,
.se-im-workspace-status-modal .se-modal-actions .se-im-workspace-no-btn:hover {
  background: var(--se-page, #f8fafc) !important;
  background-color: var(--se-page, #f8fafc) !important;
  border-color: var(--se-brand-line, #94a3b8) !important;
  color: var(--se-ink, #0f172a) !important;
  -webkit-text-fill-color: var(--se-ink, #0f172a) !important;
}

html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg,
html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions button.se-im-workspace-yes-btn,
html[data-se-theme] .se-im-workspace-status-modal .se-modal-actions button#campaign_delete,
.securends .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg,
.securends .se-im-workspace-status-modal .se-modal-actions button.se-im-workspace-yes-btn,
.se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg,
.se-im-workspace-status-modal .se-modal-actions button#campaign_delete {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Dark mode: ice primary pair (light surface + dark label) — match admin tokens */
html[data-se-mode="dark"] .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg,
html[data-se-mode="dark"] .se-im-workspace-status-modal .se-modal-actions button.se-im-workspace-yes-btn,
html[data-se-mode="dark"] .se-im-workspace-status-modal .se-modal-actions button#campaign_delete,
html[data-theme="dark"] .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg,
html[data-theme="dark"] .se-im-workspace-status-modal .se-modal-actions button#campaign_delete,
html.dark .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg,
html.dark .se-im-workspace-status-modal .se-modal-actions button#campaign_delete {
  background: var(--se-btn-bg, #dbeafe) !important;
  background-color: var(--se-btn-bg, #dbeafe) !important;
  border: 1px solid var(--se-btn-bg, #dbeafe) !important;
  border-color: var(--se-btn-bg, #dbeafe) !important;
  color: var(--se-btn-fg, #1e293b) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #1e293b) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html[data-se-mode="dark"] .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg:hover,
html[data-se-mode="dark"] .se-im-workspace-status-modal .se-modal-actions button#campaign_delete:hover,
html[data-theme="dark"] .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg:hover,
html.dark .se-im-workspace-status-modal .se-modal-actions #campaign_delete.custom__pg:hover {
  background: var(--se-btn-bg-hover, #bfdbfe) !important;
  background-color: var(--se-btn-bg-hover, #bfdbfe) !important;
  border-color: var(--se-btn-bg-hover, #bfdbfe) !important;
  color: var(--se-btn-fg, #1e293b) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #1e293b) !important;
}
/* Access Request batch — Manage Access, Request Templates, My/All Requests,
   Delegation, Approval Details, Pending Approval Details.
   Wrapper: .se-ar-page on each root. Presentation only. */

/* ══════════════════════════════════════════════════════════════════════════
   § 1  Shared page wrapper
   ══════════════════════════════════════════════════════════════════════════ */

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

/* Closed bootstrap modals stay in the page DOM and were showing as an empty
   white card under My/All Requests and Request Details. */
.securends .se-ar-page .modal:not(.in):not(.show),
.se-ar-page .modal:not(.in):not(.show) {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.securends .se-ar-page .MuiCard-root:empty,
.se-ar-page .MuiCard-root:empty {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.securends .se-ar-page.approval-content > div > .MuiCard-root:last-child,
.securends .se-ar-page.approval-content > div > div:last-child > .MuiCard-root:last-child,
.securends .se-ar-page.MyRequestListContent .infinite-scroll-component > :last-child,
.securends .se-ar-page.MyRequestListContent > div > div:last-child {
  margin-bottom: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 2  Title bar — Grid.o-form-title-bar.scroll-header (card list pages)
   ══════════════════════════════════════════════════════════════════════════ */

.se-ar-page .scroll-header,
.se-ar-page .scroll-header.o-form-title-bar,
.securends .se-ar-page .scroll-header,
.securends .se-ar-page .scroll-header.o-form-title-bar {
  position: sticky !important;
  top: var(--se-sticky-top, var(--se-app-header)) !important;
  z-index: 8;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px);
  box-shadow: var(--se-shadow);
  padding: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  min-height: var(--se-page-toolbar, 52px);
  height: auto !important;
  width: 100% !important;
  box-sizing: border-box;
  text-align: left !important;
  left: auto !important;
  right: auto !important;
}

/* Title + Status + Type — one left cluster, even gaps, vertical center */
.securends .se-ar-page .scroll-header .se-ar-toolbar-start {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 12px 16px !important;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-ar-page .scroll-header .se-ar-toolbar-title {
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--se-t-page-head, 18px) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  line-height: 28px !important;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-ar-page .scroll-header .se-ar-toolbar-field {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: static !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  white-space: nowrap;
  line-height: 28px !important;
}

.securends .se-ar-page .scroll-header .se-ar-toolbar-field select,
.securends .se-ar-page .scroll-header .se-ar-toolbar-start select {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  vertical-align: middle;
}

/* Title text in scroll-header (legacy Grid title) */
.se-ar-page .scroll-header>.MuiGrid-item:first-child,
.securends .se-ar-page .scroll-header>.MuiGrid-item:first-child {
  font-size: var(--se-t-page-head, 18px) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  padding: 0 !important;
  flex: 0 0 auto;
}

/* Showing count — beat position: absolute */
.securends .se-ar-page .scroll-header .scroll-footer,
.securends .se-ar-page .scroll-header>div:has(.scroll-footer) {
  position: static !important;
  right: auto !important;
  margin-left: 0;
  float: none !important;
}

.securends .se-ar-page .scroll-footer {
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  padding: 0 4px !important;
  display: inline-flex !important;
  align-items: center;
  float: none !important;
  white-space: nowrap;
}

/* Filters + Showing on one right-aligned toolbar cluster
   Match My Requests: Showing, then Filters as the last control */
.securends .se-ar-page .scroll-header .se-ar-toolbar-end {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin-left: auto !important;
  flex: 0 0 auto;
  position: static !important;
  float: none !important;
}

.securends .se-ar-page .scroll-header .se-ar-toolbar-end .scroll-footer {
  margin: 0 !important;
  white-space: nowrap;
  color: var(--se-ink-2) !important;
  font-size: 12px !important;
}

.securends .se-ar-page .scroll-header .se-ar-toolbar-end .filter-container {
  display: inline-flex !important;
  justify-content: flex-end;
  align-items: center;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: auto !important;
}

.securends .se-ar-page .scroll-header .se-ar-toolbar-end .filter-button.scroll-filters {
  position: static !important;
  height: 32px !important;
  min-height: 32px !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;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Status/Type selects inside toolbar — beat float: right / position: relative */
.securends .se-ar-page .scroll-header>.MuiGrid-item:has(select) {
  display: flex !important;
  align-items: center;
  gap: 6px;
  position: static !important;
  float: none !important;
}

.securends .se-ar-page .scroll-header>.MuiGrid-item:has(select)>span {
  position: static !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  font-size: 12px !important;
  color: var(--se-ink-2) !important;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

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

/* ══════════════════════════════════════════════════════════════════════════
   § 3  Filter button / container — beat fixed / absolute positioning
   ══════════════════════════════════════════════════════════════════════════ */

.se-ar-page .filter-container,
.securends .se-ar-page .filter-container {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 10 !important;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
}

/* All Requests: Filters live in toolbar; restore normal header→donut spacing */
.securends .se-ar-page:has(.se-ar-donut-section) .scroll-header,
.securends .se-ar-page:has(.se-ar-donut-row) .scroll-header {
  margin-bottom: 12px !important;
}

.se-ar-page .scroll-filters,
.se-ar-page .filter-button.scroll-filters,
.securends .se-ar-page .scroll-filters,
.securends .se-ar-page .filter-button.scroll-filters {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: auto !important;
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  color: var(--se-ink, #0F172A) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  height: 32px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-transform: none !important;
  transition: all 0.15s ease-in-out !important;
}

.se-ar-page .filter-button.scroll-filters:hover,
.securends .se-ar-page .filter-button.scroll-filters:hover {
  background: var(--se-page, #F8FAFC) !important;
  border-color: var(--se-brand-line, #94A3B8) !important;
  color: var(--se-ink, #0F172A) !important;
  box-shadow: none !important;
}

/* Disable ripple animation on filter button click */
.filter-button .MuiTouchRipple-root,
.scroll-filters .MuiTouchRipple-root,
.securends .se-ar-page .MuiTouchRipple-root {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Portaled My / All Requests filter popover (Menu on body) */

/* Filters Menu portals a full-viewport Modal — root + backdrop must stay clear
   so the request list remains visible (especially in dark mode). */
html[data-se-theme] .filter-menu.MuiModal-root,
html[data-se-theme] .filter-menu.MuiMenu-root,
html[data-se-mode="dark"] .filter-menu.MuiModal-root,
html[data-se-mode="dark"] .filter-menu.MuiMenu-root,
.securends .filter-menu.MuiModal-root,
.filter-menu.MuiModal-root,
.filter-menu.MuiMenu-root {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-se-theme] .filter-menu.MuiModal-root > .MuiBackdrop-root,
html[data-se-theme] .filter-menu .MuiBackdrop-root,
.securends .filter-menu.MuiModal-root > .MuiBackdrop-root,
.securends .filter-menu .MuiBackdrop-root,
.filter-menu .MuiBackdrop-root,
.filter-menu.requestsScreenFilter .MuiBackdrop-root,
.filter-menu.requestsErrorScreenFilter .MuiBackdrop-root,
.filter-menu.approval-filter-menu .MuiBackdrop-root {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

html[data-se-theme] .filter-menu.requestsScreenFilter .MuiPaper-root,
html[data-se-theme] .filter-menu.requestsErrorScreenFilter .MuiPaper-root,
html[data-se-theme] .filter-menu .MuiPaper-root.se-ar-filter-paper,
html[data-se-theme] .filter-menu .MuiPaper-root,
.securends .filter-menu.requestsScreenFilter .MuiPaper-root,
.securends .filter-menu.requestsErrorScreenFilter .MuiPaper-root,
.securends .filter-menu .MuiPaper-root.se-ar-filter-paper,
.securends .filter-menu .MuiPaper-root {
  width: 240px !important;
  min-width: 240px !important;
  max-width: 240px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  padding: 14px 14px 12px !important;
  box-sizing: border-box !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-md) !important;
  color: var(--se-ink) !important;
  /* Anchor below Filters button — do not override MUI top/left */
  transform-origin: top right !important;
}

html[data-se-theme] .filter-menu .MuiList-root,
html[data-se-theme] .filter-menu .MuiList-padding,
.securends .filter-menu .MuiList-root,
.securends .filter-menu .MuiList-padding {
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .filter-menu .filter-content,
.securends .filter-menu .filter-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Field groups: neutralize legacy relative/bottom offset hacks */
html[data-se-theme] .filter-menu .filter-content > div,
.securends .filter-menu .filter-content > div {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .filter-menu .filter-content .search-bar,
.securends .filter-menu .filter-content .search-bar {
  width: 100% !important;
  max-width: 100% !important;
  height: 32px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 4px 10px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  font-size: 13px !important;
}

html[data-se-theme] .filter-menu .input-label,
html[data-se-theme] .filter-menu .input-label.myRequestsSearchIcon,
.securends .filter-menu .input-label,
.securends .filter-menu .input-label.myRequestsSearchIcon {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: block !important;
  width: 100% !important;
  margin: 0 0 6px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: var(--se-ink-2) !important;
  text-align: left !important;
  transform: none !important;
}

html[data-se-theme] .filter-menu .filter-item,
html[data-se-theme] .filter-menu .myRequestsSortBtn,
html[data-se-theme] .filter-menu .sortColumnNameErrorMessage,
html[data-se-theme] .filter-menu .sortColumnErrorMessage,
.securends .filter-menu .filter-item,
.securends .filter-menu .myRequestsSortBtn,
.securends .filter-menu .sortColumnNameErrorMessage,
.securends .filter-menu .sortColumnErrorMessage {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  margin: 0 !important;
  transform: none !important;
}

html[data-se-theme] .filter-menu .custom-select,
html[data-se-theme] .filter-menu .MuiInputBase-root,
.securends .filter-menu .custom-select,
.securends .filter-menu .MuiInputBase-root {
  width: 100% !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  box-sizing: border-box !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  /* no right padding on root — Select fills full width so caret clicks open the menu */
  padding: 0 !important;
  font-size: 13px !important;
  margin: 0 !important;
  /* relative required so .MuiSelect-icon (absolute) anchors inside the field */
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  overflow: visible !important;
}

html[data-se-theme] .filter-menu .MuiFormControl-root,
.securends .filter-menu .MuiFormControl-root {
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
}

html[data-se-theme] .filter-menu .MuiSelect-root,
html[data-se-theme] .filter-menu .MuiSelect-select,
html[data-se-theme] .filter-menu .MuiSelect-select:focus,
.securends .filter-menu .MuiSelect-root,
.securends .filter-menu .MuiSelect-select,
.securends .filter-menu .MuiSelect-select:focus {
  width: 100% !important;
  max-width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  padding: 0 28px 0 8px !important;
  text-align: left !important;
  cursor: pointer !important;
}

/* Dropdown caret — Search In / Sort / Sort By / Pagination
   pointer-events:none so clicks pass through to MuiSelect-select under the icon */
html[data-se-theme] .filter-menu .MuiSelect-icon,
html[data-se-theme] .filter-menu .MuiSvgIcon-root.MuiSelect-icon,
.securends .filter-menu .MuiSelect-icon,
.securends .filter-menu .MuiSvgIcon-root.MuiSelect-icon {
  position: absolute !important;
  right: 6px !important;
  top: calc(50% - 10px) !important;
  width: 20px !important;
  height: 20px !important;
  font-size: 20px !important;
  color: var(--se-ink-2, #64748B) !important;
  fill: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
  display: inline-block !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

/* Nested Select option menus (Search In / Sort / Sort By / Pagination) —
   open below the field; do not inherit filter-panel paper sizing */
html[data-se-theme] .MuiPaper-root.se-ar-filter-select-menu,
.securends .MuiPaper-root.se-ar-filter-select-menu,
.MuiPaper-root.se-ar-filter-select-menu {
  width: auto !important;
  min-width: 208px !important;
  max-width: 280px !important;
  height: auto !important;
  max-height: 240px !important;
  margin-top: 2px !important;
  padding: 4px 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  background: var(--se-card, #fff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r, 8px) !important;
  box-shadow: var(--se-shadow-md, 0 8px 24px rgba(15, 23, 42, 0.12)) !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .MuiPaper-root.se-ar-filter-select-menu .MuiMenuItem-root,
.securends .MuiPaper-root.se-ar-filter-select-menu .MuiMenuItem-root,
.MuiPaper-root.se-ar-filter-select-menu .MuiMenuItem-root,
.MuiPaper-root.se-ar-filter-select-menu .custom-menu-item {
  min-height: 32px !important;
  height: auto !important;
  padding: 6px 12px !important;
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
  color: var(--se-ink, #0F172A) !important;
  box-sizing: border-box !important;
}

html[data-se-theme] .filter-menu .MuiInput-underline:before,
html[data-se-theme] .filter-menu .MuiInput-underline:after,
.securends .filter-menu .MuiInput-underline:before,
.securends .filter-menu .MuiInput-underline:after {
  border-bottom: none !important;
}

html[data-se-theme] .filter-menu .filter-content>div:last-child,
.securends .filter-menu .filter-content>div:last-child {
  display: flex !important;
  flex-direction: row !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 8px !important;
  width: 100% !important;
  overflow: visible !important;
}

html[data-se-theme] .filter-menu .filterButtons,
.securends .filter-menu .filterButtons {
  width: auto !important;
  min-width: 72px !important;
  height: 28px !important;
  padding: 0 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  position: static !important;
  right: auto !important;
  left: auto !important;
  bottom: auto !important;
}

html[data-se-theme] .filter-menu .filter-content>div:last-child .filterButtons:first-child,
.securends .filter-menu .filter-content>div:last-child .filterButtons:first-child {
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  border: 1px solid var(--se-line) !important;
}

html[data-se-theme] .filter-menu .filter-content>div:last-child .filterButtons:last-child,
.securends .filter-menu .filter-content>div:last-child .filterButtons:last-child {
  background: var(--se-brand) !important;
  color: #fff !important;
  border: 1px solid var(--se-brand) !important;
}

html[data-se-theme] .filter-menu .filter-content>div:last-child .filterButtons:last-child:hover:not(:disabled),
.securends .filter-menu .filter-content>div:last-child .filterButtons:last-child:hover:not(:disabled) {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

html[data-se-theme] .filter-menu .filter-content>div:last-child .filterButtons:disabled,
.securends .filter-menu .filter-content>div:last-child .filterButtons:disabled {
  opacity: 0.5 !important;
}

html[data-se-theme] .filter-menu .myrequestsSearchErr,
html[data-se-theme] .filter-menu span[style*="color: red"] {
  color: var(--se-risk) !important;
  font-size: 12px !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 4  Card list items (MyRequests, AllRequests, etc.)
   ══════════════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════════════
   § 4  Card list items (MyRequests, AllRequests, etc.)
   ══════════════════════════════════════════════════════════════════════════ */

/* Reset CardContent inside any Card component or detail pages (where MyRequestListContent is absent) */
.se-ar-page .MuiCard-root .MuiCardContent-root,
.securends .se-ar-page .MuiCard-root .MuiCardContent-root,
.se-ar-page:not(.MyRequestListContent) .MuiCardContent-root,
.securends .se-ar-page:not(.MyRequestListContent) .MuiCardContent-root {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.se-ar-page .MuiCard-root .MuiCardContent-root:last-child,
.securends .se-ar-page .MuiCard-root .MuiCardContent-root:last-child,
.se-ar-page:not(.MyRequestListContent) .MuiCardContent-root:last-child,
.securends .se-ar-page:not(.MyRequestListContent) .MuiCardContent-root:last-child {
  padding-bottom: 16px !important;
  margin-bottom: 0 !important;
}

/* Standalone CardContent list items on /accessRequests & /myAccessRequests */
.se-ar-page.MyRequestListContent .MuiCardContent-root,
.securends .se-ar-page.MyRequestListContent .MuiCardContent-root,
.se-ar-page .infinite-scroll-component .MuiCardContent-root,
.securends .se-ar-page .infinite-scroll-component .MuiCardContent-root {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 16px 20px !important;
  margin: 0 0 12px 0 !important;
  transition: all 0.15s ease-in-out !important;
}

.se-ar-page.MyRequestListContent .MuiCardContent-root:hover,
.securends .se-ar-page.MyRequestListContent .MuiCardContent-root:hover,
.se-ar-page .infinite-scroll-component .MuiCardContent-root:hover,
.securends .se-ar-page .infinite-scroll-component .MuiCardContent-root:hover {
  border-color: var(--se-brand-line, #CBD5E1) !important;
  box-shadow: var(--se-shadow-md) !important;
}

/* List Page Toolbar Styling for /accessRequests & /myAccessRequests */
.se-ar-page.MyRequestListContent,
.securends .se-ar-page.MyRequestListContent {
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

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

.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header>.MuiGrid-item:first-of-type,
.securends .se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header>.MuiGrid-item:first-of-type {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink, #0F172A) !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header span[style*="float"],
.securends .se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header span[style*="float"] {
  position: static !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2, #64748B) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header select,
.securends .se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header select,
.securends .se-ar-page .scroll-header select,
.securends .se-ar-page #fstatus,
.se-ar-page select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: var(--se-card, #ffffff) !important;
  background-image: var(--se-select-caret, url(/build/assets/media/3ee5077622847646e44b.3ee50776.svg)) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 7px !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  color: var(--se-ink, #0F172A) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  height: 32px !important;
  padding: 0 24px 0 10px !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.15s ease-in-out !important;
}

.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header select:hover,
.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header select:focus {
  border-color: var(--se-brand, #17457E) !important;
}

.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header div[style*="absolute"],
.securends .se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header div[style*="absolute"] {
  position: absolute !important;
  right: 125px !important;
  top: 16px !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header .scroll-footer,
.securends .se-ar-page.MyRequestListContent .o-form-title-bar.scroll-header .scroll-footer {
  font-size: 13px !important;
  color: var(--se-ink-2, #64748B) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* Filter Button Container — positioned on the right of header toolbar card */
.se-ar-page.MyRequestListContent .filter-container,
.securends .se-ar-page.MyRequestListContent .filter-container,
html[data-se-theme] .se-ar-page.MyRequestListContent .filter-container {
  position: absolute !important;
  top: 10px !important;
  right: 16px !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  z-index: 20 !important;
  height: 32px !important;
}

/* Filters Button — styled like other standard filter buttons (White card background, subtle line, dark text) */
html[data-se-theme] .scroll-filters,
html[data-se-theme] .filter-button.scroll-filters,
.securends .scroll-filters,
.securends .filter-button.scroll-filters,
.se-ar-page .scroll-filters,
.se-ar-page .filter-button.scroll-filters {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 21 !important;
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  color: var(--se-ink, #0F172A) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out !important;
}

html[data-se-theme] .filter-button.scroll-filters:hover,
.securends .filter-button.scroll-filters:hover,
.se-ar-page .filter-button.scroll-filters:hover {
  background: var(--se-page, #F8FAFC) !important;
  border-color: var(--se-brand-line, #94A3B8) !important;
  color: var(--se-ink, #0F172A) !important;
  box-shadow: none !important;
}

.securends .se-ar-page .MuiTypography-body1,
.securends .se-ar-page .MuiTypography-body2 {
  color: var(--se-ink) !important;
  font-size: 13px !important;
}

.securends .se-ar-page .MuiTypography-body1 .req-id {
  color: var(--se-brand) !important;
}

/* 3-dots icon */
.securends .se-ar-page .moreHorizIcon {
  color: var(--se-ink-2) !important;
  font-size: 24px !important;
}

.securends .se-ar-page .moreHorizIcon:hover {
  color: var(--se-brand) !important;
}

/* Status buttons */
.securends .se-ar-page .my-req-status-btn.MuiButton-contained,
.securends .se-ar-page .myReqStatusBtn.MuiButton-contained {
  background: var(--se-brand) !important;
  color: #fff !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  font-size: 11px !important;
  height: 28px !important;
  padding: 0 12px !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.securends .se-ar-page .my-req-status-btn.MuiButton-outlined,
.securends .se-ar-page .myReqStatusBtn.MuiButton-outlined {
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink-2) !important;
  border-radius: var(--se-r) !important;
  font-size: 11px !important;
  height: 28px !important;
  padding: 0 12px !important;
  box-shadow: none !important;
  text-transform: none !important;
}

/* Request Details — Auto Approved / Approval Met must stay one line (beat 101px / 162%) */
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.autoApprovedAppBtn,
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.autoApprovedBtn,
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.approvalMetBtn,
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.approverMetBtn {
  width: auto !important;
  min-width: max-content !important;
  max-width: none !important;
  right: auto !important;
  white-space: nowrap !important;
}

.securends .se-ar-page.approval-content #requestDetailsBtnTypes.autoApprovedAppBtn .MuiButton-label,
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.autoApprovedBtn .MuiButton-label,
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.approvalMetBtn .MuiButton-label,
.securends .se-ar-page.approval-content #requestDetailsBtnTypes.approverMetBtn .MuiButton-label {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  white-space: nowrap !important;
}

.securends .se-ar-page .my-req-status-btn-red.MuiButton-contained,
.securends .se-ar-page .myReqStatusBtn-red.MuiButton-contained {
  background: var(--se-risk) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
}

/* Beat hardcoded background: #337ab7 on buttons */
.securends .se-ar-page .my-req-status-btn[style*="#337ab7"],
.securends .se-ar-page .MuiButton-contained[style*="#337ab7"] {
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
}

/* Dark: expand / collapse chevrons (MUI default rgba(0,0,0,.54) vanishes on dark cards) */
html[data-se-mode="dark"] .securends .se-ar-page .MuiExpansionPanelSummary-expandIcon,
html[data-se-mode="dark"] .securends .se-ar-page .MuiExpansionPanelSummary-expandIcon .MuiSvgIcon-root,
html[data-se-mode="dark"] .securends .se-ar-page .MuiCardContent-root .MuiIconButton-root,
html[data-se-mode="dark"] .securends .se-ar-page .MuiCardContent-root .MuiIconButton-root .MuiSvgIcon-root {
  color: var(--se-ink-2) !important;
  fill: currentColor !important;
}

html[data-se-mode="dark"] .securends .se-ar-page .MuiExpansionPanelSummary-expandIcon:hover,
html[data-se-mode="dark"] .securends .se-ar-page .MuiCardContent-root .MuiIconButton-root:hover {
  color: var(--se-ink) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

html[data-se-mode="dark"] .securends .se-ar-page .MuiExpansionPanelSummary-expandIcon:hover .MuiSvgIcon-root,
html[data-se-mode="dark"] .securends .se-ar-page .MuiCardContent-root .MuiIconButton-root:hover .MuiSvgIcon-root {
  color: var(--se-ink) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 5  Detail pages — MyAccessRequestDetails, AccessApprovalDetails,
        PendingApprovalDetails
   ══════════════════════════════════════════════════════════════════════════ */

/* Sticky Title Bar Card */
.se-ar-page.approval-content .o-form-title-bar,
.securends .se-ar-page.approval-content .o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  margin: 0 0 16px 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
}

/* Hide breadcrumb inside title bar */
.se-ar-page.approval-content .o-form-title-bar .strapi-pagename,
.securends .se-ar-page.approval-content .o-form-title-bar .strapi-pagename {
  display: none !important;
}

/* Title text item */
.se-ar-page.approval-content .o-form-title-bar>.MuiGrid-item,
.securends .se-ar-page.approval-content .o-form-title-bar>.MuiGrid-item {
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink, #0F172A) !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Action-button wrapper only — do NOT target every span (MuiButton-label /
   MuiTouchRipple-root need position:absolute; static breaks height → Reject All enlarges). */
.se-ar-page.approval-content .o-form-title-bar .MuiGrid-item[style*="contents"],
.se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns,
.se-ar-page.approval-content .o-form-title-bar span:has(> .MuiButton-root),
.securends .se-ar-page.approval-content .o-form-title-bar .MuiGrid-item[style*="contents"],
.securends .se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns,
.securends .se-ar-page.approval-content .o-form-title-bar span:has(> .MuiButton-root) {
  position: static !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Restore MUI button internals if any leftover title-bar span rule hits them */
.securends .se-ar-page.approval-content .o-form-title-bar .MuiButton-root > .MuiButton-label,
.securends .se-aa-page.approval-content .o-form-title-bar .MuiButton-root > .MuiButton-label {
  position: relative !important;
  display: inline-flex !important;
  margin: 0 !important;
  gap: 0 !important;
  float: none !important;
}

.securends .se-ar-page.approval-content .o-form-title-bar .MuiButton-root > .MuiTouchRipple-root,
.securends .se-aa-page.approval-content .o-form-title-bar .MuiButton-root > .MuiTouchRipple-root {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  float: none !important;
  pointer-events: none !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

/* All Requests list toolbar — do not push title/Status/Type with margin-left:auto */
.securends .se-ar-page.MyRequestListContent .scroll-header .se-ar-toolbar-start,
.securends .se-ar-page.MyRequestListContent .scroll-header .se-ar-toolbar-start span,
.securends .se-ar-page.approval-content.MyRequestListContent .o-form-title-bar .se-ar-toolbar-start,
.securends .se-ar-page.approval-content.MyRequestListContent .o-form-title-bar .se-ar-toolbar-start span {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.securends .se-ar-page.MyRequestListContent .scroll-header .se-ar-toolbar-start {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 12px 16px !important;
}

.securends .se-ar-page.MyRequestListContent .scroll-header .se-ar-toolbar-field {
  margin-left: 0 !important;
}

.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn + .my-req-status-btn,
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn + .my-req-status-btn {
  margin-left: 8px !important;
}

.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn.MuiButton-root,
.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn[style*="#337ab7"],
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn.MuiButton-root,
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn[style*="#337ab7"],
.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn-red.MuiButton-root,
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn-red.MuiButton-root {
  position: static !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-shadow: none !important;
  height: 32px !important;
  min-height: 32px !important;
  min-width: 76px !important;
  padding: 0 16px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  text-transform: none !important;
  transition: all 0.15s ease-in-out !important;
}

/* Default toolbar fill only for Save (not Approve/Reject/Back outlines) */
.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn.se-hdr-btn-save.MuiButton-root,
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn.se-hdr-btn-save.MuiButton-root {
  background: var(--se-brand, #17457E) !important;
  background-color: var(--se-brand, #17457E) !important;
  border: 1px solid var(--se-brand, #17457E) !important;
  color: #ffffff !important;
}

.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn.se-hdr-btn-save:hover:not(:disabled),
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn.se-hdr-btn-save:hover:not(:disabled) {
  background: var(--se-brand-hover, #10365F) !important;
  border-color: var(--se-brand-hover, #10365F) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.se-ar-page.approval-content .o-form-title-bar .my-req-status-btn:hover,
.securends .se-ar-page.approval-content .o-form-title-bar .my-req-status-btn:hover {
  box-shadow: none !important;
}

/* Request Details Back — solid primary like Campaign Preview Back */
html[data-se-theme] .securends .se-ar-page.approval-content .o-form-title-bar .MuiButton-root.my-req-status-btn.se-title-back-btn,
.securends .se-ar-page.approval-content .o-form-title-bar .MuiButton-root.my-req-status-btn.se-title-back-btn.se-title-back-btn {
  height: 28px !important;
  min-height: 28px !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  background-color: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
}

html[data-se-theme] .securends .se-ar-page.approval-content .o-form-title-bar .MuiButton-root.my-req-status-btn.se-title-back-btn:hover,
.securends .se-ar-page.approval-content .o-form-title-bar .MuiButton-root.my-req-status-btn.se-title-back-btn.se-title-back-btn:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
}

/* ── Flattening Nested Cards Hierarchy ── */

/* Level 1: Outer Top-Level Cards (Request Summary & Application Wrapper Cards) */
.se-ar-page.approval-content>div>.MuiCard-root,
.se-ar-page.approval-content>div>div>.MuiCard-root,
.securends .se-ar-page.approval-content>div>.MuiCard-root,
.securends .se-ar-page.approval-content>div>div>.MuiCard-root {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 16px 20px !important;
  margin-top: 16px !important;
}

/* Sub-cards with inline border:none or empty card wrappers */
.se-ar-page.approval-content .MuiCard-root[style*="border:none"],
.se-ar-page.approval-content .MuiCard-root[style*="border: none"],
.securends .se-ar-page.approval-content .MuiCard-root[style*="border:none"],
.securends .se-ar-page.approval-content .MuiCard-root[style*="border: none"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
}

/* Level 2: Approver Level Outer Container Cards (e.g. Approver Level 1 / Level 2 cards inside TemplateCard) */
.se-ar-page.approval-content .myRequestDetailsId+div .MuiCard-outlined,
.se-ar-page.approval-content .MuiCard-root .MuiCard-outlined,
.securends .se-ar-page.approval-content .myRequestDetailsId+div .MuiCard-outlined,
.securends .se-ar-page.approval-content .MuiCard-root .MuiCard-outlined {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 12px) !important;
  box-shadow: none !important;
  margin: 12px 0 !important;
  padding: 14px 16px !important;
}

/* Level 3: Individual Approver Rows (inside Approver Level card) & Entitlement items */
.se-ar-page.approval-content .myRequestDetailsId+div .MuiCard-outlined .MuiCard-outlined,
.se-ar-page.approval-content .MuiCardContent-root .MuiCardContent-root .MuiCard-outlined,
.se-ar-page.approval-content .MuiCard-outlined .MuiCard-outlined,
.securends .se-ar-page.approval-content .myRequestDetailsId+div .MuiCard-outlined .MuiCard-outlined,
.securends .se-ar-page.approval-content .MuiCardContent-root .MuiCardContent-root .MuiCard-outlined,
.securends .se-ar-page.approval-content .MuiCard-outlined .MuiCard-outlined {
  background: var(--se-page, #F8FAFC) !important;
  border: 1px solid var(--se-line-subtle, #E2E8F0) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin: 6px 0 !important;
  padding: 8px 12px !important;
  overflow: visible !important;
}

/* MUI Chip */
.se-ar-page .MuiChip-root,
.securends .se-ar-page .MuiChip-root {
  border-radius: var(--se-r-sm, 6px) !important;
  font-size: 11px !important;
  height: 24px !important;
  font-weight: 600 !important;
}

.se-ar-page .confirmation-status-chips-add,
.securends .se-ar-page .confirmation-status-chips-add {
  background: #DCFCE7 !important;
  color: #15803D !important;
}

.se-ar-page .confirmation-status-chips-remove,
.securends .se-ar-page .confirmation-status-chips-remove {
  background: #FEE2E2 !important;
  color: #B91C1C !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 6  Request Templates — ListOfRequestTemplate, Add/View/Update
   ══════════════════════════════════════════════════════════════════════════ */

/* Title bar: .row.manageApp > .o-form-title-bar */
.securends .se-policy-templates-page .row.manageApp {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 16px 0 !important;
}

.securends .se-ar-page .row.manageApp>.o-form-title-bar,
.securends .se-policy-templates-page .row.manageApp>.o-form-title-bar,
.securends .se-policy-templates-page .o-form-title-bar {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 10px 20px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  min-height: var(--se-page-toolbar, 52px) !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-policy-templates-page .strapi-pagename {
  display: none !important;
}

.securends .se-policy-templates-page .se-page-title-text {
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink) !important;
  margin-right: 4px !important;
  white-space: nowrap !important;
}

.securends .se-policy-templates-page .se-policy-templates-filters {
  display: inline-flex !important;
  align-items: center !important;
  gap: 16px !important;
  margin-left: 8px !important;
}

.securends .se-policy-templates-page .se-filter-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.securends .se-policy-templates-page .se-filter-label select.form-control,
.securends .se-policy-templates-page select#fstatus {
  border: 1px solid var(--se-line, #CBD5E1) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  height: 32px !important;
  padding: 0 28px 0 10px !important;
  color: var(--se-ink, #0F172A) !important;
  background-color: var(--se-card, #ffffff) !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 7px !important;
  font-family: var(--se-sans) !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  cursor: pointer !important;
  margin: 0 !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.securends .se-policy-templates-page .addButtonData {
  height: 32px !important;
  padding: 0 16px !important;
  line-height: 30px !important;
  border-radius: var(--se-r-sm, 8px) !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #ffffff !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out !important;
}

.securends .se-policy-templates-page .addButtonData:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #ffffff !important;
}

/* Add/View/Update header: .add-visibility-policy-header-row */
.securends .se-ar-page .add-visibility-policy-header-row {
  margin: 0 0 16px !important;
  width: 100% !important;
}

.securends .se-ar-page .add-visibility-policy-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 8px 16px !important;
  width: 100% !important;
  min-height: var(--se-page-toolbar, 56px) !important;
  height: var(--se-page-toolbar, 56px) !important;
  max-height: var(--se-page-toolbar, 56px) !important;
  box-sizing: border-box !important;
}

.securends .se-ar-page .add-visibility-policy-header-left {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  text-align: left !important;
  margin-right: auto !important;
}

.securends .se-ar-page .add-visibility-policy-header-left .strapi-pagename {
  display: none !important;
}

/* Nested title: strip kit card chrome; keep left-aligned like Policy Templates list */
.securends .se-ar-page .add-visibility-policy-header-left h2,
.securends .se-ar-page .add-visibility-policy-header-left h2.o-form-title-bar,
.securends .se-ar-page .add-visibility-policy-header-left .o-form-title-bar,
.securends .se-ar-page .add-visibility-policy-header-left div.o-form-title-bar,
.securends .se-ar-page .add-visibility-policy-header .o-form-title-bar,
.securends .se-ar-page .add-visibility-policy-header div.o-form-title-bar {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  width: auto !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  line-height: 1.25 !important;
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink) !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  z-index: auto !important;
  text-align: left !important;
  align-self: center !important;
}

.securends .se-ar-page .add-visibility-policy-header-left .se-page-title-text {
  display: block !important;
  text-align: left !important;
  font-family: var(--se-sans) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink) !important;
  white-space: nowrap !important;
}

.securends .se-ar-page .add-visibility-policy-header-right {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Back button — filled brand primary (same as toolbar tempaddselect / Entitlements Back) */
.securends .se-ar-page .campaign_progress,
.securends .se-ar-page .campaign_progress.add-visibility-policy-back,
.securends .se-ar-page .campaign_progress.update-policy-template-back {
  position: static !important;
  float: none !important;
  margin: 0 !important;
  top: auto !important;
}

.securends .se-ar-page .campaign_progress input.AddAppBtn,
.securends .se-ar-page .campaign_progress button.AddAppBtn,
.securends .se-ar-page .add-visibility-policy-header-right input.AddAppBtn,
.securends .se-ar-page .add-visibility-policy-header-right button.AddAppBtn,
.securends .se-ar-page .add-visibility-policy-header-right input,
.securends .se-ar-page .add-visibility-policy-header-right button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 72px !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 16px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  color: #ffffff !important;
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  text-transform: none !important;
  transition: all 0.15s ease-in-out !important;
}

.securends .se-ar-page .campaign_progress input.AddAppBtn:hover,
.securends .se-ar-page .campaign_progress button.AddAppBtn:hover,
.securends .se-ar-page .add-visibility-policy-header-right input.AddAppBtn:hover,
.securends .se-ar-page .add-visibility-policy-header-right button.AddAppBtn:hover,
.securends .se-ar-page .add-visibility-policy-header-right input:hover,
.securends .se-ar-page .add-visibility-policy-header-right button:hover {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #ffffff !important;
}

/* Policy / Scoping template Back — solid primary like Campaign Preview Back */
html[data-se-theme] .securends .se-ar-page .campaign_progress.add-visibility-policy-back input.AddAppBtn,
html[data-se-theme] .securends .se-ar-page .campaign_progress.update-policy-template-back input.AddAppBtn,
html[data-se-theme] .securends .se-ar-page .campaign_progress.se-policy-audit-back input.AddAppBtn,
.securends .se-ar-page .campaign_progress.add-visibility-policy-back input.AddAppBtn,
.securends .se-ar-page .campaign_progress.update-policy-template-back input.AddAppBtn,
.securends .se-ar-page .campaign_progress.se-policy-audit-back input.AddAppBtn {
  min-width: 0 !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: normal !important;
  background: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  background-color: var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand-fill, var(--se-brand))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
  border-radius: var(--se-r) !important;
}

html[data-se-theme] .securends .se-ar-page .campaign_progress.add-visibility-policy-back input.AddAppBtn:hover,
html[data-se-theme] .securends .se-ar-page .campaign_progress.update-policy-template-back input.AddAppBtn:hover,
html[data-se-theme] .securends .se-ar-page .campaign_progress.se-policy-audit-back input.AddAppBtn:hover,
.securends .se-ar-page .campaign_progress.add-visibility-policy-back input.AddAppBtn:hover,
.securends .se-ar-page .campaign_progress.update-policy-template-back input.AddAppBtn:hover,
.securends .se-ar-page .campaign_progress.se-policy-audit-back input.AddAppBtn:hover {
  background: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  background-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  border-color: var(--se-btn-bg-hover, var(--se-brand-fill-hover, var(--se-brand-hover))) !important;
  color: var(--se-btn-fg, #fff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #fff) !important;
}

html[data-se-theme] .campaign-audit-trail-export input.AddAppBtn,
.securends .campaign-audit-trail-export input.AddAppBtn,
.securends .se-ar-page .campaign-audit-trail-export input.AddAppBtn,
.securends .se-ar-page .campaign-audit-trail-export input.AddAppBtn[data-type="export"] {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
}

html[data-se-theme] .campaign-audit-trail-export input.AddAppBtn:hover,
.securends .campaign-audit-trail-export input.AddAppBtn:hover,
.securends .se-ar-page .campaign-audit-trail-export input.AddAppBtn:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

html[data-se-theme] .campaign-audit-trail-back input.AddAppBtn,
.securends .campaign-audit-trail-back input.AddAppBtn,
.securends .se-ar-page .campaign-audit-trail-back input.AddAppBtn {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  line-height: 26px !important;
  font-size: 12px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
}

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

/* Form container & clean box alignment */
.securends .se-ar-page .add-visibility-policy-form {
  margin-top: 16px !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
}

.securends .se-ar-page .add-visibility-policy-conditions-wrap {
  width: 100% !important;
  padding: 0 15px !important;
  margin: 0 !important;
}

/* View Scoping Policy only — match View Policy Template spacing under Name/Description */
.securends .se-ar-page.se-view-scoping-policy-page .add-visibility-policy-form > .col-md-6 .form-group {
  margin-bottom: 16px !important;
}

.securends .se-ar-page.se-view-scoping-policy-page .add-visibility-policy-conditions-wrap {
  margin-top: 20px !important;
}

/* Name / Description — equal columns, shared baseline */
.securends .se-ar-page .add-visibility-policy-form > .col-md-6 {
  float: none !important;
  display: flex !important;
  flex-direction: column !important;
  box-sizing: border-box !important;
}

.securends .se-ar-page .add-visibility-policy-form > .col-md-6 .form-group,
.securends .se-ar-page .add-visibility-policy-form > .col-md-6.add-visibility-policy-desc-field .form-group {
  width: 100% !important;
  margin-bottom: 12px !important;
}

.securends .se-ar-page .add-visibility-policy-form label {
  font-family: var(--se-sans) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: var(--se-ink-2) !important;
  margin-bottom: 4px !important;
  display: block !important;
  line-height: 1.3 !important;
  min-height: 16px !important;
}

.securends .se-ar-page .add-visibility-policy-form input.form-control,
.securends .se-ar-page .add-visibility-policy-form select.form-control {
  height: 34px !important;
  width: 100% !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  background-color: var(--se-card, #ffffff) !important;
  color: var(--se-ink, #0F172A) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  padding: 0 12px !important;
  outline: none !important;
  box-sizing: border-box !important;
  transition: border-color 0.15s ease-in-out !important;
}

.securends .se-ar-page .add-visibility-policy-form select.form-control {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: var(--se-select-caret) !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 10px 7px !important;
  padding-right: 28px !important;
  cursor: pointer !important;
}

.securends .se-ar-page .add-visibility-policy-form input.form-control:focus,
.securends .se-ar-page .add-visibility-policy-form select.form-control:focus {
  border-color: var(--se-brand) !important;
}

.securends .se-ar-page .add-visibility-policy-form .form-group {
  margin-bottom: 12px !important;
}

/* Form cards — flush width, 14px radius, compact padding */
.securends .se-ar-page .add-visibility-policy-form .card.sor-header,
.securends .se-ar-page .add-visibility-policy-conditions-card,
.securends .se-ar-page .add-visibility-policy-choose-access-card,
.securends .se-ar-page .add-visibility-policy-catalog-card {
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  border-radius: var(--se-r-card, 14px) !important;
  background: var(--se-card, #ffffff) !important;
  box-shadow: var(--se-shadow) !important;
  overflow: hidden !important;
}

/* Keep AND button clear of Conditions card border (do not clip into radius) */
.securends .se-ar-page .add-visibility-policy-conditions-card {
  overflow: visible !important;
}

.securends .se-ar-page .add-visibility-policy-conditions-card > .card-body {
  overflow: visible !important;
  padding: 12px 16px 16px !important;
}

.securends .se-ar-page .add-visibility-policy-form .card-header {
  background: var(--se-page, #F8FAFC) !important;
  border-bottom: 1px solid var(--se-line, #E2E8F0) !important;
  padding: 10px 16px !important;
  color: var(--se-ink, #0F172A) !important;
  font-family: var(--se-sans) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
}

.securends .se-ar-page .add-visibility-policy-form .card-body {
  background: var(--se-card, #ffffff) !important;
  padding: 10px 15px !important;
}

.securends .se-ar-page .add-visibility-policy-actions-row {
  margin: 8px 0 0 0 !important;
  padding: 0 15px !important;
  width: 100% !important;
  float: none !important;
}

/* Nested condition group cards inside Conditions */
.securends .se-ar-page .add-visibility-policy-conditions-card .card.sor-header {
  margin: 0 0 12px 0 !important;
  overflow: hidden !important;
}

/* AND row — clear bootstrap float / col padding so it does not sit on the border */
.securends .se-ar-page .add-visibility-policy-and-row,
.securends .se-ar-page .add-visibility-policy-form .col-md-12:has(> .addLevelBtn),
.securends .se-ar-page .add-visibility-policy-conditions-card .col-md-12:has(> .addLevelBtn) {
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  box-sizing: border-box !important;
}

/* Save button at bottom */
.securends .se-ar-page .submit-button,
.securends .se-ar-page button#templatesave {
  margin: 0 !important;
  height: 36px !important;
  padding: 0 24px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out !important;
}

.securends .se-ar-page .submit-button:hover,
.securends .se-ar-page button#templatesave:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #ffffff !important;
}

/* View template read-only fields (.lmView) */
.securends .se-ar-page .lmView {
  background: var(--se-bg) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  padding: 8px 12px !important;
  color: var(--se-ink) !important;
  font-size: 13px !important;
}

/* Condition row buttons & icons */
.securends .se-ar-page .ApproverAddButton {
  color: var(--se-brand) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  cursor: pointer !important;
}

.securends .se-ar-page .addLevelBtn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-width: 64px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  background: var(--se-brand-tint, #E6F7F6) !important;
  border: 1px solid var(--se-brand, #48BEB4) !important;
  color: var(--se-brand) !important;
  font-family: var(--se-sans) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  border-radius: var(--se-r-sm, 8px) !important;
  box-shadow: none !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  transition: all 0.15s ease-in-out !important;
}

.securends .se-ar-page .addLevelBtn:hover {
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
  color: #ffffff !important;
}

.securends .se-ar-page .AttrDeleteBtn,
.securends .se-ar-page .hierachyDeleteBtn {
  color: var(--se-risk, #EF4444) !important;
  font-size: 15px !important;
  cursor: pointer !important;
  transition: color 0.15s ease-in-out !important;
}

.securends .se-ar-page .AttrDeleteBtn:hover,
.securends .se-ar-page .hierachyDeleteBtn:hover {
  color: #B91C1C !important;
}

/* Condition rows: align OR / delete with form-control baseline (not form-group margin) */
.securends .se-ar-page .add-visibility-policy-condition-row .form-group {
  margin-bottom: 0 !important;
}

.securends .se-ar-page .add-visibility-policy-condition-row > .col-md-1 {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  float: none !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
}

.securends .se-ar-page .add-visibility-policy-condition-row .AttrDeleteBtn,
.securends .se-ar-page .add-visibility-policy-condition-row .ApproverAddButton {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 0 !important;
  margin-right: 8px !important;
  height: 38px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
}

/* Between-group AND + hierarchy delete */
.securends .se-ar-page .add-visibility-policy-group-and-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 8px 0 4px 0 !important;
  padding: 0 15px !important;
  box-sizing: border-box !important;
}

.securends .se-ar-page .add-visibility-policy-group-and-row > .col-md-2,
.securends .se-ar-page .add-visibility-policy-group-and-row > div {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  bottom: auto !important;
}

.securends .se-ar-page .add-visibility-policy-group-and-row h6 {
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  line-height: 1.2 !important;
}

.securends .se-ar-page .add-visibility-policy-group-and-row .hierachyDeleteBtn {
  position: static !important;
  top: auto !important;
  float: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  width: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Choose Access tiles — kit MUI card border/bg */
.securends .se-ar-page .MuiPaper-root.MuiCard-root.se-vp-choose-access-card {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  background: var(--se-card) !important;
}

.securends .se-ar-page .MuiPaper-root.MuiCard-root.se-vp-choose-access-card[class*="selectedCard"] {
  border: 2px solid var(--se-brand) !important;
  background: var(--se-brand-tint) !important;
  box-shadow: var(--se-shadow) !important;
}

.securends .se-ar-page .MuiPaper-root.MuiCard-root.se-vp-choose-access-card[class*="selectedCard"]>*,
.securends .se-ar-page .MuiPaper-root.MuiCard-root.se-vp-choose-access-card[class*="selectedCard"] .MuiCardContent-root,
.securends .se-ar-page .se-vp-choose-access-card[class*="selectedCard"] [class*="iconContainer"],
.securends .se-ar-page .se-vp-choose-access-card[class*="selectedCard"] [class*="selectedCardIcon"] {
  background: var(--se-brand-tint) !important;
  background-color: var(--se-brand-tint) !important;
}

.securends .se-ar-page .se-vp-choose-access-card[class*="selectedCard"] [class*="iconContainer"] {
  align-self: stretch;
  display: flex;
  align-items: center;
}

.securends .se-ar-page .se-vp-choose-access-card .MuiSvgIcon-root {
  color: var(--se-brand) !important;
  fill: var(--se-brand) !important;
}

.securends .se-ar-page .se-vp-choose-access-card .MuiTypography-subtitle2 {
  color: var(--se-ink) !important;
}

.securends .se-ar-page .se-vp-choose-access-card[class*="selectedCard"] .MuiTypography-subtitle2 {
  color: var(--se-brand) !important;
}

.securends .se-ar-page .se-vp-choose-access-card .MuiTypography-body2 {
  color: var(--se-ink-2) !important;
}

.securends .se-ar-page .se-vp-choose-access-card [class*="selectedCardIcon"] {
  background-color: var(--se-brand-tint) !important;
  border-radius: 6px;
}

/* Load More Applications — full row under grid, theme primary */
.securends .se-ar-page .catalog-container .appication-card-container>.row {
  grid-column: 1 / -1 !important;
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  flex-wrap: wrap;
  margin: 8px 0 0 !important;
  float: none !important;
}

.securends .se-ar-page .catalog-container .appication-card-container button#templatesave {
  width: auto !important;
  min-width: 180px !important;
  height: 36px !important;
  padding: 6px 20px !important;
  margin: 8px auto 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #fff !important;
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow) !important;
  text-transform: none !important;
}

.securends .se-ar-page .catalog-container .appication-card-container button#templatesave:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

/* Application catalog labels — one line + ellipsis; full name via title hover */
.securends .se-ar-page .catalog-container .appication-card-container .card>div,
.securends .se-ar-page .catalog-container .appication-card-container .card .MuiTypography-root {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.securends .se-ar-page .catalog-container .appication-card-container .card p,
.securends .se-ar-page .catalog-container .appication-card-container .card .se-app-card-name {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: normal !important;
  min-height: 0 !important;
  line-height: 1.3 !important;
  text-align: center !important;
  color: var(--se-ink) !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 7  Delegation — AccessRequestDelegate + DelegationViewAuditTrail
   ══════════════════════════════════════════════════════════════════════════ */

/* Sticky header — same compact toolbar height as All Requests (.scroll-header).
   Nested h2.o-form-title-bar must not inherit kit card min-height (double height). */
.securends .se-ar-page .campaign-audit-trail-header-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  position: sticky !important;
  top: var(--se-sticky-top, var(--se-app-header)) !important;
  z-index: 8;
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

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

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

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

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

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

.securends .se-ar-page .campaign-audit-trail-header-right .CreateCampaign,
.securends .se-ar-page .campaign-audit-trail-header-right .button_alignment,
.securends .se-ar-page .campaign-audit-trail-header-right .AddAppBtn {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  align-self: center !important;
}

.securends .se-ar-page .se-policy-template-audit-name {
  margin-left: -15px;
  padding-left: 20px;
  box-sizing: border-box;
}

/* PolicyTemplateViewAuditTrail — beat inline width: 1272px and top: 50px */
.securends .se-ar-page>div>div[style*="1272px"],
.securends .se-ar-page>div>div[style*="top: 50px"] {
  width: 100% !important;
  position: sticky !important;
  top: var(--se-app-header) !important;
}

/* --------------------------------------------------------------------------
   Policy Template Audit Trail — Jira-style table (this screen only)
   Header / filter / body share one flex track so columns stay aligned.
   Horizontal overflow → scroll; seTableFreeze freezes Action + User.
   -------------------------------------------------------------------------- */
.securends .se-policy-template-audit-page .col-md-12.campaignList.Table {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
}

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

.securends .se-policy-template-audit-page .se-policy-template-audit-name {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
}

.securends .se-policy-template-audit-page .se-policy-template-audit-name b {
  color: var(--se-ink) !important;
  font-weight: 600 !important;
}

.securends .se-policy-template-audit-page .listofCampTable.ReactTable,
.securends .se-policy-template-audit-page .ReactTable.listofCampTable,
.securends .se-policy-template-audit-page .se-policy-template-audit-table.ReactTable {
  width: 100% !important;
  max-width: 100% !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-table {
  width: 100% !important;
  min-width: 100% !important;
  max-height: var(--se-table-max-h) !important;
  overflow: auto !important;
  background: var(--se-card) !important;
}

.securends .se-policy-template-audit-page .listofCampTable.se-table-col-overflow .rt-table {
  min-width: max-content !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters {
  position: sticky !important;
  z-index: 5 !important;
  background: var(--se-table-header-bg, var(--se-card)) !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header {
  top: 0 !important;
  height: var(--se-table-colhead) !important;
  min-height: var(--se-table-colhead) !important;
  max-height: var(--se-table-colhead) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters {
  top: var(--se-table-colhead) !important;
  z-index: 4 !important;
  height: var(--se-table-filter-h) !important;
  min-height: var(--se-table-filter-h) !important;
  max-height: var(--se-table-filter-h) !important;
  background: var(--se-card) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead .rt-tr,
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-tr {
  display: flex !important;
  width: 100% !important;
  min-width: 100% !important;
  box-sizing: border-box !important;
}

.securends .se-policy-template-audit-page .listofCampTable.se-table-col-overflow .rt-thead .rt-tr,
.securends .se-policy-template-audit-page .listofCampTable.se-table-col-overflow .rt-tbody .rt-tr {
  width: max-content !important;
  min-width: 100% !important;
}

/* Shared flex track — beat column maxWidth / inline bg that desync header vs body */
.securends .se-policy-template-audit-page .listofCampTable .rt-th,
.securends .se-policy-template-audit-page .listofCampTable .rt-td {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  background: var(--se-card) !important;
  border-right: 1px solid var(--se-table-line, var(--se-line)) !important;
  padding: 8px 12px !important;
  font-family: var(--se-sans) !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
  overflow: hidden !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-th:last-child,
.securends .se-policy-template-audit-page .listofCampTable .rt-td:last-child {
  border-right: none !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th {
  display: flex !important;
  align-items: center !important;
  height: var(--se-table-colhead) !important;
  padding: 0 12px !important;
  background: var(--se-table-header-bg) !important;
  font-weight: 600 !important;
  font-size: 11px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--se-ink-2) !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th .rt-resizable-header-content,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th .rt-resizable-header-content > div:not(.rt-resizer) {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font: inherit !important;
  color: inherit !important;
  line-height: 1.2 !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th {
  display: flex !important;
  align-items: center !important;
  padding: 4px 8px !important;
  background: var(--se-card) !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td {
  align-items: center !important;
  min-height: 40px !important;
  line-height: 1.35 !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-tr:hover .rt-td {
  background: var(--se-table-hover, var(--se-page)) !important;
}

/* Action | User | Date | Description | From | To */
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(1),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(1),
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(1) {
  flex: 0 0 110px !important;
  min-width: 110px !important;
  max-width: 110px !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(2),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(2),
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(2) {
  flex: 0 0 200px !important;
  min-width: 200px !important;
  max-width: 200px !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(3),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(3),
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(3) {
  flex: 0 0 170px !important;
  min-width: 170px !important;
  max-width: 170px !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(4),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(4),
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(4) {
  flex: 1 1 240px !important;
  min-width: 220px !important;
  max-width: none !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(5),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(5),
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(5),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-header .rt-th:nth-child(6),
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(6),
.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td:nth-child(6) {
  flex: 1 1 160px !important;
  min-width: 140px !important;
  max-width: none !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th input,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th .form-control,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th .react-datepicker-wrapper,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th .react-datepicker__input-container,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th .campaignList {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th input,
.securends .se-policy-template-audit-page .listofCampTable .rt-thead.-filters .rt-th .form-control {
  height: 28px !important;
  border-radius: var(--se-r-sm, 8px) !important;
  border: 1px solid var(--se-line) !important;
  background: var(--se-page) !important;
  font-size: 12px !important;
  padding: 0 8px !important;
}

.securends .se-policy-template-audit-page .listofCampTable .rt-tbody .rt-td > div {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
}

.securends .se-policy-template-audit-page .listofCampTable .pagination-bottom {
  border-top: 1px solid var(--se-line) !important;
  padding: 8px 4px !important;
  background: var(--se-card) !important;
  position: relative;
  z-index: 1;
}

/* Date filter calendar — prefer body portal; in-tree fallback when few rows */
.securends .se-policy-template-audit-page .CampaignTable:has(.react-datepicker-popper),
.securends .se-policy-template-audit-page .listofCampTable.ReactTable:has(.react-datepicker-popper) {
  overflow: visible !important;
}

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

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

/* ══════════════════════════════════════════════════════════════════════════
   § 8  Donuts in All Requests — compact + collapsible (handlers unchanged)
   ══════════════════════════════════════════════════════════════════════════ */

.securends .se-ar-page .se-ar-donut-section {
  margin: 0 0 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  overflow: hidden;
}

.securends .se-ar-page .se-ar-donut-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid var(--se-line);
  background: var(--se-card);
  color: var(--se-ink);
  font-family: var(--se-sans);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  text-align: left;
  box-shadow: none;
}

.securends .se-ar-page .se-ar-donut-section.is-collapsed .se-ar-donut-toggle {
  border-bottom: 0;
}

.securends .se-ar-page .se-ar-donut-toggle:hover,
.securends .se-ar-page .se-ar-donut-toggle:focus {
  background: var(--se-page);
  outline: none;
}

.securends .se-ar-page .se-ar-donut-toggle:focus-visible {
  box-shadow: inset 0 0 0 2px var(--se-brand-tint);
}

.securends .se-ar-page .se-ar-donut-toggle-title {
  flex: 1 1 auto;
  min-width: 0;
}

.securends .se-ar-page .se-ar-donut-chevron {
  flex: 0 0 auto;
  color: var(--se-ink-2);
  font-size: 12px;
}

.securends .se-ar-page .se-ar-donut-body {
  padding: 10px 12px 12px;
}

.securends .se-ar-page .se-ar-donut-body[hidden] {
  display: none !important;
}

.securends .se-ar-page .se-ar-donut-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0;
  align-items: stretch;
}

.securends .se-ar-page .se-ar-donut-row .se-dashboard-panel.se-donut-panel {
  min-height: 0;
  height: auto;
  display: flex;
  flex-direction: column;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  overflow: hidden;
  transition: box-shadow var(--se-ease), border-color var(--se-ease);
}

.securends .se-ar-page .se-ar-donut-row .se-dashboard-panel.se-donut-panel:hover {
  box-shadow: var(--se-shadow) !important;
  border-color: var(--se-brand-line) !important;
}

.securends .se-ar-page .se-ar-donut-row .se-donut-title.MuiTypography-root,
.securends .se-ar-page .se-ar-donut-row .se-donut-title {
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  margin: 0 0 2px !important;
  line-height: 1.2 !important;
  flex: 0 0 auto;
}

.securends .se-ar-page .se-ar-donut-row .se-donut-wrap {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: 140px;
  min-height: 140px;
  max-height: 140px;
  min-width: 0;
  margin-top: 0;
}

.securends .se-ar-page .se-ar-donut-row .se-donut-empty {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  font-size: 12px;
  color: var(--se-ink-3);
}

.securends .se-ar-page .se-ar-donut-row .se-donut-card-body.MuiCardContent-root,
.securends .se-ar-page .se-ar-donut-row .se-donut-card-body.MuiCardContent-root:last-child {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  min-height: 0 !important;
  height: 100%;
  padding: 8px 10px 6px !important;
  box-sizing: border-box;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* Mindmap icon — theme brand (beat fixed blue stroke) */
.securends .se-ar-page .all-req-map {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: var(--se-brand) !important;
  cursor: pointer;
  margin-top: 0 !important;
  vertical-align: middle;
}

.securends .se-ar-page .all-req-map:hover,
.securends .se-ar-page .all-req-map:focus {
  color: var(--se-brand-hover) !important;
}

.securends .se-ar-page .all-req-map svg {
  width: 20px;
  height: 20px;
  margin-left: 8px !important;
  stroke: currentColor !important;
  color: inherit !important;
}

@media (max-width: 768px) {
  .securends .se-ar-page .se-ar-donut-row {
    grid-template-columns: 1fr;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   § 9  No data alert
   ══════════════════════════════════════════════════════════════════════════ */

.securends .se-ar-page .alert-info {
  background: var(--se-brand-tint) !important;
  border: 1px solid var(--se-brand-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
  margin: 0 0 12px !important;
}

.securends .se-request-access-page .alert.alert-danger,
.securends .se-request-access-page .alert.alert-danger.fade.show {
  background: var(--se-risk-tint) !important;
  border: 1px solid var(--se-risk) !important;
  color: var(--se-risk) !important;
  border-radius: var(--se-r) !important;
}

.securends .se-request-access-page .alert.alert-danger p,
.securends .se-request-access-page .alert.alert-danger div {
  color: inherit !important;
  background: transparent !important;
  margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 10  OtherRequestAccess — /request-access
   ══════════════════════════════════════════════════════════════════════════ */

.securends .se-ar-page .OthersRequestAccess {
  padding: 16px 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   § 11  Responsive
   ══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {
  .securends .se-ar-page .scroll-header {
    flex-wrap: wrap;
    gap: 8px;
  }

  .securends .se-ar-page .campaign-audit-trail-header,
  .securends .se-ar-page .add-visibility-policy-header {
    flex-wrap: wrap;
  }

  .securends .se-ar-page.approval-content .o-form-title-bar {
    flex-wrap: wrap;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   § 12  Manage Access flow (/manageAccess) — stepper, access-type cards,
         react-select, theme icons, application catalog
         Wrapper: .se-request-access-page (RequestAccessFlow.js)
   ══════════════════════════════════════════════════════════════════════════ */

/* Toolbar: title + Previous/Next on row 1; stepper on row 2 (in-page, not fixed) */
.securends .se-request-access-page .se-ra-toolbar.manageApp {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 10px 16px !important;
  margin: 0 0 16px !important;
  width: 100% !important;
  box-sizing: border-box;
  gap: 8px;
}

.securends .se-request-access-page .se-ra-toolbar .o-form-title-bar.se-ra-title-row,
.securends .se-request-access-page .se-ra-toolbar .se-ra-title-row {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 32px;
  height: auto !important;
}

.securends .se-request-access-page .se-ra-toolbar .se-ra-title-row>.MuiGrid-item:first-child {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: none !important;
  overflow: hidden;
  align-items: center;
}

.securends .se-request-access-page .se-ra-toolbar h2.o-form-title-bar {
  display: block !important;
  font-size: var(--se-t-page-head) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: auto !important;
  max-width: 100%;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  position: static !important;
}

/*
 * Beat pickels: .catalog-container .MuiStepper-horizontal { position: fixed; width: 84%; z-index: 999 }
 * Stepper must stay in document flow inside the page card — never overlay title or Next.
 */
.securends .se-request-access-page .MuiStepper-root,
.securends .se-request-access-page .MuiStepper-horizontal,
.securends .catalog-container.se-request-access-page .MuiStepper-horizontal,
.securends .se-request-access-page .se-ra-stepper.MuiStepper-root,
.securends .se-request-access-page .se-ra-stepper.MuiStepper-horizontal {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: auto !important;
  flex: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 8px 0 4px !important;
  background: transparent !important;
  overflow: visible !important;
  box-sizing: border-box;
}

.securends .se-request-access-page .MuiStep-root {
  padding-left: 4px !important;
  padding-right: 4px !important;
  flex: 1 1 0;
  min-width: 0;
}

.securends .se-request-access-page .MuiStepLabel-root {
  max-width: 100%;
}

.securends .se-request-access-page .MuiStepLabel-label {
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  color: var(--se-ink-2) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 140px;
}

.securends .se-request-access-page .MuiStepLabel-label.MuiStepLabel-active,
.securends .se-request-access-page .MuiStepLabel-label.MuiStepLabel-completed {
  color: var(--se-brand) !important;
  font-weight: 600 !important;
}

.securends .se-request-access-page .MuiStepIcon-root {
  color: var(--se-line) !important;
}

.securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-active,
.securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-completed {
  color: var(--se-brand) !important;
}

.securends .se-request-access-page .se-ra-nav {
  position: static !important;
  flex: 0 0 auto !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
  z-index: 2;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
}

html[data-se-theme] .se-request-access-page .MuiButton-containedPrimary.my-req-status-btn,
.securends .se-request-access-page .MuiButton-containedPrimary.my-req-status-btn {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
  color: #fff !important;
}

html[data-se-theme] .se-request-access-page .MuiButton-containedPrimary.my-req-status-btn:hover,
.securends .se-request-access-page .MuiButton-containedPrimary.my-req-status-btn:hover {
  background: var(--se-brand-hover) !important;
  background-color: var(--se-brand-hover) !important;
}

html[data-se-theme] .se-request-access-page .MuiButton-containedSecondary.my-req-status-btn,
.securends .se-request-access-page .MuiButton-containedSecondary.my-req-status-btn {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  color: var(--se-ink) !important;
  box-shadow: none !important;
}

html[data-se-theme] .se-request-access-page .MuiStepIcon-root.MuiStepIcon-active,
html[data-se-theme] .se-request-access-page .MuiStepIcon-root.MuiStepIcon-completed,
.securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-active,
.securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-completed {
  color: var(--se-brand) !important;
}

/* --------------------------------------------------------------------------
   /manageAccess dark mode — ice plate buttons + readable step circles
   (MUI StepIcon text defaults to #fff; on ice brand that reads as a blank disk.)
   -------------------------------------------------------------------------- */

html[data-se-mode="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained,
html[data-se-mode="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-containedPrimary,
html[data-se-mode="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-containedSecondary,
html[data-se-mode="dark"] .securends .se-request-access-page .MuiButton-containedPrimary.my-req-status-btn,
html[data-se-mode="dark"] .securends .se-request-access-page .MuiButton-containedSecondary.my-req-status-btn,
html[data-theme="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained,
html.dark .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained {
  background: var(--se-btn-bg, #dbeafe) !important;
  background-color: var(--se-btn-bg, #dbeafe) !important;
  border: 1px solid var(--se-btn-bg, #dbeafe) !important;
  border-color: var(--se-btn-bg, #dbeafe) !important;
  color: var(--se-btn-fg, #333333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333333) !important;
  box-shadow: none !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained:hover:not(:disabled),
html[data-se-mode="dark"] .securends .se-request-access-page .MuiButton-containedPrimary.my-req-status-btn:hover:not(:disabled),
html[data-se-mode="dark"] .securends .se-request-access-page .MuiButton-containedSecondary.my-req-status-btn:hover:not(:disabled),
html[data-theme="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained:hover:not(:disabled),
html.dark .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained:hover:not(:disabled) {
  background: var(--se-btn-bg-hover, #bfdbfe) !important;
  background-color: var(--se-btn-bg-hover, #bfdbfe) !important;
  border-color: var(--se-btn-bg-hover, #bfdbfe) !important;
  color: var(--se-btn-fg, #333333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333333) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained:disabled,
html[data-se-mode="dark"] .securends .se-request-access-page .MuiButton-contained.my-req-status-btn.Mui-disabled,
html[data-theme="dark"] .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained:disabled,
html.dark .securends .se-request-access-page .se-ra-nav .my-req-status-btn.MuiButton-contained:disabled {
  background: var(--se-raise, #151e2e) !important;
  background-color: var(--se-raise, #151e2e) !important;
  border: 1px solid var(--se-line, #263348) !important;
  color: var(--se-ink-3, #6f7b8f) !important;
  -webkit-text-fill-color: var(--se-ink-3, #6f7b8f) !important;
  opacity: 1 !important;
}

/* Step circles — ice fill + dark numeral (not white-on-ice blank disks) */
html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepIcon-root,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepIcon-root,
html.dark .securends .se-request-access-page .MuiStepIcon-root {
  color: var(--se-ink-3, #6f7b8f) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-active,
html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-completed,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-active,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-completed,
html.dark .securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-active,
html.dark .securends .se-request-access-page .MuiStepIcon-root.MuiStepIcon-completed {
  color: var(--se-btn-bg, #dbeafe) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepIcon-text,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepIcon-text,
html.dark .securends .se-request-access-page .MuiStepIcon-text {
  fill: var(--se-btn-fg, #333333) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) .MuiStepIcon-text,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) .MuiStepIcon-text,
html.dark .securends .se-request-access-page .MuiStepIcon-root:not(.MuiStepIcon-active):not(.MuiStepIcon-completed) .MuiStepIcon-text {
  fill: var(--se-ink, #e5e7eb) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepLabel-label,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepLabel-label,
html.dark .securends .se-request-access-page .MuiStepLabel-label {
  color: var(--se-ink-2) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepLabel-label.MuiStepLabel-active,
html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepLabel-label.MuiStepLabel-completed,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepLabel-label.MuiStepLabel-active,
html.dark .securends .se-request-access-page .MuiStepLabel-label.MuiStepLabel-active {
  color: var(--se-ink) !important;
}

html[data-se-mode="dark"] .securends .se-request-access-page .MuiStepConnector-line,
html[data-theme="dark"] .securends .se-request-access-page .MuiStepConnector-line,
html.dark .securends .se-request-access-page .MuiStepConnector-line {
  border-color: var(--se-line) !important;
}

.securends .se-request-access-page .list-icon {
  color: var(--se-brand) !important;
}

.securends .se-request-access-page .choose-access-type-box {
  padding: 16px 16px 8px !important;
  margin-top: 4px;
  box-sizing: border-box;
}

.securends .se-request-access-page .manage-access-selection-content .choose-access-type-box {
  padding-bottom: 0 !important;
}

.securends .se-request-access-page .manage-access-selection-content {
  padding-bottom: 24px !important;
  box-sizing: border-box;
}

.securends .se-request-access-page .choose-access-type-box .inline,
.securends .se-request-access-page .manage-access-selection-content .inline {
  display: block !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  color: var(--se-ink) !important;
}

.securends .se-request-access-page .autoComplete input.form-control,
.securends .se-request-access-page .autoComplete input#principal {
  background: var(--bg-input, 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;
  box-shadow: none !important;
}

.securends .se-request-access-page .autoComplete input.form-control:focus,
.securends .se-request-access-page .autoComplete input#principal:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 2px var(--se-brand-tint) !important;
}

.securends .se-request-access-page .autoComplete input.form-control::placeholder {
  color: var(--se-ink-3) !important;
}

.securends .se-request-access-page .se-build-user-list-row {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap;
  gap: 8px 12px;
  width: 100%;
}

.securends .se-request-access-page .se-build-user-list-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px;
  float: none !important;
  color: var(--se-ink) !important;
  font-size: 13.5px;
  white-space: nowrap;
  min-height: 36px;
  height: 36px;
}

.securends .se-request-access-page .se-build-user-list-row .list-icon {
  float: none !important;
  margin: 0 !important;
}

.securends .se-request-access-page .se-build-user-list-row .autoComplete {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  width: 300px !important;
  max-width: 100% !important;
}

.securends .se-request-access-page .se-build-user-list-row .autoComplete input.form-control,
.securends .se-request-access-page .se-build-user-list-row .autoComplete input#principal {
  height: 36px !important;
  min-height: 36px !important;
}

.securends .se-request-access-page .se-build-user-list-row .autoComplete .error {
  display: block;
  margin-top: 6px !important;
  line-height: 1.35;
}

/* Access-type cards — single horizontal row (My Access / Others / Both / SA) */
.securends .se-request-access-page .manage-access-info-cards,
.securends .se-request-access-page .se-access-type-cards {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  overflow-x: auto;
}

.securends .se-request-access-page .manage-access-info-cards>.MuiCard-root,
.securends .se-request-access-page .se-access-type-cards>.MuiCard-root {
  flex: 1 1 0 !important;
  min-width: 140px !important;
  max-width: none !important;
  width: auto !important;
  height: 96px !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: var(--se-shadow) !important;
  background: var(--se-card) !important;
}

.securends .se-request-access-page .manage-access-info-cards>.MuiCard-root.se-access-type-card--selected,
.securends .se-request-access-page .se-access-type-cards>.MuiCard-root.se-access-type-card--selected,
.securends .se-request-access-page .manage-access-info-cards>.MuiCard-root[class*="selected"],
.securends .se-request-access-page .se-access-type-cards>.MuiCard-root[class*="selected"],
.securends .se-request-access-page .manage-access-info-cards>.MuiCard-root:has(.Mui-checked),
.securends .se-request-access-page .se-access-type-cards>.MuiCard-root:has(.Mui-checked),
.securends .se-request-access-page .manage-access-info-cards>.MuiCard-root:has(input:checked),
.securends .se-request-access-page .se-access-type-cards>.MuiCard-root:has(input:checked) {
  border: 2px solid var(--se-brand) !important;
  border-color: var(--se-brand) !important;
  background: var(--se-brand-tint) !important;
  background-color: var(--se-brand-tint) !important;
  box-shadow: 0 0 0 1px var(--se-brand) !important;
  outline: 2px solid var(--se-brand);
  outline-offset: -2px;
}

/* Theme color icons on access-type / Choose Access To cards */
.securends .se-request-access-page .manage-access-info-cards .MuiSvgIcon-root,
.securends .se-request-access-page .se-access-type-cards .MuiSvgIcon-root,
.securends .se-request-access-page .access-type-content .MuiSvgIcon-root {
  color: var(--se-brand) !important;
  fill: var(--se-brand) !important;
  background: transparent !important;
}

/* Selected icon plate must stay clear so AppsIcon 3×3 grid gaps remain visible */
.securends .se-request-access-page .manage-access-info-cards [class*="selectedCardIcon"],
.securends .se-request-access-page .se-access-type-cards [class*="selectedCardIcon"],
.securends .se-request-access-page .manage-access-info-cards [class*="iconContainer"],
.securends .se-request-access-page .se-access-type-cards [class*="iconContainer"] {
  background: transparent !important;
  background-color: transparent !important;
}

.securends .se-request-access-page .manage-access-info-cards .MuiTypography-subtitle2,
.securends .se-request-access-page .se-access-type-cards .MuiTypography-subtitle2 {
  color: var(--se-ink) !important;
  font-size: 13px !important;
}

/* Beat pickels `.MuiTypography-body2 { color: #333 !important }` on card blurbs */
.securends .se-request-access-page .manage-access-info-cards .MuiTypography-body2,
.securends .se-request-access-page .se-access-type-cards .MuiTypography-body2,
.securends .se-request-access-page .manage-access-info-cards .MuiCardContent-root .MuiTypography-root:not(.MuiTypography-subtitle2),
.securends .se-request-access-page .se-access-type-cards .MuiCardContent-root .MuiTypography-root:not(.MuiTypography-subtitle2) {
  color: var(--se-ink-2) !important;
}

.securends .se-request-access-page .se-copy-access-selected {
  padding: 16px 16px 16px !important;
  box-sizing: border-box;
}

.securends .se-request-access-page .se-copy-access-selected-summary {
  position: relative;
  margin: 0 0 8px !important;
  color: var(--se-ink);
  font-size: 13px;
}

.securends .se-request-access-page .se-copy-access-selected .header1 {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-request-access-page .se-copy-access-selected .header1 .search-bar {
  float: none !important;
  width: 300px !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.securends .se-request-access-page .se-copy-access-selected .identity-container,
.securends .se-request-access-page .se-copy-access-selected .roles-cnt {
  padding: 0 !important;
  margin: 0 !important;
}

.securends .se-request-access-page .se-copy-access-selected .grid {
  margin-top: 16px !important;
}

.securends .se-request-access-page .se-copy-access-search .header1 .autoComplete,
.securends .se-request-access-page .se-copy-access-search .autoComplete {
  float: none !important;
  display: block !important;
  margin: 0 !important;
  width: 300px !important;
  max-width: 100% !important;
}

.securends .se-request-access-page .se-copy-access-search .autoComplete input.form-control,
.securends .se-request-access-page .se-copy-access-search .autoComplete input.search-bar,
.securends .se-request-access-page .se-copy-access-search .autoComplete input#principal {
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 0 !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-size: 13px !important;
  padding: 4px 10px !important;
  box-sizing: border-box !important;
}

.securends .se-request-access-page .se-copy-access-search .autoComplete input.form-control:focus {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 2px var(--se-brand-tint) !important;
}

.securends .se-request-access-page .se-copy-access-search .autoComplete .error {
  display: block;
  margin-top: 6px !important;
}

/* react-select — Search Application / Search Credential (compact themed) */
.securends .se-request-access-page .autoComplete {
  float: none !important;
  width: 260px !important;
  max-width: 100% !important;
  margin: 0 12px 0 0 !important;
  display: inline-block !important;
  vertical-align: middle;
}

.securends .se-request-access-page .autoComplete .react-select__control,
.securends .se-request-access-page .css-yk16xz-control,
.securends .se-request-access-page [class*="-control"] {
  min-height: 32px !important;
  height: 32px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.securends .se-request-access-page .react-select__control:hover,
.securends .se-request-access-page [class*="-control"]:hover {
  border-color: var(--se-brand-line) !important;
}

.securends .se-request-access-page .react-select__control--is-focused,
.securends .se-request-access-page [class*="-control"][class*="focused"] {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 2px var(--se-brand-tint) !important;
}

.securends .se-request-access-page .react-select__value-container,
.securends .se-request-access-page [class*="-ValueContainer"] {
  padding: 0 8px !important;
  height: 30px;
}

.securends .se-request-access-page .react-select__placeholder,
.securends .se-request-access-page .react-select__single-value,
.securends .se-request-access-page [class*="-placeholder"],
.securends .se-request-access-page [class*="-singleValue"] {
  font-size: 12px !important;
  color: var(--se-ink) !important;
  margin: 0 !important;
}

.securends .se-request-access-page .react-select__placeholder,
.securends .se-request-access-page [class*="-placeholder"] {
  color: var(--se-ink-3) !important;
}

.securends .se-request-access-page .react-select__indicators,
.securends .se-request-access-page [class*="-IndicatorsContainer"] {
  height: 30px;
}

.securends .se-request-access-page .react-select__dropdown-indicator,
.securends .se-request-access-page .react-select__clear-indicator {
  padding: 4px !important;
  color: var(--se-ink-2) !important;
}

.securends .se-request-access-page .react-select__menu,
.securends .se-request-access-page [class*="-menu"] {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow-md) !important;
  font-size: 12px !important;
  z-index: 20 !important;
}

.securends .se-request-access-page .react-select__option,
.securends .se-request-access-page [class*="-option"] {
  font-size: 12px !important;
  color: var(--se-ink) !important;
  padding: 6px 10px !important;
}

.securends .se-request-access-page .react-select__option--is-focused,
.securends .se-request-access-page [class*="-option"][class*="focused"] {
  background: var(--se-brand-tint) !important;
}

.securends .se-request-access-page .react-select__option--is-selected,
.securends .se-request-access-page [class*="-option"][class*="selected"] {
  background: var(--se-brand) !important;
  color: #fff !important;
}

.securends .se-request-access-page .se-sa-search-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 16px;
}

.securends .se-request-access-page .se-sa-search-row {
  display: grid !important;
  grid-template-columns: 132px minmax(220px, 320px);
  align-items: start;
  column-gap: 8px;
  width: 100%;
  margin: 0 !important;
  float: none !important;
}

.securends .se-request-access-page .se-sa-search-label {
  display: flex !important;
  align-items: center !important;
  min-height: 36px;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13.5px !important;
  font-weight: 500;
  color: var(--se-ink) !important;
  white-space: nowrap;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 !important;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete .react-select__control,
.securends .se-request-access-page .se-sa-search-row .autoComplete [class*="-control"] {
  min-height: 36px !important;
  height: 36px !important;
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete .react-select__control:hover,
.securends .se-request-access-page .se-sa-search-row .autoComplete [class*="-control"]:hover {
  border-color: var(--se-brand-line) !important;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete .react-select__control--is-focused,
.securends .se-request-access-page .se-sa-search-row .autoComplete [class*="-control"][class*="focused"] {
  border-color: var(--se-brand) !important;
  box-shadow: 0 0 0 2px var(--se-brand-tint) !important;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete .react-select__placeholder,
.securends .se-request-access-page .se-sa-search-row .autoComplete .react-select__single-value {
  color: var(--se-ink) !important;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete .react-select__placeholder {
  color: var(--se-ink-3) !important;
}

.securends .se-request-access-page .se-sa-search-row .autoComplete .error {
  display: block;
  margin-top: 6px !important;
}

/* Application catalog — cleaner grid + card titles */
.securends .se-request-access-page .catalog-container .grid,
.securends .se-request-access-page .appication-card-container,
.securends .se-request-access-page .grid.appication-card-container,
.securends .se-request-access-page .roles-wrapper .grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  position: relative !important;
  top: 0 !important;
  margin-top: 16px !important;
}

.securends .se-request-access-page .catalog-container .card,
.securends .se-request-access-page .grid .card {
  min-height: 128px !important;
  height: auto !important;
  padding: 12px 8px 10px !important;
  justify-content: flex-start !important;
}

.securends .se-request-access-page .catalog-container .card .card-image-container {
  margin-bottom: 10px !important;
}

.securends .se-request-access-page .catalog-container .card p,
.securends .se-request-access-page .grid .card p {
  white-space: normal !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  max-width: 100% !important;
  min-height: 2.6em;
  word-break: break-word;
}

.securends .se-request-access-page .header1 .search-bar,
.securends .se-request-access-page input.search-bar {
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  height: 36px !important;
  font-size: 13px !important;
  padding: 4px 10px !important;
  max-width: none;
}

.securends .se-request-access-page .roles-cnt,
.securends .se-request-access-page .identity-container,
.securends .se-request-access-page .roles-cnt.identity-container {
  margin-top: 0 !important;
  gap: 0 !important;
  padding: 8px 16px 16px !important;
  box-sizing: border-box;
  overflow: visible !important;
}

.securends.se-request-access-page.catalog-container,
.securends .se-request-access-page.catalog-container {
  padding-bottom: 24px !important;
}

.securends .se-request-access-page .roles-cnt .header1,
.securends .se-request-access-page .identity-container .header1,
.securends .se-request-access-page .roles-wrapper .header1 {
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  float: none !important;
  width: 100% !important;
  margin: 4px 0 8px !important;
  padding: 0 !important;
}

.securends .se-request-access-page .roles-wrapper .header1 .search-bar,
.securends .se-request-access-page .roles-cnt .header1 .search-bar {
  float: none !important;
  width: 300px !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.securends .se-request-access-page .se-ar-inline-progress {
  color: var(--se-brand) !important;
  margin-left: 12px !important;
}

.securends .se-request-access-page .appication-card-container .card.se-app-card--provisioned:not(.active) {
  border-color: var(--se-brand) !important;
  background: var(--se-brand-tint) !important;
}

.securends .se-request-access-page .se-card-corner-icon {
  position: absolute !important;
  top: -10px !important;
  right: -10px !important;
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  background: var(--se-card) !important;
}

.securends .se-request-access-page .se-card-corner-icon--ok {
  color: var(--se-ok) !important;
  border: 2px solid var(--se-ok) !important;
}

.securends .se-request-access-page .se-card-corner-icon--owned {
  color: var(--se-brand) !important;
  border: 2px solid var(--se-brand) !important;
}

.securends .se-request-access-page .se-card-corner-icon--remove {
  color: var(--se-risk) !important;
  border: 2px solid var(--se-risk) !important;
}

.securends .se-request-access-page .se-justification-missing {
  color: var(--se-risk) !important;
}

.securends .se-request-access-page .appication-card-container .no-data-card {
  grid-column: 1 / -1;
  background: var(--se-card) !important;
  border: 1px dashed var(--se-line) !important;
  box-shadow: none !important;
  min-height: 80px !important;
  cursor: default;
}

.securends .se-request-access-page .appication-card-container .no-data-card .MuiTypography-root {
  color: var(--se-ink-2) !important;
}

.securends .se-request-access-page .grid .card .appCheckBox .MuiIconButton-root,
.securends .se-request-access-page .appication-card-container .card .appCheckBox .MuiIconButton-root {
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  margin: 0 !important;
  padding: 4px !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

.securends .se-request-access-page .grid .card .appCheckBox .MuiIconButton-root .fa-pencil-square-o {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Justification present — green check badge on top-left of edit icon (Access Template Select Access) */
.securends .se-request-access-page .roles-wrapper .grid .card .appCheckBox .MuiIconButton-root .justfication-highlight,
.securends .se-request-access-page .grid .card .appCheckBox .MuiIconButton-root .justfication-highlight {
  position: absolute !important;
  top: -3px !important;
  left: -1px !important;
  right: auto !important;
  font-size: 10px !important;
  width: 11px !important;
  height: 11px !important;
  color: #16a34a !important;
  z-index: 2 !important;
  margin: 0 !important;
  line-height: 1 !important;
  border-radius: 2px !important;
}

.securends .se-request-access-page .grid .card .appCheckBox>svg:not(.info-icon),
.securends .se-request-access-page .appication-card-container .card .appCheckBox>svg:not(.info-icon) {
  top: -10px !important;
  right: -10px !important;
  width: 22px !important;
  height: 22px !important;
}

/* Confirmation Access Template cards: chip + edit in top-right corner (above image) */
.securends .se-request-access-page .se-confirm-access-template-grid .card {
  position: relative !important;
  overflow: visible !important;
  padding-top: 36px !important;
  box-sizing: border-box !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .appCheckBox {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 32px !important;
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  box-sizing: border-box !important;
  z-index: 2;
  text-align: right !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .appCheckBox .info-icon {
  position: absolute !important;
  top: 6px !important;
  left: 8px !important;
  float: none !important;
  right: auto !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .se-confirm-at-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  margin: 0 !important;
  z-index: 1;
  flex-shrink: 0 !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .se-confirm-at-actions .MuiChip-root,
.securends .se-request-access-page .se-confirm-access-template-grid .card .se-confirm-at-actions .confirmation-status-chips {
  margin: 0 !important;
  position: static !important;
  left: auto !important;
  top: auto !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .se-confirm-at-actions .MuiIconButton-root {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  left: auto !important;
  margin: 0 !important;
  padding: 4px !important;
  width: 28px !important;
  height: 28px !important;
  overflow: visible !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .se-confirm-at-actions .MuiIconButton-root .fa-pencil-square-o {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}

/* Justification present — green check badge on top-left of edit icon (Confirmation) */
.securends .se-request-access-page .se-confirm-access-template-grid .card .se-confirm-at-actions .MuiIconButton-root .justfication-highlight {
  position: absolute !important;
  top: -3px !important;
  left: -1px !important;
  right: auto !important;
  font-size: 10px !important;
  width: 11px !important;
  height: 11px !important;
  color: #16a34a !important;
  z-index: 2 !important;
  margin: 0 !important;
  line-height: 1 !important;
  border-radius: 2px !important;
}

.securends .se-request-access-page .se-confirm-access-template-grid .card .card-image-container {
  margin-top: 0 !important;
}

@media (max-width: 1100px) {
  .securends .se-request-access-page .se-ra-toolbar .se-ra-title-row {
    flex-wrap: wrap !important;
  }

  .securends .se-request-access-page .MuiStepLabel-label {
    max-width: 90px;
  }
}

@media (max-width: 900px) {

  .securends .se-request-access-page .manage-access-info-cards,
  .securends .se-request-access-page .se-access-type-cards {
    flex-wrap: wrap !important;
  }

  .securends .se-request-access-page .manage-access-info-cards>.MuiCard-root,
  .securends .se-request-access-page .se-access-type-cards>.MuiCard-root {
    flex: 1 1 calc(50% - 10px) !important;
    min-width: 160px !important;
  }
}

/* ══════════════════════════════════════════════════════════════════════════
   § 13  Select Access — entitlement toolbar + cards
         (ManageEntitilements / ApplicationEntitlementList)
   ══════════════════════════════════════════════════════════════════════════ */

/* App credential / selected-application tabs — no highlighter fill */
.securends .se-request-access-page .credential-tab-cnt .MuiTab-root {
  border-right-color: var(--se-line) !important;
  color: var(--se-ink-2) !important;
  background: transparent !important;
}

.securends .se-request-access-page .credential-tab-cnt .MuiTab-root.Mui-selected {
  color: var(--se-brand) !important;
  background: transparent !important;
}

.securends .se-request-access-page .tab-cnt .MuiTab-root,
.securends .se-request-access-page .tab-cnt .MuiTab-root:hover,
.securends .se-request-access-page .tab-cnt .MuiTab-root.Mui-selected {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.securends .se-request-access-page .tab-cnt .MuiTab-root .tab-app-name,
.securends .se-request-access-page .tab-cnt .MuiTab-root .tab-app-name-content {
  background: transparent !important;
}

.securends .se-request-access-page .credential-tab-cnt .MuiTabs-indicator {
  background-color: var(--se-brand) !important;
}

.securends .se-request-access-page .credential-tab-icon,
.securends .se-request-access-page .credential-tab-cnt .MuiTab-root.Mui-selected .credential-tab-icon,
.securends .se-request-access-page .credential-tab-cnt .MuiTabs-scrollButtons .MuiSvgIcon-root {
  color: var(--se-brand) !important;
}

.securends .se-request-access-page .credential-tab-name-content {
  color: var(--se-ink) !important;
}

.securends .se-request-access-page .credential-tab-cnt .MuiTab-root.Mui-selected .credential-tab-name-content {
  color: var(--se-brand) !important;
}

/* "Application: …" header under selected app tabs — readable in light + dark */
.securends .se-request-access-page .manage-access-application-header,
.securends .se-request-access-page .manage-access-application-header .MuiTypography-root,
.securends .se-request-access-page .manage-access-application-header .MuiTypography-body1,
.securends .se-request-access-page .manage-access-application-header b,
.securends .se-request-access-page .MuiCardContent-root > .manage-access-application-header,
.securends .se-request-access-page .MuiCardContent-root > .manage-access-application-header .MuiTypography-root {
  color: var(--se-ink) !important;
}

.securends .se-request-access-page .manage-access-application-header .fa-pencil-square-o,
.securends .se-request-access-page .manage-access-application-header .MuiIconButton-root,
.securends .se-request-access-page .manage-access-application-header .MuiSvgIcon-root {
  color: var(--se-brand) !important;
}

.securends .se-request-access-page .MuiCard-root > .MuiCardContent-root,
.securends .se-request-access-page .manage-access-entitlement-block {
  color: var(--se-ink) !important;
}

/* Toolbar row */
.securends .se-request-access-page .manage-access-entitlement-toolbar,
.securends .se-request-access-page .access-template-entitlement-toolbar,
.securends .se-ar-page .manage-access-entitlement-toolbar,
.securends .se-ar-page .access-template-entitlement-toolbar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin: 12px 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-sizing: border-box;
}

.securends .se-request-access-page .manage-access-entitlement-search-group,
.securends .se-request-access-page .access-template-entitlement-search-group,
.securends .se-ar-page .manage-access-entitlement-search-group,
.securends .se-ar-page .access-template-entitlement-search-group {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: 0 !important;
}

/* Entitlement filter dropdown (MUI TextField select) */
.securends .se-request-access-page .manage-access-entitlement-search-filter,
.securends .se-ar-page .manage-access-entitlement-search-filter {
  min-width: 136px !important;
  flex: 0 0 136px !important;
  margin: 0 !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root {
  background: var(--se-card) !important;
  border-radius: var(--se-r) !important;
  min-height: 36px !important;
  height: 36px !important;
  font-size: 13px !important;
  transition: border-color var(--se-ease), box-shadow var(--se-ease) !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiOutlinedInput-notchedOutline,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiOutlinedInput-notchedOutline {
  border-color: var(--se-line) !important;
  border-width: 1px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--se-brand-line) !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--se-brand) !important;
  border-width: 1px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root.Mui-focused,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiOutlinedInput-root.Mui-focused {
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiSelect-select,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiSelect-select {
  padding: 8px 30px 8px 12px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink) !important;
  line-height: 20px !important;
  height: auto !important;
  background-color: transparent !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-filter .MuiSelect-icon,
.securends .se-ar-page .manage-access-entitlement-search-filter .MuiSelect-icon {
  color: var(--se-ink-2) !important;
  right: 8px !important;
  top: calc(50% - 10px) !important;
  font-size: 20px !important;
}

/* Compact identity/credential pills — outline only, no filled highlighter */
.securends .se-request-access-page ul[style*="flex-wrap"] > li,
.securends .se-request-access-page ul[style*="list-style"] > li {
  display: inline-flex !important;
  align-items: center !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  line-height: 28px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  background-color: transparent !important;
}

.securends .se-request-access-page .MuiOutlinedInput-root:not(.MuiOutlinedInput-multiline),
.securends .se-ar-page .MuiOutlinedInput-root:not(.MuiOutlinedInput-multiline) {
  min-height: 36px !important;
  height: 36px !important;
}

/* Search for entitlements */
.securends .se-request-access-page .manage-access-entitlement-search,
.securends .se-ar-page .manage-access-entitlement-search {
  flex: 1 1 auto !important;
  min-width: 220px !important;
  max-width: 400px !important;
  margin: 0 !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-root,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-root {
  background: var(--se-card) !important;
  border-radius: var(--se-r) !important;
  min-height: 36px !important;
  height: 36px !important;
  font-size: 13px !important;
  transition: border-color var(--se-ease), box-shadow var(--se-ease) !important;
  background-image: url(/build/assets/media/201b5c063dd4f0e500ed.201b5c06.svg) !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 16px 16px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-notchedOutline,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-notchedOutline {
  border-color: var(--se-line) !important;
  border-width: 1px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline {
  border-color: var(--se-brand-line) !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: var(--se-brand) !important;
  border-width: 1px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-root.Mui-focused,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-root.Mui-focused {
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
  background-image: url(/build/assets/media/7e304fd15f7c84dd6576.7e304fd1.svg) !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-input,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-input {
  padding: 8px 36px 8px 14px !important;
  font-size: 13px !important;
  color: var(--se-ink) !important;
  height: auto !important;
}

.securends .se-request-access-page .manage-access-entitlement-search .MuiOutlinedInput-input::placeholder,
.securends .se-ar-page .manage-access-entitlement-search .MuiOutlinedInput-input::placeholder {
  color: var(--se-ink-3) !important;
  opacity: 1 !important;
  font-size: 13px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search.icon-rtl,
.securends .se-ar-page .manage-access-entitlement-search.icon-rtl {
  background: none !important;
  padding-right: 0 !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-group .search-bar,
.securends .se-request-access-page .access-template-entitlement-search-group .search-bar,
.securends .se-ar-page .access-template-entitlement-search-group .search-bar {
  flex: 1 1 auto !important;
  min-width: 180px !important;
  max-width: 360px !important;
  height: 36px !important;
  margin: 0 !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  color: var(--se-ink) !important;
  font-size: 13px !important;
  padding: 4px 12px !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-group .search-bar:focus,
.securends .se-ar-page .access-template-entitlement-search-group .search-bar:focus {
  border-color: var(--se-brand) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--se-brand-tint) !important;
}

/* View / sort actions */
.securends .se-request-access-page .manage-access-entitlement-toolbar-actions,
.securends .se-ar-page .manage-access-entitlement-toolbar-actions {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: auto !important;
  flex-shrink: 0;
}

/* Sort Selected: visible checkbox, aligned with label; no extra outline ring */
html[data-se-theme] .se-sort-selected-check,
.securends .se-request-access-page .se-sort-selected-check {
  display: inline-flex !important;
  align-items: center !important;
  position: relative !important;
  margin: 0 8px 0 0 !important;
  padding: 0 0 0 22px !important;
  height: 32px !important;
  min-height: 32px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

html[data-se-theme] .se-sort-selected-check .custom-control-input,
html[data-se-theme] .se-sort-selected-check .notification_checkbox,
html[data-se-theme] .se-sort-selected-check input[type="checkbox"],
html[data-se-theme] .se-sort-selected-check input[type="checkbox"]:not(:checked),
.securends .se-sort-selected-check input[type="checkbox"],
.securends .se-sort-selected-check input[type="checkbox"]:not(:checked) {
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  opacity: 0 !important;
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}

html[data-se-theme] .se-sort-selected-check .custom-control-label,
.securends .se-sort-selected-check .custom-control-label {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: 14px !important;
  position: static !important;
}

html[data-se-theme] .se-sort-selected-check .custom-control-label::before,
.securends .se-sort-selected-check .custom-control-label::before {
  display: block !important;
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  border-radius: 2px !important;
  background-color: var(--se-card) !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-se-theme] .se-sort-selected-check .custom-control-input:checked ~ .custom-control-label::before,
.securends .se-sort-selected-check .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
}

html[data-se-theme] .se-sort-selected-check .custom-control-label::after,
.securends .se-sort-selected-check .custom-control-label::after {
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
}

.securends .se-request-access-page .manage-access-entitlement-toolbar-actions .MuiIconButton-root,
.securends .se-request-access-page .entitlement-view-toggle-btn,
.securends .se-ar-page .manage-access-entitlement-sort-btn {
  color: var(--se-ink-2) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
}

.securends .se-request-access-page .manage-access-entitlement-sort-btn,
.securends .se-ar-page .manage-access-entitlement-sort-btn {
  height: 36px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

.securends .se-request-access-page .manage-access-entitlement-sort-btn:hover,
.securends .se-request-access-page .entitlement-view-toggle-btn:hover {
  border-color: var(--se-brand-line) !important;
  color: var(--se-brand) !important;
}

/* Card/List + A-Z — theme tokens (palette + light/dark). Beat pickels
   #337ab7 / #d7e7f7 / #e8e8e8 / #fff. Works in Template Details modal
   (portals outside .se-request-access-page / sometimes outside .securends). */
html[data-se-theme] .entitlement-view-toggle,
.securends .entitlement-view-toggle,
html[data-se-theme] .se-access-template-details .entitlement-view-toggle {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  overflow: hidden !important;
  background: var(--se-card) !important;
  box-shadow: none !important;
}

html[data-se-theme] .entitlement-view-toggle-btn,
html[data-se-theme] .entitlement-view-toggle-btn.MuiIconButton-root,
.securends .entitlement-view-toggle-btn,
html[data-se-theme] .se-access-template-details .entitlement-view-toggle-btn {
  color: var(--se-ink-2) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 4px 6px !important;
  min-width: 32px;
  min-height: 32px;
}

html[data-se-theme] .entitlement-view-toggle-btn .entitlement-view-toggle-icon,
.securends .entitlement-view-toggle-btn .entitlement-view-toggle-icon {
  color: inherit !important;
  font-size: 18px !important;
}

html[data-se-theme] .entitlement-view-toggle-btn:hover,
html[data-se-theme] .entitlement-view-toggle-btn.MuiIconButton-root:hover,
.securends .entitlement-view-toggle-btn:hover {
  background: var(--se-brand-tint) !important;
  color: var(--se-brand) !important;
}

html[data-se-theme] .entitlement-view-toggle-btn.active,
html[data-se-theme] .entitlement-view-toggle-btn.active.MuiIconButton-root,
.securends .entitlement-view-toggle-btn.active,
html[data-se-theme] .se-access-template-details .entitlement-view-toggle-btn.active {
  background: var(--se-brand-tint) !important;
  color: var(--se-brand) !important;
}

html[data-se-theme] .entitlement-view-toggle-btn.active .entitlement-view-toggle-icon,
.securends .entitlement-view-toggle-btn.active .entitlement-view-toggle-icon {
  color: var(--se-brand) !important;
}

html[data-se-theme] .manage-access-entitlement-sort-btn,
html[data-se-theme] .manage-access-entitlement-sort-btn.MuiIconButton-root,
.securends .manage-access-entitlement-sort-btn,
html[data-se-theme] .se-access-template-details .manage-access-entitlement-sort-btn,
html[data-se-theme] .access-template-entitlement-toolbar .manage-access-entitlement-sort-btn {
  color: var(--se-brand) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  background: var(--se-card) !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: none !important;
}

html[data-se-theme] .manage-access-entitlement-sort-btn:hover,
html[data-se-theme] .manage-access-entitlement-sort-btn.MuiIconButton-root:hover,
.securends .manage-access-entitlement-sort-btn:hover,
html[data-se-theme] .se-access-template-details .manage-access-entitlement-sort-btn:hover {
  border-color: var(--se-brand) !important;
  background: var(--se-brand-tint) !important;
  color: var(--se-brand) !important;
}

html[data-se-theme] .manage-access-entitlement-sort-btn .access-template-sort-label,
html[data-se-theme] .manage-access-entitlement-sort-btn .manage-access-sort-label,
html[data-se-theme] .manage-access-entitlement-sort-btn .access-template-sort-arrow,
html[data-se-theme] .manage-access-entitlement-sort-btn .manage-access-sort-arrow,
.securends .manage-access-entitlement-sort-btn .access-template-sort-label,
.securends .manage-access-entitlement-sort-btn .access-template-sort-arrow {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  font-family: var(--se-sans) !important;
}

html[data-se-mode="dark"] .entitlement-view-toggle,
html[data-se-mode="dark"] .manage-access-entitlement-sort-btn {
  background: var(--bg-surface, var(--se-card)) !important;
  border-color: var(--border-default, var(--se-line)) !important;
}

html[data-se-mode="dark"] .entitlement-view-toggle-btn.active,
html[data-se-mode="dark"] .entitlement-view-toggle-btn:hover {
  background: var(--se-brand-tint) !important;
  color: var(--se-brand) !important;
}

.securends .se-request-access-page .manage-access-entitlement-search-group .MuiCircularProgress-root {
  color: var(--se-brand) !important;
}

/* Entitlement card grid */
.securends .se-request-access-page .card-grid-container,
.securends .se-request-access-page .cardGridContent {
  padding: 4px 0 8px !important;
}

/* Visibility policy only — beat MUI spacing-xs-3 JSS; other screens keep spacing={3} */
html[data-se-theme] .securends .se-ar-page .se-vp-entitlement-grid>.MuiGrid-item,
.securends .se-ar-page .se-vp-entitlement-grid>.MuiGrid-item,
.securends .se-ar-page .cardGridContent .MuiGrid-spacing-xs-1>.MuiGrid-item {
  padding: 4px !important;
}

.securends .se-ar-page .se-vp-entitlement-grid>.se-load-more-entitlements-row {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 12px 0 0 !important;
  float: none !important;
}

.securends .se-ar-page .se-load-more-entitlements {
  width: auto !important;
  max-width: none !important;
  min-width: 180px !important;
  flex: 0 0 auto !important;
  height: 36px !important;
  padding: 6px 20px !important;
  margin: 8px auto 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-btn-fg, #ffffff) !important;
  background: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  border-radius: var(--se-r) !important;
  box-shadow: var(--se-shadow) !important;
  text-transform: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════
   Manage Access / Access Template — entitlement LIST view (native table)
   Beat pickels-v3 hardcoded #fff / #f3f4f6 / #e5e7eb so light+dark match
   standard ReactTable surfaces (--se-card / --se-table-*).
   ══════════════════════════════════════════════════════════════════════════ */
.securends .manage-entitlements-list-view,
.securends .manage-access-entitlements-table-wrap,
.securends .access-template-entitlements-list,
.securends .manage-entitlements-list-scroll {
  background: var(--se-card) !important;
  border-color: var(--se-table-line, var(--se-line)) !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
}

.securends .manage-entitlements-list-scroll {
  border: 1px solid var(--se-table-line, var(--se-line)) !important;
  border-radius: var(--se-r, 8px) !important;
  background: var(--se-card) !important;
}

.securends .manage-access-entitlements-native-table {
  width: 100% !important;
  background: var(--se-card) !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.securends .manage-access-entitlements-native-table thead th,
.securends .manage-access-entitlements-native-table thead th .manage-access-entitlements-sort-header {
  background: var(--se-table-header-bg, var(--se-raise)) !important;
  background-color: var(--se-table-header-bg, var(--se-raise)) !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
  box-shadow: none !important;
}

.securends .manage-access-entitlements-native-table thead th .manage-access-entitlements-sort-header {
  background: transparent !important;
  color: var(--se-table-header-ink, var(--se-ink-2)) !important;
}

.securends .manage-access-entitlements-native-table thead th .manage-access-entitlements-sort-header:hover,
.securends .manage-access-entitlements-native-table thead th .manage-access-entitlements-sort-header.active {
  color: var(--se-brand) !important;
}

.securends .manage-access-entitlements-native-table thead th .manage-access-entitlements-sort-icon {
  color: inherit !important;
}

.securends .manage-access-entitlements-native-table tbody td,
.securends .manage-access-entitlements-native-table tbody tr td {
  background: var(--se-card) !important;
  background-color: var(--bg-table-row, var(--se-card)) !important;
  color: var(--se-table-ink, var(--se-ink)) !important;
  border-bottom: 1px solid var(--se-table-line, var(--se-line)) !important;
}

.securends .manage-access-entitlements-native-table tbody tr:hover td,
.securends .manage-access-entitlements-native-table .entitlement-list-row:hover td {
  background: var(--se-table-hover, var(--se-row-hover)) !important;
}

.securends .manage-access-entitlements-native-table .entitlement-list-row.active td {
  background: var(--se-table-selected, var(--se-row-hover)) !important;
}

.securends .manage-access-entitlements-native-table .entitlement-list-name,
.securends .manage-access-entitlements-native-table .entitlement-list-description,
.securends .manage-access-entitlements-native-table tbody td span {
  color: inherit !important;
}

.securends .manage-entitlements-list-empty {
  color: var(--se-ink-2) !important;
  background: var(--se-card) !important;
}

/* Load More — beat inline #fff / #0078D4 */
.securends .manage-entitlements-list-view .button.submit-button,
.securends .access-template-entitlements-list .button.submit-button,
.securends .se-load-more-entitlements,
.securends .se-request-access-page button.se-load-more-entitlements,
.securends .se-request-access-page .button.button-outline-primary.submit-button {
  background: var(--se-btn-bg, var(--se-brand)) !important;
  background-color: var(--se-btn-bg, var(--se-brand)) !important;
  border: 1px solid var(--se-btn-bg, var(--se-brand)) !important;
  color: var(--se-btn-fg, #ffffff) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #ffffff) !important;
}

.securends .se-ar-page .se-load-more-entitlements:hover {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
}

.securends .se-request-access-page .role-card.entitlement-card,
.securends .se-request-access-page .role-card.entitlement-card.MuiPaper-root,
.securends .se-request-access-page .role-card.entitlement-card.MuiCard-root,
.securends .se-ar-page .role-card.entitlement-card,
.securends .se-ar-page .role-card.entitlement-card.MuiPaper-root,
.securends .cardGridContent .role-card.entitlement-card {
  height: 100% !important;
  min-height: 132px;
  display: flex !important;
  flex-direction: column !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card) !important;
  box-shadow: none !important;
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
  transition: border-color 0.15s ease !important;
  cursor: pointer;
}

.securends .se-request-access-page .role-card.entitlement-card:hover,
.securends .se-ar-page .role-card.entitlement-card:hover,
.securends .cardGridContent .role-card.entitlement-card:hover {
  border-color: var(--se-brand-line) !important;
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Beat pickels purple active border #c4b4f9 */
.securends .se-request-access-page .role-card.entitlement-card.active,
.securends .se-ar-page .role-card.entitlement-card.active,
.securends .cardGridContent .role-card.entitlement-card.active {
  border: 2px solid var(--se-brand) !important;
  box-shadow: none !important;
  top: auto !important;
  background: none !important;
  background-color: transparent !important;
}

html[data-se-theme] .securends .se-request-access-page .role-card.entitlement-card.MuiPaper-root,
html[data-se-mode] .securends .se-request-access-page .role-card.entitlement-card.MuiPaper-root,
html[data-se-theme] .securends .se-request-access-page .role-card.entitlement-card.MuiCard-root {
  background: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.securends .se-request-access-page .role-card.entitlement-card.disabled,
.securends .se-ar-page .role-card.entitlement-card.disabled {
  opacity: 0.55;
  pointer-events: none;
}

.securends .se-request-access-page .role-card.entitlement-card .card-content,
.securends .se-ar-page .role-card.entitlement-card .card-content {
  padding: 12px 14px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

/* First line only: title-row underline. Keep .card-footer border-top as the Type/Owner divider. */
.securends .cardGridContent .role-card.entitlement-card .card-header,
.securends .se-request-access-page .role-card.entitlement-card .card-header,
.securends .se-ar-page .role-card.entitlement-card .card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.securends .cardGridContent .role-card.entitlement-card .card-header::before,
.securends .cardGridContent .role-card.entitlement-card .card-header::after,
.securends .se-request-access-page .role-card.entitlement-card .card-header::before,
.securends .se-request-access-page .role-card.entitlement-card .card-header::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
}

.securends .cardGridContent .role-card.entitlement-card .card-header .MuiTypography-gutterBottom,
.securends .se-request-access-page .role-card.entitlement-card .card-header .MuiTypography-gutterBottom {
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  text-decoration: none !important;
}

.securends .cardGridContent .role-card.entitlement-card .ent-description,
.securends .se-request-access-page .role-card.entitlement-card .ent-description,
.securends .se-request-access-page .role-card.entitlement-card .card-header .MuiTypography-root,
.securends .se-ar-page .role-card.entitlement-card .ent-description,
.securends .role-card.entitlement-card .card-header .ent-description {
  color: var(--se-ink) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  text-decoration: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  white-space: normal !important;
  word-break: break-word !important;
}

.securends .cardGridContent .role-card.entitlement-card .card-header .ent-description>div,
.securends .cardGridContent .role-card.entitlement-card .card-header div[style*="height: 30px"],
.securends .se-request-access-page .role-card.entitlement-card .card-header .ent-description>div,
.securends .se-request-access-page .role-card.entitlement-card .card-header div[style*="height: 30px"],
.securends .role-card.entitlement-card .card-header .ent-description>div,
.securends .role-card.entitlement-card .card-header div[style*="height: 30px"] {
  height: auto !important;
  min-height: 24px !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-width: 100% !important;
}

.securends .cardGridContent .role-card.entitlement-card .MuiTypography-colorTextSecondary,
.securends .se-request-access-page .role-card.entitlement-card .MuiTypography-colorTextSecondary,
.securends .se-request-access-page .role-card.entitlement-card .MuiTypography-colorTextSecondary>div,
.securends .se-ar-page .role-card.entitlement-card .MuiTypography-colorTextSecondary>div {
  color: var(--se-ink-2) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  height: auto !important;
  min-height: 36px;
  max-height: 3.2em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  border-top: none !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.securends .cardGridContent .role-card.entitlement-card .entitlement-meta-sep,
.securends .se-request-access-page .role-card.entitlement-card .entitlement-meta-sep,
.securends .se-ar-page .role-card.entitlement-card .entitlement-meta-sep,
.cardGridContent .role-card.entitlement-card .entitlement-meta-sep {
  display: block !important;
  flex: 0 0 1px !important;
  align-self: stretch !important;
  width: auto !important;
  min-height: 1px !important;
  height: 1px !important;
  margin: 4px 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  background: var(--se-line) !important;
  background-color: var(--se-line) !important;
  opacity: 1 !important;
  overflow: hidden !important;
}

.securends .cardGridContent .role-card.entitlement-card .card-footer,
.securends .se-request-access-page .role-card.entitlement-card .card-footer,
.securends .se-ar-page .role-card.entitlement-card .card-footer {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 8px;
  margin-top: 0 !important;
  padding: 0 !important;
  border-top: 0 !important;
  font-size: 11px !important;
  color: var(--se-ink-2) !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.securends .se-request-access-page .role-card.entitlement-card .card-footer .MuiTypography-root,
.securends .se-ar-page .role-card.entitlement-card .card-footer .MuiTypography-root {
  color: var(--se-ink-2) !important;
  font-size: 11px !important;
}

.securends .se-request-access-page .role-card.entitlement-card .card-footer strong {
  color: var(--se-ink) !important;
  font-weight: 600;
}

/* Action icons on cards */
.securends .se-request-access-page .role-card.entitlement-card .card-header .entitlement-card-actions,
.securends .cardGridContent .role-card.entitlement-card .card-header .entitlement-card-actions,
.securends .se-ar-page .role-card.entitlement-card .card-header .entitlement-card-actions {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  flex-shrink: 0 !important;
  gap: 6px;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}

.securends .se-request-access-page .role-card.entitlement-card .card-header .entitlement-card-actions>span,
.securends .cardGridContent .role-card.entitlement-card .card-header .entitlement-card-actions>span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.securends .se-request-access-page .role-card.entitlement-card .card-header .entitlement-card-actions .fa-pencil-square-o,
.securends .cardGridContent .role-card.entitlement-card .card-header .entitlement-card-actions .fa-pencil-square-o {
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  font-size: 16px !important;
  line-height: 1 !important;
  vertical-align: middle;
}

.securends .se-request-access-page .role-card.entitlement-card .card-header .entitlement-card-actions .MuiSvgIcon-root,
.securends .cardGridContent .role-card.entitlement-card .card-header .entitlement-card-actions .MuiSvgIcon-root {
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  font-size: 18px !important;
  width: 18px !important;
  height: 18px !important;
}

.securends .se-request-access-page .role-card.entitlement-card .fa-pencil-square-o,
.securends .se-request-access-page .role-card.entitlement-card .card-header>div .MuiSvgIcon-root,
.securends .se-request-access-page .role-card.entitlement-card .info-icon {
  color: var(--se-brand) !important;
}

.securends .se-request-access-page .role-card.entitlement-card .justfication-highlight,
.securends .cardGridContent .role-card.entitlement-card .card-header .entitlement-card-actions .justfication-highlight {
  color: var(--se-brand) !important;
  top: auto !important;
  left: auto !important;
  position: static !important;
}

/* Selected check — theme brand (beat hardcoded #337ab7 / keep green for add) */
.securends .se-request-access-page .role-card.entitlement-card .MuiSvgIcon-root[style*="green"],
.securends .se-request-access-page .role-card.entitlement-card.active .MuiSvgIcon-root[style*="green"] {
  color: var(--se-ok, #10c469) !important;
}

/* --------------------------------------------------------------------------
   Access Request Delegation (/AccessRequestDelegate)
   Last header showed as "EXPIRA" — column squeezed by colcfg padding + clip,
   and leftover gutter after the last column. Lock slots, fill width, scroll
   when needed so "Expiration Date" stays fully visible.
   -------------------------------------------------------------------------- */
.securends .se-ar-delegation-page .campaignList.Table,
.securends .se-ar-delegation-page .CampaignTable {
  float: none !important;
  clear: both;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
}

.securends .se-ar-delegation-page .listofCampTable.ReactTable,
.securends .se-ar-delegation-page .ReactTable.listofCampTable {
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100% !important;
}

.securends .se-ar-delegation-page .listofCampTable .rt-table {
  min-width: 100% !important;
  width: 100% !important;
}

.securends .se-ar-delegation-page .listofCampTable.se-table-col-overflow .rt-table {
  width: max-content !important;
  min-width: 100% !important;
}

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

/* Keep full header label visible (not clipped to EXPIRA) */
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th .rt-resizable-header-content,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th .rt-resizable-header-content > div:not(.rt-resizer) {
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  max-width: none !important;
}

/* Actions */
.securends .se-ar-delegation-page .listofCampTable .rt-th.se-ar-del-col-action,
.securends .se-ar-delegation-page .listofCampTable .rt-td.se-ar-del-col-action,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th:nth-child(1),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(1),
.securends .se-ar-delegation-page .listofCampTable .rt-tbody .rt-td:nth-child(1) {
  flex: 0 0 74px !important;
  width: 74px !important;
  min-width: 74px !important;
  max-width: 90px !important;
  overflow: visible !important;
}

/* First / Last Name — grow into leftover card width */
.securends .se-ar-delegation-page .listofCampTable .rt-th.se-ar-del-col-name,
.securends .se-ar-delegation-page .listofCampTable .rt-td.se-ar-del-col-name,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th:nth-child(2),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th:nth-child(3),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(2),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(3),
.securends .se-ar-delegation-page .listofCampTable .rt-tbody .rt-td:nth-child(2),
.securends .se-ar-delegation-page .listofCampTable .rt-tbody .rt-td:nth-child(3) {
  flex: 1 1 140px !important;
  width: 140px !important;
  min-width: 120px !important;
  max-width: none !important;
}

/* Reviewer / Delegatee */
.securends .se-ar-delegation-page .listofCampTable .rt-th.se-ar-del-col-email,
.securends .se-ar-delegation-page .listofCampTable .rt-td.se-ar-del-col-email,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th:nth-child(4),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th:nth-child(5),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(4),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(5),
.securends .se-ar-delegation-page .listofCampTable .rt-tbody .rt-td:nth-child(4),
.securends .se-ar-delegation-page .listofCampTable .rt-tbody .rt-td:nth-child(5) {
  flex: 1 1 160px !important;
  width: 160px !important;
  min-width: 140px !important;
  max-width: none !important;
}

/* Expiration Date — room for uppercase label + colcfg padding-right */
.securends .se-ar-delegation-page .listofCampTable .rt-th.se-ar-del-col-expiry,
.securends .se-ar-delegation-page .listofCampTable .rt-td.se-ar-del-col-expiry,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-header .rt-th:nth-child(6),
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(6),
.securends .se-ar-delegation-page .listofCampTable .rt-tbody .rt-td:nth-child(6) {
  flex: 0 0 220px !important;
  width: 220px !important;
  min-width: 220px !important;
  max-width: 240px !important;
}

.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th.se-ar-del-col-expiry,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th:nth-child(6) {
  overflow: visible !important;
}

.securends .se-ar-delegation-page .listofCampTable .delegationDate,
.securends .se-ar-delegation-page .listofCampTable .rt-thead.-filters .rt-th .react-datepicker-wrapper {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Title | Add | Status | Policy Type grouped left, like the Applications toolbar. */
.securends.securends .se-policy-templates-page .manageApp > .o-form-title-bar {
  justify-content: flex-start !important;
}

.securends.securends .se-policy-templates-page .manageApp > .o-form-title-bar > :is(.se-page-title-text, .addButtonData, .se-policy-templates-filters) {
  flex: 0 0 auto !important;
  float: none !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin-right: 0 !important;
}

.securends.securends .se-policy-templates-page .manageApp > .o-form-title-bar > .addButtonData {
  margin-left: 0 !important;
}

.securends.securends .se-policy-templates-page .manageApp > .o-form-title-bar > .se-policy-templates-filters {
  margin-left: 4px !important;
}

/* Wrapper card with nothing inside (e.g. TemplateCard when the request has no access templates) */
.securends.securends .se-ar-page.approval-content .MuiCard-root[style*="border"]:not(:has(> :not(:empty))) {
  display: none !important;
}

/* ==========================================================================
   Dark: Request Approval Work Flow (LegendBox + NodeWorkFlowCard)
   Legacy #f9f9f9 legend / #fff node cards ignore data-se-mode.
   ========================================================================== */
html[data-se-mode="dark"] .modal .legend-container,
html[data-se-mode="dark"] .securends .legend-container {
  background-color: var(--se-raise, var(--se-card)) !important;
  border: 1px solid var(--se-line) !important;
  font-family: var(--se-sans) !important;
}

html[data-se-mode="dark"] .modal .legend-container .legend-item,
html[data-se-mode="dark"] .securends .legend-container .legend-item {
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
  opacity: 1 !important;
}

html[data-se-mode="dark"] .modal .status-card,
html[data-se-mode="dark"] .securends .status-card {
  background-color: var(--se-card) !important;
  border-color: var(--se-line) !important;
}

html[data-se-mode="dark"] .modal .status-card .card-role,
html[data-se-mode="dark"] .securends .status-card .card-role {
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
  opacity: 1 !important;
}

html[data-se-mode="dark"] .modal .status-card .status-wrapper,
html[data-se-mode="dark"] .modal .status-card .status-wrapper i,
html[data-se-mode="dark"] .securends .status-card .status-wrapper,
html[data-se-mode="dark"] .securends .status-card .status-wrapper i {
  color: var(--se-ink-2) !important;
  -webkit-text-fill-color: var(--se-ink-2) !important;
}

html[data-se-mode="dark"] .modal .status-card .cards-icon .MuiSvgIcon-root,
html[data-se-mode="dark"] .securends .status-card .cards-icon .MuiSvgIcon-root {
  color: var(--se-ink-2) !important;
  fill: var(--se-ink-2) !important;
  border-color: var(--se-line) !important;
}

html[data-se-mode="dark"] .modal .status-card .cards-icon svg path[fill="none"],
html[data-se-mode="dark"] .securends .status-card .cards-icon svg path[fill="none"] {
  fill: none !important;
}

/* Dark: workflow tree connectors (react-d3-tree path.linkBase, inline stroke) */
html[data-se-mode="dark"] .access-template-modal svg path.linkBase,
html[data-se-mode="dark"] .access-template-modal svg path.link {
  stroke: var(--se-ink-3) !important;
  stroke-width: 1.5px !important;
  stroke-opacity: 1 !important;
  fill: none !important;
}

html[data-se-mode="dark"] .access-template-modal .credential-node-wrapper::before {
  border-top-color: var(--se-ink-3) !important;
}

/* Manage Access → Confirm & Submit: uniform Access Template / Application cards
   (RequestAccessConfirmationScreen — cards otherwise shrink-wrap their label). */
.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
  min-height: 118px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .MuiTypography-root {
  width: 100% !important;
  text-align: center !important;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .MuiTypography-root > p {
  margin-bottom: 0 !important;
  padding: 0 6px !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
  word-break: break-word !important;
}


/* Confirm & Submit cards only (RequestAccessConfirmationScreen) — Add chip + pencil inside the top-right corner.
   Select Access uses .grid .card and is not matched here. */
.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card {
  position: relative !important;
  padding: 36px 8px 10px !important;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .appCheckBox {
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
  width: auto !important;
  float: none !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  height: 22px !important;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .appCheckBox > .info-icon {
  float: none !important;
  margin-right: auto !important;
  position: static !important;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .appCheckBox > span {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .appCheckBox > .MuiIconButton-root {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 2px !important;
  width: auto !important;
  min-width: 22px !important;
  height: 22px !important;
  gap: 2px;
}

.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .appCheckBox > .MuiIconButton-root .fa-pencil-square-o,
.securends .se-request-access-page .card-grid-container > .MuiGrid-container > div > .card > .appCheckBox > .MuiIconButton-root .justfication-highlight {
  position: static !important;
  top: auto !important;
  left: auto !important;
  margin: 0 !important;
  line-height: 1 !important;
}
/* Access Approvals batch — My Approvals, Pending Approval Details,
   Fulfillment Requests (All Requests), Request Audit Trail.
   Wrapper: .se-aa-page. Presentation only. */

/* ── Shared wrapper ── */
.securends .se-aa-page {
  padding: 0 !important;
}

/* ── Title bar — Grid.o-form-title-bar.scroll-header (Pending Approvals) ── */
.se-aa-page.MyRequestListContent,
.securends .se-aa-page.MyRequestListContent {
  position: relative !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

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

/* Title + Status + Type — one left cluster */
.securends .se-aa-page .scroll-header .se-aa-toolbar-start {
  display: inline-flex !important;
  flex-wrap: wrap;
  align-items: center !important;
  gap: 12px 16px !important;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-title {
  display: inline-flex !important;
  align-items: center !important;
  font-size: var(--se-t-page-head, 18px) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  line-height: 28px !important;
  white-space: nowrap;
  margin: 0 !important;
  padding: 0 !important;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-title .strapi-pagename {
  display: none !important;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-field {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  position: static !important;
  float: none !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2) !important;
  font-family: var(--se-sans) !important;
  white-space: nowrap;
  line-height: 28px !important;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-end {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  margin-left: auto !important;
  flex: 0 0 auto;
  position: static !important;
  float: none !important;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-end .scroll-footer {
  margin: 0 !important;
  position: static !important;
  white-space: nowrap;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-end .filter-container {
  display: inline-flex !important;
  justify-content: flex-end;
  align-items: center;
  margin: 0 !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: auto !important;
}

.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header > .MuiGrid-item:first-of-type,
.securends .se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header > .MuiGrid-item:first-of-type,
.securends .se-aa-page .scroll-header > .MuiGrid-item:first-child {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--se-ink, #0F172A) !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header span[style*="float"],
.securends .se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header span[style*="float"],
.securends .se-aa-page .scroll-header > .MuiGrid-item:has(select) > span,
.securends .se-aa-page .scroll-header span:has(select) {
  position: static !important;
  float: none !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--se-ink-2, #64748B) !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header select,
.securends .se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header select,
.securends .se-aa-page .scroll-header select,
.securends .se-aa-page #fstatus,
.se-aa-page select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-color: var(--se-card, #ffffff) !important;
  background-image: var(--se-select-caret, url(/build/assets/media/3ee5077622847646e44b.3ee50776.svg)) !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 10px 7px !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  color: var(--se-ink, #0F172A) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  height: 32px !important;
  padding: 0 24px 0 10px !important;
  cursor: pointer !important;
  outline: none !important;
  transition: all 0.15s ease-in-out !important;
}

.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header select:hover,
.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header select:focus,
.securends .se-aa-page .scroll-header select:hover,
.securends .se-aa-page .scroll-header select:focus {
  border-color: var(--se-brand, #17457E) !important;
}

.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header div[style*="absolute"],
.securends .se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header div[style*="absolute"],
.securends .se-aa-page .scroll-header div[style*="absolute"] {
  position: static !important;
  right: auto !important;
  top: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.se-aa-page.MyRequestListContent .filter-container,
.securends .se-aa-page.MyRequestListContent .filter-container,
.securends .se-aa-page .filter-container,
html[data-se-theme] .se-aa-page .filter-container {
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  z-index: auto !important;
  margin: 0 !important;
}

.se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header .scroll-footer,
.securends .se-aa-page.MyRequestListContent .o-form-title-bar.scroll-header .scroll-footer,
.securends .se-aa-page .scroll-footer {
  font-size: 13px !important;
  color: var(--se-ink-2, #64748B) !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

/* Filter Button Container — positioned on the right of header toolbar card */
.se-aa-page.MyRequestListContent .filter-container,
.securends .se-aa-page.MyRequestListContent .filter-container,
.securends .se-aa-page .filter-container,
html[data-se-theme] .se-aa-page .filter-container {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  z-index: auto !important;
  height: auto !important;
}

.securends .se-aa-page .scroll-header .se-aa-toolbar-end .filter-container {
  position: static !important;
  top: auto !important;
  right: auto !important;
  height: auto !important;
  z-index: auto !important;
}

/* Filters Button — styled like other standard filter buttons */
html[data-se-theme] .se-aa-page .scroll-filters,
html[data-se-theme] .se-aa-page .filter-button.scroll-filters,
.securends .se-aa-page .scroll-filters,
.securends .se-aa-page .filter-button.scroll-filters {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 21 !important;
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #CBD5E1) !important;
  color: var(--se-ink, #0F172A) !important;
  border-radius: var(--se-r-sm, 8px) !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  cursor: pointer !important;
  transition: all 0.15s ease-in-out !important;
}

html[data-se-theme] .se-aa-page .filter-button.scroll-filters:hover,
.securends .se-aa-page .filter-button.scroll-filters:hover {
  background: var(--se-page, #F8FAFC) !important;
  border-color: var(--se-brand-line, #94A3B8) !important;
  color: var(--se-ink, #0F172A) !important;
  box-shadow: none !important;
}

/* ── Summary Donut Charts — compact + collapsible (match All Requests) ── */
.securends .se-aa-page .se-aa-donut-section {
  margin: 0 0 12px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  overflow: hidden;
}

.securends .se-aa-page .se-aa-donut-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  margin: 0;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid var(--se-line);
  background: var(--se-card);
  color: var(--se-ink);
  font-family: var(--se-sans);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  cursor: pointer;
  text-align: left;
  box-shadow: none;
}

.securends .se-aa-page .se-aa-donut-section.is-collapsed .se-aa-donut-toggle {
  border-bottom: 0;
}

.securends .se-aa-page .se-aa-donut-toggle:hover,
.securends .se-aa-page .se-aa-donut-toggle:focus {
  background: var(--se-page);
  outline: none;
}

.securends .se-aa-page .se-aa-donut-toggle:focus-visible {
  box-shadow: inset 0 0 0 2px var(--se-brand-tint);
}

.securends .se-aa-page .se-aa-donut-toggle-title {
  flex: 1 1 auto;
  min-width: 0;
}

.securends .se-aa-page .se-aa-donut-chevron {
  flex: 0 0 auto;
  color: var(--se-ink-2);
  font-size: 12px;
}

.securends .se-aa-page .se-aa-donut-body {
  padding: 10px 12px 12px;
}

.securends .se-aa-page .se-aa-donut-body[hidden] {
  display: none !important;
}

.se-aa-donut-row,
.securends .se-aa-donut-row,
.se-aa-page .se-aa-donut-row,
.securends .se-aa-page .se-aa-donut-row,
.se-aa-page .graph-container-grid.se-aa-donut-row,
.securends .se-aa-page .graph-container-grid.se-aa-donut-row {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 0 !important;
  width: 100% !important;
  align-items: stretch;
}

.securends .se-aa-donut-row .se-dashboard-panel.se-donut-panel,
.securends .se-aa-page .se-aa-donut-row .se-dashboard-panel.se-donut-panel,
.securends .se-aa-donut-row .MuiCard-root.se-donut-panel {
  min-height: 0;
  height: auto !important;
  display: flex;
  flex-direction: column;
  background: var(--se-page) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r) !important;
  box-shadow: none !important;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  transition: box-shadow var(--se-ease, 0.15s ease), border-color var(--se-ease, 0.15s ease);
}

.securends .se-aa-donut-row .se-dashboard-panel.se-donut-panel:hover,
.securends .se-aa-page .se-aa-donut-row .se-dashboard-panel.se-donut-panel:hover {
  box-shadow: var(--se-shadow) !important;
  border-color: var(--se-brand-line, var(--se-line-soft)) !important;
}

.securends .se-aa-donut-row .se-donut-title.MuiTypography-root,
.securends .se-aa-donut-row .se-donut-title,
.securends .se-aa-page .se-aa-donut-row .se-donut-title.MuiTypography-root,
.securends .se-aa-page .se-aa-donut-row .se-donut-title {
  text-transform: none !important;
  letter-spacing: -0.01em !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  margin: 0 0 2px !important;
  line-height: 1.2 !important;
  flex: 0 0 auto;
}

.securends .se-aa-donut-row .se-donut-wrap,
.securends .se-aa-page .se-aa-donut-row .se-donut-wrap {
  position: relative;
  flex: 0 0 auto;
  width: 100%;
  height: 140px;
  min-height: 140px;
  max-height: 140px;
  min-width: 0;
  margin-top: 0;
}

.securends .se-aa-donut-row .se-donut-empty,
.securends .se-aa-page .se-aa-donut-row .se-donut-empty {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 140px;
  font-size: 12px;
  color: var(--se-ink-3);
}

.securends .se-aa-donut-row .se-donut-card-body.MuiCardContent-root,
.securends .se-aa-donut-row .se-donut-card-body.MuiCardContent-root:last-child,
.securends .se-aa-page .se-aa-donut-row .se-donut-card-body.MuiCardContent-root,
.securends .se-aa-page .se-aa-donut-row .se-donut-card-body.MuiCardContent-root:last-child {
  flex: 1 1 auto;
  display: flex !important;
  flex-direction: column;
  min-height: 0 !important;
  height: 100%;
  padding: 8px 10px 6px !important;
  box-sizing: border-box;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

@media (max-width: 768px) {
  .securends .se-aa-donut-row,
  .securends .se-aa-page .se-aa-donut-row {
    grid-template-columns: 1fr;
  }
}

/* Legacy selectors (pre-donut markup) — keep token surfaces if old class names linger */
.se-aa-page .graph-container-grid,
.securends .se-aa-page .graph-container-grid:not(.se-aa-donut-row) {
  margin: 0 0 16px 0 !important;
  width: 100% !important;
}

.se-aa-page .graph-container-grid .MuiCard-root:not(.se-donut-panel),
.securends .se-aa-page .graph-container-grid .MuiCard-root:not(.se-donut-panel),
.se-aa-page .summaryCard,
.securends .se-aa-page .summaryCard {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  padding: 16px !important;
  height: 100% !important;
  box-sizing: border-box !important;
}

.se-aa-page .graph-container-grid .CardHeader,
.securends .se-aa-page .graph-container-grid .CardHeader {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink, #0F172A) !important;
  padding: 0 0 12px 0 !important;
  margin: 0 0 12px 0 !important;
  background: transparent !important;
  border-bottom: 1px solid var(--se-line-soft, #F1F5F9) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* ── Card list (Pending Approvals InfiniteScroll) ── */
.securends .se-aa-page .MuiCardContent-root:not(.se-donut-card-body),
.se-aa-page.MyRequestListContent .MuiCardContent-root:not(.se-donut-card-body),
.se-aa-page .infinite-scroll-component .MuiCardContent-root {
  background: var(--se-card, #ffffff) !important;
  border: 1px solid var(--se-line, #E2E8F0) !important;
  border-radius: var(--se-r-card, 14px) !important;
  box-shadow: var(--se-shadow) !important;
  margin: 0 0 12px 0 !important;
  padding: 16px 20px !important;
  transition: all 0.15s ease-in-out !important;
}

.securends .se-aa-page .MuiCardContent-root:not(.se-donut-card-body):hover,
.se-aa-page.MyRequestListContent .MuiCardContent-root:not(.se-donut-card-body):hover,
.se-aa-page .infinite-scroll-component .MuiCardContent-root:hover {
  border-color: var(--se-brand-line, #CBD5E1) !important;
  box-shadow: var(--se-shadow-md) !important;
}

.securends .se-aa-page .MuiCardContent-root:not(.se-donut-card-body):last-child {
  padding-bottom: 12px !important;
}

.securends .se-aa-page .MuiTypography-body1,
.securends .se-aa-page .MuiTypography-body2 {
  color: var(--se-ink) !important;
  font-size: 13px !important;
}

.securends .se-aa-page .MuiTypography-body1 .req-id,
.securends .se-aa-page .MuiTypography-root[style*="#1976d2"] {
  color: var(--se-brand) !important;
}

.securends .se-aa-page .moreHorizIcon {
  color: var(--se-ink-2) !important;
  font-size: 24px !important;
}

.securends .se-aa-page .moreHorizIcon:hover {
  color: var(--se-brand) !important;
}

/* Summary graph cards (non-donut legacy) */
.securends .se-aa-page .MuiCard-root:not(.se-donut-panel) {
  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;
}

.securends .se-aa-page .MuiCardHeader-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
}

/* ── Detail page (PendingApprovalDetails) ── */
.securends .se-aa-page.approval-content .o-form-title-bar,
.securends .se-aa-page .o-form-title-bar:not(.scroll-header) {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: 100% !important;
  height: auto !important;
  min-height: var(--se-page-toolbar);
}

.securends .se-aa-page.approval-content .o-form-title-bar span:has(.my-req-status-btn),
.securends .se-aa-page.approval-content .o-form-title-bar > span:has(.my-req-status-btn),
.securends .se-aa-page.approval-content .o-form-title-bar > .MuiGrid-item:has(.my-req-status-btn),
.securends .se-aa-page.approval-content .o-form-title-bar .se-approval-action-btns {
  position: static !important;
  float: none !important;
  left: auto !important;
  margin-left: auto !important;
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
}

.securends .se-aa-page .se-approval-action-btns {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  position: static !important;
  left: auto !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  width: max-content !important;
  max-width: none !important;
  overflow: visible !important;
}

/* Entitlement row: keep Approve/Reject fully visible in vertical and horizontal nav */
.securends .se-aa-page .se-entitlement-decision-row.MuiGrid-container,
.securends .se-aa-page .se-entitlement-decision-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  width: 100% !important;
}

.securends .se-aa-page .se-entitlement-decision-row > .MuiGrid-grid-sm-5 {
  flex: 1 1 200px !important;
  min-width: 0 !important;
  width: auto !important;
  max-width: none !important;
}

.securends .se-aa-page .se-entitlement-decision-row > .MuiGrid-grid-sm-2 {
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: max-content !important;
  margin-left: auto !important;
}

.securends .se-aa-page.approval-content .MuiCard-outlined,
.securends .se-aa-page.approval-content .MuiCardContent-root {
  overflow: visible !important;
}

.securends .se-aa-page .se-approval-action-btns > .MuiGrid-item {
  padding: 0 !important;
  margin: 0 !important;
}

/* Toolbar: keep equal gaps between Approve All / Reject All / Save / Back */
.securends .se-aa-page.approval-content .o-form-title-bar .se-approval-action-btns,
.securends .se-aa-page.se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  column-gap: 8px !important;
}

.securends .se-aa-page.se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns > .my-req-status-btn.MuiButton-root + .my-req-status-btn.MuiButton-root,
.securends .se-aa-page.se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns > .my-req-status-btn.MuiButton-root + .my-req-status-btn-red.MuiButton-root,
.securends .se-aa-page.se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns > .MuiButton-root + .MuiButton-root {
  margin-left: 8px !important;
}

/* App-card header: Application Name + Approve All / Reject All on one row */
.securends .se-aa-page .my-approval-app-container .se-approval-app-header-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px 12px !important;
  width: 100% !important;
  margin: 4px 0 10px !important;
  float: none !important;
}

.securends .se-aa-page .my-approval-app-container .se-approval-app-name {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.securends .se-aa-page .my-approval-app-container .se-approval-app-all-btns {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: static !important;
}

.securends .se-aa-page .my-approval-app-container .se-approval-app-all-btns .my-req-status-btn,
.securends .se-aa-page .my-approval-app-container .se-approval-app-all-btns .my-req-status-btn-red,
.securends .se-aa-page .my-approval-app-container .se-approval-app-all-btns .MuiButton-root {
  margin: 0 !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 96px !important;
  padding: 0 12px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  float: none !important;
  position: static !important;
  box-shadow: none !important;
}

.securends .se-aa-page .se-approval-action-btns .my-req-status-btn,
.securends .se-aa-page .se-approval-action-btns .my-req-status-btn-red,
.securends .se-aa-page .se-approval-action-btns .MuiButton-root {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 76px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  flex: 0 0 auto !important;
}

.securends .se-aa-page .se-approval-action-btns .MuiButton-root .MuiButton-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  position: relative !important;
  gap: 0 !important;
}

/* MUI ripple must stay absolute — title-bar span rules must never stretch the button */
.securends .se-aa-page .se-approval-action-btns .MuiButton-root > .MuiTouchRipple-root,
.securends .se-aa-page.approval-content .o-form-title-bar .MuiButton-root > .MuiTouchRipple-root {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* Toolbar Reject All — same box as Approve All (beat pickels red padding / MUI default) */
.securends .se-aa-page.approval-content .o-form-title-bar .se-approval-action-btns > .MuiButton-root.se-hdr-btn-revoke,
.securends .se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns > .MuiButton-root.se-hdr-btn-revoke,
.securends .se-aa-page.approval-content .o-form-title-bar .se-approval-action-btns > .my-req-status-btn-red,
.securends .se-ar-page.approval-content .o-form-title-bar .se-approval-action-btns > .my-req-status-btn-red.MuiButton-root,
.securends .approval-content .o-form-title-bar .my-req-status-btn-red.MuiButton-outlined,
.securends .approval-content .o-form-title-bar .my-req-status-btn-red.MuiButton-root {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  width: auto !important;
  min-width: 76px !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  align-self: center !important;
}

.securends .se-aa-page .my-req-status-btn + .my-req-status-btn {
  margin-left: 8px !important;
}

.securends .se-aa-page .my-req-status-btn.MuiButton-contained,
.securends .se-aa-page .MuiButton-contained.my-req-status-btn {
  background: var(--se-brand) !important;
  color: #fff !important;
  border: 1px solid var(--se-brand) !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
  height: 28px !important;
  padding: 0 12px !important;
  box-shadow: none !important;
  text-transform: none !important;
}

.securends .se-aa-page .my-req-status-btn-red.MuiButton-contained {
  background: var(--se-risk) !important;
  border-color: var(--se-risk) !important;
  color: #fff !important;
}

.securends .se-aa-page .my-req-status-btn[style*="#337ab7"],
.securends .se-aa-page .MuiButton-contained[style*="#337ab7"] {
  background: var(--se-brand) !important;
  border-color: var(--se-brand) !important;
}

/* Direct Elections parity — Approve = ok outline/fill, Reject = risk outline/fill,
   Save = brand fill, Back = brand outline. */
.securends .se-aa-page .MuiButton-root.se-hdr-btn-approve,
.securends .se-aa-page .MuiButton-outlined.se-hdr-btn-approve,
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-approve,
.securends .se-ar-page.approval-content .MuiButton-outlined.se-hdr-btn-approve {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-ok) !important;
  color: var(--se-ok) !important;
  -webkit-text-fill-color: var(--se-ok) !important;
  box-shadow: none !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-approve:hover:not(:disabled):not(.Mui-disabled),
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-approve:hover:not(:disabled):not(.Mui-disabled) {
  background: var(--se-ok-tint) !important;
  background-color: var(--se-ok-tint) !important;
  border-color: var(--se-ok) !important;
  color: var(--se-ok) !important;
  -webkit-text-fill-color: var(--se-ok) !important;
}

.securends .se-aa-page .MuiButton-contained.se-hdr-btn-approve,
.securends .se-ar-page.approval-content .MuiButton-contained.se-hdr-btn-approve {
  background: var(--se-ok) !important;
  background-color: var(--se-ok) !important;
  border: 1px solid var(--se-ok) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.securends .se-aa-page .MuiButton-contained.se-hdr-btn-approve:hover:not(:disabled):not(.Mui-disabled),
.securends .se-ar-page.approval-content .MuiButton-contained.se-hdr-btn-approve:hover:not(:disabled):not(.Mui-disabled) {
  background: var(--se-ok) !important;
  border-color: var(--se-ok) !important;
  filter: brightness(0.92);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-revoke,
.securends .se-aa-page .MuiButton-outlined.se-hdr-btn-revoke,
.securends .se-aa-page .MuiButton-outlined.my-req-status-btn-red.se-hdr-btn-revoke,
.securends .se-aa-page .MuiButton-outlined.my-req-status-btn.se-hdr-btn-revoke,
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-revoke,
.securends .se-ar-page.approval-content .MuiButton-outlined.se-hdr-btn-revoke,
.securends .se-ar-page.approval-content .MuiButton-outlined.my-req-status-btn.se-hdr-btn-revoke {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-risk) !important;
  color: var(--se-risk) !important;
  -webkit-text-fill-color: var(--se-risk) !important;
  box-shadow: none !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 16px !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-revoke:hover:not(:disabled):not(.Mui-disabled),
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-revoke:hover:not(:disabled):not(.Mui-disabled) {
  background: var(--se-risk-tint) !important;
  background-color: var(--se-risk-tint) !important;
  border-color: var(--se-risk) !important;
  color: var(--se-risk) !important;
  -webkit-text-fill-color: var(--se-risk) !important;
}

.securends .se-aa-page .MuiButton-contained.se-hdr-btn-revoke,
.securends .se-aa-page .MuiButton-contained.my-req-status-btn-red.se-hdr-btn-revoke,
.securends .se-ar-page.approval-content .MuiButton-contained.se-hdr-btn-revoke {
  background: var(--se-risk) !important;
  background-color: var(--se-risk) !important;
  border: 1px solid var(--se-risk) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.securends .se-aa-page .MuiButton-contained.se-hdr-btn-revoke:hover:not(:disabled):not(.Mui-disabled),
.securends .se-ar-page.approval-content .MuiButton-contained.se-hdr-btn-revoke:hover:not(:disabled):not(.Mui-disabled) {
  background: var(--se-risk) !important;
  border-color: var(--se-risk) !important;
  filter: brightness(0.92);
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-quiet,
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-quiet {
  background: var(--se-card) !important;
  background-color: var(--se-card) !important;
  border: 1px solid var(--se-brand) !important;
  color: var(--se-brand) !important;
  -webkit-text-fill-color: var(--se-brand) !important;
  box-shadow: none !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-quiet:hover:not(:disabled):not(.Mui-disabled),
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-quiet:hover:not(:disabled):not(.Mui-disabled) {
  background: var(--se-page) !important;
  border-color: var(--se-brand) !important;
  color: var(--se-brand) !important;
  -webkit-text-fill-color: var(--se-brand) !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-save,
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-save {
  background: var(--se-brand) !important;
  background-color: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  box-shadow: none !important;
}

.securends .se-aa-page .MuiButton-root.se-hdr-btn-save:hover:not(:disabled):not(.Mui-disabled),
.securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-save:hover:not(:disabled):not(.Mui-disabled) {
  background: var(--se-brand-hover) !important;
  border-color: var(--se-brand-hover) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

/* Dark mode — same semantic outlines as Direct Elections */
html[data-se-mode="dark"] .securends .se-aa-page .MuiButton-root.se-hdr-btn-approve:not(.MuiButton-contained):not(.Mui-disabled),
html[data-se-mode="dark"] .securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-approve:not(.MuiButton-contained):not(.Mui-disabled) {
  background: rgba(16, 185, 129, 0.16) !important;
  border: 1px solid #34d399 !important;
  color: #6ee7b7 !important;
  -webkit-text-fill-color: #6ee7b7 !important;
}

html[data-se-mode="dark"] .securends .se-aa-page .MuiButton-contained.se-hdr-btn-approve:not(.Mui-disabled),
html[data-se-mode="dark"] .securends .se-ar-page.approval-content .MuiButton-contained.se-hdr-btn-approve:not(.Mui-disabled) {
  background: rgba(16, 185, 129, 0.28) !important;
  border: 1px solid #34d399 !important;
  color: #a7f3d0 !important;
  -webkit-text-fill-color: #a7f3d0 !important;
}

html[data-se-mode="dark"] .securends .se-aa-page .MuiButton-root.se-hdr-btn-revoke:not(.MuiButton-contained):not(.Mui-disabled),
html[data-se-mode="dark"] .securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-revoke:not(.MuiButton-contained):not(.Mui-disabled) {
  background: rgba(239, 68, 68, 0.16) !important;
  border: 1px solid #f87171 !important;
  color: #fca5a5 !important;
  -webkit-text-fill-color: #fca5a5 !important;
}

html[data-se-mode="dark"] .securends .se-aa-page .MuiButton-contained.se-hdr-btn-revoke:not(.Mui-disabled),
html[data-se-mode="dark"] .securends .se-ar-page.approval-content .MuiButton-contained.se-hdr-btn-revoke:not(.Mui-disabled) {
  background: rgba(239, 68, 68, 0.28) !important;
  border: 1px solid #f87171 !important;
  color: #fecaca !important;
  -webkit-text-fill-color: #fecaca !important;
}

html[data-se-mode="dark"] .securends .se-aa-page .MuiButton-root.se-hdr-btn-quiet:not(.Mui-disabled),
html[data-se-mode="dark"] .securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-quiet:not(.Mui-disabled) {
  background: transparent !important;
  border: 1px solid var(--se-brand, #dbeafe) !important;
  color: var(--se-brand, #dbeafe) !important;
  -webkit-text-fill-color: var(--se-brand, #dbeafe) !important;
}

html[data-se-mode="dark"] .securends .se-aa-page .MuiButton-root.se-hdr-btn-save:not(.Mui-disabled),
html[data-se-mode="dark"] .securends .se-ar-page.approval-content .MuiButton-root.se-hdr-btn-save:not(.Mui-disabled) {
  background: var(--se-btn-bg, #dbeafe) !important;
  border-color: var(--se-btn-bg, #dbeafe) !important;
  color: var(--se-btn-fg, #333333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333333) !important;
}

/* Dark: card-level Approve / Reject — unselected (outlined) must read as secondary,
   otherwise the global dark MUI rule paints it ice like the selected (contained) one.
   Skip se-hdr-btn-approve / se-hdr-btn-revoke (Direct Elections semantic colors). */
html[data-se-mode="dark"] .securends .se-aa-page .MuiCard-root .MuiButton-outlined.my-req-status-btn:not(.Mui-disabled):not(.se-hdr-btn-approve):not(.se-hdr-btn-revoke),
html[data-se-mode="dark"] .securends .se-aa-page .MuiCard-root .MuiButton-outlined.my-req-status-btn-red:not(.Mui-disabled):not(.se-hdr-btn-revoke) {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--se-line) !important;
  border-color: var(--se-line) !important;
  color: var(--se-ink-2) !important;
  -webkit-text-fill-color: var(--se-ink-2) !important;
}

/* Dark: disabled card-level Approve / Reject (All) — global dark disabled paints
   #4b5568 on the raised surface, which vanishes on the card. Keep them legible but inert. */
html[data-se-mode="dark"] .securends .se-ar-page .MuiCard-root .MuiButton-root.Mui-disabled.my-req-status-btn,
html[data-se-mode="dark"] .securends .se-ar-page .MuiCard-root .MuiButton-root.Mui-disabled.my-req-status-btn-red {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid var(--se-ink-3, #64748b) !important;
  border-color: var(--se-ink-3, #64748b) !important;
  color: var(--se-ink-2, #cbd5e1) !important;
  -webkit-text-fill-color: var(--se-ink-2, #cbd5e1) !important;
  opacity: 0.6 !important;
  cursor: not-allowed !important;
}

html[data-se-mode="dark"] .securends .se-ar-page .MuiCard-root .MuiButton-contained.Mui-disabled.my-req-status-btn {
  background: var(--se-btn-bg, #dbeafe) !important;
  background-color: var(--se-btn-bg, #dbeafe) !important;
  border-color: var(--se-btn-bg, #dbeafe) !important;
  color: var(--se-btn-fg, #333333) !important;
  -webkit-text-fill-color: var(--se-btn-fg, #333333) !important;
  opacity: 0.55 !important;
}

html[data-se-mode="dark"] .securends .se-ar-page .MuiCard-root .MuiButton-contained.Mui-disabled.my-req-status-btn-red {
  background: var(--se-risk, #ef4444) !important;
  background-color: var(--se-risk, #ef4444) !important;
  border-color: var(--se-risk, #ef4444) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 0.55 !important;
}

html[data-se-mode="dark"] .securends .se-aa-page .MuiCard-root .MuiButton-outlined.my-req-status-btn:not(.Mui-disabled):not(.se-hdr-btn-approve):not(.se-hdr-btn-revoke):hover,
html[data-se-mode="dark"] .securends .se-aa-page .MuiCard-root .MuiButton-outlined.my-req-status-btn-red:not(.Mui-disabled):not(.se-hdr-btn-revoke):hover {
  background: var(--se-page) !important;
  background-color: var(--se-page) !important;
  border-color: var(--se-ink-3, var(--se-line)) !important;
  color: var(--se-ink) !important;
  -webkit-text-fill-color: var(--se-ink) !important;
}

/* ── All Requests / Fulfillment — h2.header ── */
.securends .se-aa-page > .react-table > div:first-child,
.securends .se-aa-page.react-table > div:first-child {
  background: var(--se-card) !important;
  border: 1px solid var(--se-line) !important;
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  padding: 10px 20px !important;
  margin: 0 0 16px !important;
  display: flex;
  align-items: center;
  min-height: var(--se-page-toolbar);
}

.securends .se-aa-page h2.header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  line-height: 1.3 !important;
  font-size: var(--se-t-page-head) !important;
  font-weight: 600 !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
}

/* ReactTable under se-aa-page */
.securends .se-aa-page .ReactTable .rt-th,
.securends .se-aa-page .ReactTable .rt-td {
  font-family: var(--se-sans) !important;
  color: var(--se-ink);
}

.securends .se-aa-page .ReactTable .-loading {
  background: rgba(255, 255, 255, 0.7);
}

/* Refresh / custom_info buttons */
.securends .se-aa-page .custom_info,
.securends .se-aa-page button.custom_info {
  background: var(--se-brand) !important;
  border: 1px solid var(--se-brand) !important;
  color: #fff !important;
  border-radius: var(--se-r) !important;
  font-size: 12px !important;
}

/* Request Audit Trail — DataTable */
.securends .se-aa-page .dt-scroll,
.securends .se-aa-page #requestAudit-table {
  background: var(--se-card);
  border: 1px solid var(--se-line);
  border-radius: var(--se-r-card);
  box-shadow: var(--se-shadow);
  overflow: hidden;
}

.securends .se-aa-page #requestAudit-table thead th {
  background: var(--se-bg) !important;
  color: var(--se-ink) !important;
  font-family: var(--se-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-bottom: 1px solid var(--se-line) !important;
}

.securends .se-aa-page #requestAudit-table tbody td {
  color: var(--se-ink) !important;
  font-size: 13px !important;
  border-color: var(--se-line) !important;
}

/* Alerts */
.securends .se-aa-page .alert-info {
  background: var(--se-brand-tint) !important;
  border: 1px solid var(--se-brand-line) !important;
  color: var(--se-ink) !important;
  border-radius: var(--se-r) !important;
}

.securends .se-aa-page .alert-danger {
  background: var(--se-risk-tint) !important;
  border: 1px solid var(--se-risk) !important;
  color: var(--se-risk) !important;
  border-radius: var(--se-r) !important;
}

@media (max-width: 768px) {
  .securends .se-aa-page .scroll-header,
  .securends .se-aa-page.approval-content .o-form-title-bar {
    flex-wrap: wrap;
  }
}


/*# sourceMappingURL=main-238dec2b.e8fcc8ba.css.map*/