:root {
  --ignis-help-icon-opacity: 1;
  --ignis-page-bg: #0C193C;
  --ignis-header-bg: #0C193C;
  --ignis-header-text: #FFFFFF;
  --ignis-header-active: #30D7E3;
  --ignis-header-item-bg: #0C193C;
  --ignis-header-item-text: #FFFFFF;
  --ignis-header-item-border: #0C193C;
  --ignis-header-item-border-width: 1px;
  --ignis-header-item-hover-bg: #0C193C;
  --ignis-header-item-hover-text: #30D7E3;
  --ignis-header-item-hover-border: #0C193C;
  --ignis-header-item-hover-border-width: 1px;
  --ignis-header-item-selected-bg: #0C193C;
  --ignis-header-item-selected-text: #30D7E3;
  --ignis-header-item-selected-border: #30D7E3;
  --ignis-header-item-selected-border-width: 1px;
  --ignis-header-item-padding-top: 0px;
  --ignis-header-item-padding-right: 30px;
  --ignis-header-item-padding-bottom: 0px;
  --ignis-header-item-padding-left: 30px;
  --ignis-header-item-margin-top: 0px;
  --ignis-header-item-margin-right: 0px;
  --ignis-header-item-margin-bottom: 0px;
  --ignis-header-item-margin-left: 0px;
  --ignis-header-item-border-top-left-radius: 0px;
  --ignis-header-item-border-top-right-radius: 0px;
  --ignis-header-item-border-bottom-right-radius: 0px;
  --ignis-header-item-border-bottom-left-radius: 0px;
  --ignis-logo-bg: #FFFFFF;
  --ignis-sidebar-bg: #0C193C;
  --ignis-sidebar-divider: #204863;
  --ignis-sidebar-top-padding: 0px;
  --ignis-sidebar-text: #C4CDD5;
  --ignis-sidebar-active: #1A3448;
  --ignis-sidebar-item-bg: #355166;
  --ignis-sidebar-item-text: #C4CDD5;
  --ignis-sidebar-item-border: #355166;
  --ignis-sidebar-item-border-width: 1px;
  --ignis-sidebar-item-hover-bg: #1A3448;
  --ignis-sidebar-item-hover-text: #30D7E3;
  --ignis-sidebar-item-hover-border: #1A3448;
  --ignis-sidebar-item-hover-border-width: 1px;
  --ignis-sidebar-item-selected-bg: #1A3448;
  --ignis-sidebar-item-selected-text: #30D7E3;
  --ignis-sidebar-item-selected-border: #30D7E3;
  --ignis-sidebar-item-selected-border-width: 1px;
  --ignis-sidebar-item-padding-top: 15px;
  --ignis-sidebar-item-padding-right: 12px;
  --ignis-sidebar-item-padding-bottom: 15px;
  --ignis-sidebar-item-padding-left: 12px;
  --ignis-sidebar-item-margin-top: 0px;
  --ignis-sidebar-item-margin-right: 21px;
  --ignis-sidebar-item-margin-bottom: 20px;
  --ignis-sidebar-item-margin-left: 21px;
  --ignis-sidebar-item-border-top-left-radius: 4px;
  --ignis-sidebar-item-border-top-right-radius: 4px;
  --ignis-sidebar-item-border-bottom-right-radius: 4px;
  --ignis-sidebar-item-border-bottom-left-radius: 4px;
  --ignis-help-toggle-bg: #355166;
  --ignis-help-toggle-text: #C4CDD5;
  --ignis-help-toggle-border: #355166;
  --ignis-help-toggle-border-width: 1px;
  --ignis-help-toggle-hover-bg: #1A3448;
  --ignis-help-toggle-hover-text: #30D7E3;
  --ignis-help-toggle-hover-border: #1A3448;
  --ignis-help-toggle-hover-border-width: 1px;
  --ignis-help-toggle-selected-bg: #198893;
  --ignis-help-toggle-selected-text: #FFFFFF;
  --ignis-help-toggle-selected-border: #198893;
  --ignis-help-toggle-selected-border-width: 1px;
  --ignis-panel-bg: #1B3B50;
  --ignis-panel-header: #1A3448;
  --ignis-card-bg: #0E2738;
  --ignis-card-border: #41657A;
  --ignis-card-border-width: 1px;
  --ignis-module-bg: #0E2738;
  --ignis-module-header: #1A3448;
  --ignis-module-accent: #30D7E3;
  --ignis-account-section-kicker-text: #30D7E3;
  --ignis-account-card-hover-bg: #32949D;
  --ignis-menu-item-tab-bg: #0E2738;
  --ignis-menu-item-tab-text: #AEBFCA;
  --ignis-menu-item-tab-border: #41657A;
  --ignis-menu-item-tab-border-width: 1px;
  --ignis-menu-item-tab-hover-bg: #1A3448;
  --ignis-menu-item-tab-hover-text: #30D7E3;
  --ignis-menu-item-tab-hover-border: #30D7E3;
  --ignis-menu-item-tab-hover-border-width: 1px;
  --ignis-menu-item-tab-selected-bg: #1A3448;
  --ignis-menu-item-tab-selected-text: #30D7E3;
  --ignis-menu-item-tab-selected-border: #30D7E3;
  --ignis-menu-item-tab-selected-border-width: 1px;
  --ignis-profile-menu-bg: #FFFFFF;
  --ignis-profile-menu-text: #02263E;
  --ignis-profile-menu-header-bg: #198893;
  --ignis-profile-menu-header-text: #FFFFFF;
  --ignis-profile-menu-item-bg: #FFFFFF;
  --ignis-profile-menu-item-text: #02263E;
  --ignis-profile-menu-item-hover-bg: #F2F6F8;
  --ignis-profile-menu-item-hover-text: #1C878D;
  --ignis-profile-menu-divider: #BBBBBB;
  --ignis-profile-menu-logout-bg: #FFFFFF;
  --ignis-profile-menu-logout-text: #906545;
  --ignis-profile-menu-logout-hover-bg: #F2F6F8;
  --ignis-profile-menu-logout-hover-text: #1C878D;
  --ignis-admin-search-bg: #1A3448;
  --ignis-admin-search-text: #FFFFFF;
  --ignis-admin-search-border: #41657A;
  --ignis-admin-search-border-width: 0px;
  --ignis-admin-search-padding-top: 4px;
  --ignis-admin-search-padding-right: 6px;
  --ignis-admin-search-padding-bottom: 4px;
  --ignis-admin-search-padding-left: 6px;
  --ignis-admin-search-margin-top: 0px;
  --ignis-admin-search-margin-right: 0px;
  --ignis-admin-search-margin-bottom: 0px;
  --ignis-admin-search-margin-left: 0px;
  --ignis-admin-search-border-top-left-radius: 4px;
  --ignis-admin-search-border-top-right-radius: 4px;
  --ignis-admin-search-border-bottom-right-radius: 4px;
  --ignis-admin-search-border-bottom-left-radius: 4px;
  --ignis-panel-header-shell-bg: #4D6778;
  --ignis-panel-header-shell-text: #FFFFFF;
  --ignis-panel-header-shell-border: #4D6778;
  --ignis-panel-header-shell-border-width: 0px;
  --ignis-panel-header-padding-top: 2px;
  --ignis-panel-header-padding-right: 2px;
  --ignis-panel-header-padding-bottom: 2px;
  --ignis-panel-header-padding-left: 2px;
  --ignis-panel-header-margin-top: 0px;
  --ignis-panel-header-margin-right: 0px;
  --ignis-panel-header-margin-bottom: 0px;
  --ignis-panel-header-margin-left: 0px;
  --ignis-panel-header-border-top-left-radius: 4px;
  --ignis-panel-header-border-top-right-radius: 4px;
  --ignis-panel-header-border-bottom-right-radius: 4px;
  --ignis-panel-header-border-bottom-left-radius: 4px;
  --ignis-text-primary: #FFFFFF;
  --ignis-text-secondary: #AEBFCA;
  --ignis-input-bg: #0A1D2B;
  --ignis-input-text: #FFFFFF;
  --ignis-input-placeholder: #A9B0B5;
  --ignis-input-border: #40657A;
  --ignis-input-border-width: 1px;
  --ignis-input-focus-bg: #0A1D2B;
  --ignis-input-focus-text: #FFFFFF;
  --ignis-input-focus-placeholder: #A9B0B5;
  --ignis-input-focus-border: #30D7E3;
  --ignis-input-focus-border-width: 1px;
  --ignis-primary: #30D7E3;
  --ignis-primary-text: #06202A;
  --ignis-primary-border: #30D7E3;
  --ignis-primary-border-width: 1px;
  --ignis-primary-hover: #1CD6E0;
  --ignis-primary-hover-text: #06202A;
  --ignis-primary-hover-border: #1CD6E0;
  --ignis-primary-hover-border-width: 1px;
  --ignis-selected: #1A3448;
  --ignis-selected-text: #30D7E3;
  --ignis-selected-border: #30D7E3;
  --ignis-selected-border-width: 1px;
  --ignis-button-padding-top: 8px;
  --ignis-button-padding-right: 14px;
  --ignis-button-padding-bottom: 8px;
  --ignis-button-padding-left: 14px;
  --ignis-button-margin-top: 0px;
  --ignis-button-margin-right: 0px;
  --ignis-button-margin-bottom: 0px;
  --ignis-button-margin-left: 0px;
  --ignis-button-border-top-left-radius: 5px;
  --ignis-button-border-top-right-radius: 5px;
  --ignis-button-border-bottom-right-radius: 5px;
  --ignis-button-border-bottom-left-radius: 5px;
  --ignis-secondary: #294a65;
  --ignis-success: #79E9B1;
  --ignis-danger: #FFA0AF;
  --ignis-focus: #30D7E3;
  --ignis-error-message-bg: #3A1824;
  --ignis-error-message-text: #FFA0AF;
  --ignis-error-message-border: #A13A58;
  --ignis-error-message-border-width: 1px;
  --ignis-error-message-padding-top: 10px;
  --ignis-error-message-padding-right: 12px;
  --ignis-error-message-padding-bottom: 10px;
  --ignis-error-message-padding-left: 12px;
  --ignis-error-message-margin-top: 8px;
  --ignis-error-message-margin-right: 0px;
  --ignis-error-message-margin-bottom: 8px;
  --ignis-error-message-margin-left: 0px;
  --ignis-error-message-border-top-left-radius: 6px;
  --ignis-error-message-border-top-right-radius: 6px;
  --ignis-error-message-border-bottom-right-radius: 6px;
  --ignis-error-message-border-bottom-left-radius: 6px;
  --ignis-login-bg: #0C193C;
  --ignis-login-overlay-bg: #0C193C;
  --ignis-login-overlay-opacity: 0.70;
  --ignis-login-panel: #1B3B50;
  --ignis-login-text: #FFFFFF;
  --ignis-login-info-text: #FFFFFF;
  --ignis-login-link-text: #FFFFFF;
  --ignis-login-link-hover-text: #FFFFFF;
  --ignis-login-checkbox-bg: #198893;
  --ignis-login-checkbox-check: #FFFFFF;
  --ignis-login-input-bg: #FFFFFF;
  --ignis-login-input-text: #101820;
  --ignis-login-input-placeholder: #707479;
  --ignis-login-input-border: #40657A;
  --ignis-login-input-border-width: 1px;
  --ignis-login-input-focus-bg: #FFFFFF;
  --ignis-login-input-focus-text: #101820;
  --ignis-login-input-focus-placeholder: #707479;
  --ignis-login-input-focus-border: #30D7E3;
  --ignis-login-input-focus-border-width: 1px;
  --ignis-login-icon-bg: #30D7E3;
  --ignis-login-icon-text: #06202A;
  --ignis-login-icon-focus-bg: #1CD6E0;
  --ignis-login-icon-focus-text: #06202A;
  --ignis-popup-container-bg: #0C193C;
  --ignis-popup-panel-bg: #1B3B50;
  --ignis-popup-panel-text: #FFFFFF;
  --ignis-popup-panel-border: #41657A;
  --ignis-popup-panel-border-width: 1px;
  --ignis-popup-panel-padding-top: 10px;
  --ignis-popup-panel-padding-right: 10px;
  --ignis-popup-panel-padding-bottom: 10px;
  --ignis-popup-panel-padding-left: 10px;
  --ignis-popup-panel-margin-top: 14px;
  --ignis-popup-panel-margin-right: 14px;
  --ignis-popup-panel-margin-bottom: 14px;
  --ignis-popup-panel-margin-left: 14px;
  --ignis-popup-panel-border-top-left-radius: 8px;
  --ignis-popup-panel-border-top-right-radius: 8px;
  --ignis-popup-panel-border-bottom-right-radius: 8px;
  --ignis-popup-panel-border-bottom-left-radius: 8px;
  --ignis-popup-content-bg: #0E2738;
  --ignis-popup-content-text: #FFFFFF;
  --ignis-popup-content-border: #41657A;
  --ignis-popup-content-border-width: 1px;
  --ignis-popup-content-padding-top: 10px;
  --ignis-popup-content-padding-right: 10px;
  --ignis-popup-content-padding-bottom: 10px;
  --ignis-popup-content-padding-left: 10px;
  --ignis-popup-content-margin-top: 10px;
  --ignis-popup-content-margin-right: 10px;
  --ignis-popup-content-margin-bottom: 10px;
  --ignis-popup-content-margin-left: 10px;
  --ignis-popup-content-border-top-left-radius: 6px;
  --ignis-popup-content-border-top-right-radius: 6px;
  --ignis-popup-content-border-bottom-right-radius: 6px;
  --ignis-popup-content-border-bottom-left-radius: 6px;
  --ignis-popup-menu-item-bg: #0E2738;
  --ignis-popup-menu-item-text: #AEBFCA;
  --ignis-popup-menu-item-border: #41657A;
  --ignis-popup-menu-item-border-width: 0px;
  --ignis-popup-menu-item-hover-bg: #1A3448;
  --ignis-popup-menu-item-hover-text: #30D7E3;
  --ignis-popup-menu-item-hover-border: #30D7E3;
  --ignis-popup-menu-item-hover-border-width: 0px;
  --ignis-popup-menu-item-selected-bg: #1A3448;
  --ignis-popup-menu-item-selected-text: #30D7E3;
  --ignis-popup-menu-item-selected-border: #30D7E3;
  --ignis-popup-menu-item-selected-border-width: 0px;
  --ignis-popup-menu-item-padding-top: 3px;
  --ignis-popup-menu-item-padding-right: 5px;
  --ignis-popup-menu-item-padding-bottom: 3px;
  --ignis-popup-menu-item-padding-left: 5px;
  --ignis-popup-menu-item-margin-top: 0px;
  --ignis-popup-menu-item-margin-right: 4px;
  --ignis-popup-menu-item-margin-bottom: 0px;
  --ignis-popup-menu-item-margin-left: 0px;
  --ignis-popup-menu-item-border-top-left-radius: 4px;
  --ignis-popup-menu-item-border-top-right-radius: 4px;
  --ignis-popup-menu-item-border-bottom-right-radius: 4px;
  --ignis-popup-menu-item-border-bottom-left-radius: 4px;
  --ignis-popup-icon-bg: #CCCCCC;
  --ignis-popup-icon-text: #444444;
  --ignis-popup-icon-border: #EEEEEE;
  --ignis-popup-icon-border-width: 2px;
  --ignis-popup-icon-hover-bg: #CCCCCC;
  --ignis-popup-icon-hover-text: #30B5C3;
  --ignis-popup-icon-hover-border: #30B5C3;
  --ignis-popup-icon-hover-border-width: 2px;
  --ignis-popup-icon-padding-top: 10px;
  --ignis-popup-icon-padding-right: 10px;
  --ignis-popup-icon-padding-bottom: 10px;
  --ignis-popup-icon-padding-left: 10px;
  --ignis-popup-icon-margin-top: 10px;
  --ignis-popup-icon-margin-right: 10px;
  --ignis-popup-icon-margin-bottom: 10px;
  --ignis-popup-icon-margin-left: 10px;
  --ignis-popup-icon-border-top-left-radius: 8px;
  --ignis-popup-icon-border-top-right-radius: 8px;
  --ignis-popup-icon-border-bottom-right-radius: 8px;
  --ignis-popup-icon-border-bottom-left-radius: 8px;
  --ignis-overlay-bg: #0C193C;
  --ignis-scrollbar: #3586E0;
  --ignis-font-family: "Open Sans", Arial, sans-serif;
  --ignis-login-background-image: none;
}

html,
body.ignis-interface-themed,
body.ignis-interface-themed .main-outer-container,
body.ignis-interface-themed .dashboard-outer,
body.ignis-interface-themed .dashboard-content {
  background: var(--ignis-page-bg) !important;
  color: var(--ignis-text-primary);
}

body.ignis-interface-themed {
  font-family: var(--ignis-font-family, "Open Sans", Arial, sans-serif);
  scrollbar-color: var(--ignis-scrollbar) var(--ignis-page-bg);
}

body.ignis-interface-themed button,
body.ignis-interface-themed input,
body.ignis-interface-themed select,
body.ignis-interface-themed textarea,
body.ignis-interface-themed h1,
body.ignis-interface-themed h2,
body.ignis-interface-themed h3,
body.ignis-interface-themed h4,
body.ignis-interface-themed h5,
body.ignis-interface-themed h6 {
  font-family: var(--ignis-font-family, "Open Sans", Arial, sans-serif);
}

/* Keep every nested portal scrollbar aligned with the active interface theme.
   Width/height remain compact, while deliberately hidden scrollbars can still
   opt out with their own scrollbar-width:none rule. */
body.ignis-interface-themed,
body.ignis-interface-themed * {
  scrollbar-color: var(--ignis-scrollbar) color-mix(in srgb, var(--ignis-panel-bg) 72%, transparent) !important;
}

body.ignis-interface-themed::-webkit-scrollbar,
body.ignis-interface-themed *::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

body.ignis-interface-themed::-webkit-scrollbar-track,
body.ignis-interface-themed *::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--ignis-panel-bg) 72%, transparent) !important;
  border-radius: 999px;
}

body.ignis-interface-themed::-webkit-scrollbar-thumb,
body.ignis-interface-themed *::-webkit-scrollbar-thumb {
  background: var(--ignis-scrollbar) !important;
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box !important;
}

body.ignis-interface-themed::-webkit-scrollbar-thumb:hover,
body.ignis-interface-themed *::-webkit-scrollbar-thumb:hover {
  background: color-mix(in srgb, var(--ignis-scrollbar) 82%, white) !important;
  background-clip: padding-box !important;
}

body.ignis-interface-themed::-webkit-scrollbar-corner,
body.ignis-interface-themed *::-webkit-scrollbar-corner {
  background: color-mix(in srgb, var(--ignis-panel-bg) 72%, transparent) !important;
}

body.ignis-interface-themed .header-menu,
body.ignis-interface-themed .header-menu-adj-inner,
body.ignis-interface-themed .header-menu-user-section,
body.ignis-interface-themed .header-menu-admin-section,
body.ignis-interface-themed .site-icon,
body.ignis-interface-themed .panel-header-menu-options {
  background: var(--ignis-header-bg) !important;
  color: var(--ignis-header-text) !important;
}

body.ignis-interface-themed .header-sitename,
body.ignis-interface-themed .header-menu > i,
body.ignis-interface-themed .top-step {
  color: var(--ignis-header-text) !important;
}

/* Header-item colours belong to navigation links only. The brand wrapper also
   carries .header-option for layout, but must remain part of the shell. */
body.ignis-interface-themed .panel-header-menu-options > .header-option-link {
  padding: var(--ignis-header-item-padding-top) var(--ignis-header-item-padding-right) var(--ignis-header-item-padding-bottom) var(--ignis-header-item-padding-left) !important;
  margin: var(--ignis-header-item-margin-top) var(--ignis-header-item-margin-right) var(--ignis-header-item-margin-bottom) var(--ignis-header-item-margin-left) !important;
  border-radius: var(--ignis-header-item-border-top-left-radius) var(--ignis-header-item-border-top-right-radius) var(--ignis-header-item-border-bottom-right-radius) var(--ignis-header-item-border-bottom-left-radius) !important;
}

body.ignis-interface-themed .panel-header-menu-options > .header-option-link:not(.header-option-selected) {
  background: var(--ignis-header-item-bg) !important;
  color: var(--ignis-header-item-text) !important;
  box-shadow: inset 0 0 0 var(--ignis-header-item-border-width, 1px) var(--ignis-header-item-border) !important;
}

body.ignis-interface-themed .panel-header-menu-options > .header-option-link:not(.header-option-selected) i {
  color: var(--ignis-header-item-text) !important;
}

body.ignis-interface-themed .panel-header-menu-options > .header-option-link:not(.header-option-selected):hover,
body.ignis-interface-themed .panel-header-menu-options > .header-option-link:not(.header-option-selected):focus-visible {
  background: var(--ignis-header-item-hover-bg) !important;
  color: var(--ignis-header-item-hover-text) !important;
  box-shadow: inset 0 0 0 var(--ignis-header-item-hover-border-width, 1px) var(--ignis-header-item-hover-border) !important;
}

body.ignis-interface-themed .panel-header-menu-options > .header-option-link:not(.header-option-selected):hover i,
body.ignis-interface-themed .panel-header-menu-options > .header-option-link:not(.header-option-selected):focus-visible i {
  color: var(--ignis-header-item-hover-text) !important;
}

body.ignis-interface-themed .panel-header-menu-options > .header-option-link.header-option-selected,
body.ignis-interface-themed .panel-header-menu-options > .header-option-link.header-option-selected:hover,
body.ignis-interface-themed .panel-header-menu-options > .header-option-link.header-option-selected:focus-visible {
  background: var(--ignis-header-item-selected-bg) !important;
  color: var(--ignis-header-item-selected-text) !important;
  box-shadow: inset 0 0 0 var(--ignis-header-item-selected-border-width, 1px) var(--ignis-header-item-selected-border) !important;
}

body.ignis-interface-themed .panel-header-menu-options > .header-option-link.header-option-selected i,
body.ignis-interface-themed .panel-header-menu-options > .header-option-link.header-option-selected:hover i,
body.ignis-interface-themed .panel-header-menu-options > .header-option-link.header-option-selected:focus-visible i {
  color: var(--ignis-header-item-selected-text) !important;
}

body.ignis-interface-themed .site-icon.header-option,
body.ignis-interface-themed .site-icon.header-option:hover,
body.ignis-interface-themed .site-icon.header-option:focus-visible {
  background: transparent !important;
  color: var(--ignis-header-text) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .top-menu-selected {
  background: var(--ignis-header-item-selected-text) !important;
}

body.ignis-interface-themed .site-icon-container,
body.ignis-interface-themed .login-logo-circle,
body.ignis-interface-themed .login-container [style*="background:#ffffff"],
body.ignis-interface-themed .login-container [style*="background: #ffffff"] {
  background: var(--ignis-logo-bg) !important;
}

body.ignis-interface-themed.ignis-portal-logo-background-disabled .site-icon-container {
  background: transparent !important;
}

body.ignis-interface-themed.ignis-login-logo-background-disabled .login-logo-circle,
body.ignis-interface-themed.ignis-login-logo-background-disabled .login-container [style*="background:#ffffff"],
body.ignis-interface-themed.ignis-login-logo-background-disabled .login-container [style*="background: #ffffff"],
body.ignis-interface-themed.ignis-login-logo-background-disabled .login-container [style*="background:#fff"],
body.ignis-interface-themed.ignis-login-logo-background-disabled .login-container [style*="background: #fff"] {
  background: transparent !important;
}

body.ignis-interface-themed .main-section-container-menu,
body.ignis-interface-themed .left-menu-footer-container,
body.ignis-interface-themed .back-step,
body.ignis-interface-themed .left-menu-option-toggle {
  background: var(--ignis-sidebar-bg) !important;
  color: var(--ignis-sidebar-text) !important;
}

body.ignis-interface-themed .main-section-container-menu {
  padding-top: var(--ignis-sidebar-top-padding) !important;
  box-sizing: border-box;
}

body.ignis-interface-themed .cps-left-divider {
  background: var(--ignis-sidebar-divider) !important;
}

body.ignis-interface-themed .left-menu-option {
  padding: var(--ignis-sidebar-item-padding-top) var(--ignis-sidebar-item-padding-right) var(--ignis-sidebar-item-padding-bottom) var(--ignis-sidebar-item-padding-left) !important;
  margin: var(--ignis-sidebar-item-margin-top) var(--ignis-sidebar-item-margin-right) var(--ignis-sidebar-item-margin-bottom) var(--ignis-sidebar-item-margin-left) !important;
  border-radius: var(--ignis-sidebar-item-border-top-left-radius) var(--ignis-sidebar-item-border-top-right-radius) var(--ignis-sidebar-item-border-bottom-right-radius) var(--ignis-sidebar-item-border-bottom-left-radius) !important;
  background: var(--ignis-sidebar-item-bg) !important;
  color: var(--ignis-sidebar-item-text) !important;
  box-shadow: inset 0 0 0 var(--ignis-sidebar-item-border-width, 1px) var(--ignis-sidebar-item-border) !important;
}

body.ignis-interface-themed .left-menu-option::before {
  border-radius: inherit;
  background: var(--ignis-sidebar-item-hover-bg) !important;
  box-shadow: inset 0 0 0 var(--ignis-sidebar-item-hover-border-width, 1px) var(--ignis-sidebar-item-hover-border) !important;
}

body.ignis-interface-themed .left-menu-option-text,
body.ignis-interface-themed .left-menu-option .option-icon,
body.ignis-interface-themed .left-menu-option i {
  color: var(--ignis-sidebar-item-text) !important;
}

body.ignis-interface-themed .left-menu-option:hover,
body.ignis-interface-themed .left-menu-option:focus-visible {
  background: var(--ignis-sidebar-item-hover-bg) !important;
  color: var(--ignis-sidebar-item-hover-text) !important;
  box-shadow: inset 0 0 0 var(--ignis-sidebar-item-hover-border-width, 1px) var(--ignis-sidebar-item-hover-border) !important;
}

body.ignis-interface-themed .left-menu-option:hover .left-menu-option-text,
body.ignis-interface-themed .left-menu-option:hover .option-icon,
body.ignis-interface-themed .left-menu-option:hover i,
body.ignis-interface-themed .left-menu-option:focus-visible .left-menu-option-text,
body.ignis-interface-themed .left-menu-option:focus-visible .option-icon,
body.ignis-interface-themed .left-menu-option:focus-visible i {
  color: var(--ignis-sidebar-item-hover-text) !important;
}

body.ignis-interface-themed .left-menu-option-selected,
body.ignis-interface-themed .left-menu-option-selected:hover,
body.ignis-interface-themed .left-menu-option-selected:focus-visible {
  background: var(--ignis-sidebar-item-selected-bg) !important;
  color: var(--ignis-sidebar-item-selected-text) !important;
  box-shadow: inset 0 0 0 var(--ignis-sidebar-item-selected-border-width, 1px) var(--ignis-sidebar-item-selected-border) !important;
}

body.ignis-interface-themed .left-menu-option-selected::before,
body.ignis-interface-themed .left-menu-option-selected:hover::before,
body.ignis-interface-themed .left-menu-option-selected:focus-visible::before {
  background: var(--ignis-sidebar-item-selected-bg) !important;
  box-shadow: inset 0 0 0 var(--ignis-sidebar-item-selected-border-width, 1px) var(--ignis-sidebar-item-selected-border) !important;
  opacity: 1;
}

body.ignis-interface-themed .left-menu-option-selected .left-menu-option-text,
body.ignis-interface-themed .left-menu-option-selected .option-icon,
body.ignis-interface-themed .left-menu-option-selected i,
body.ignis-interface-themed .left-menu-option-selected:hover .left-menu-option-text,
body.ignis-interface-themed .left-menu-option-selected:hover .option-icon,
body.ignis-interface-themed .left-menu-option-selected:hover i {
  color: var(--ignis-sidebar-item-selected-text) !important;
}

body.ignis-interface-themed .main-section-container,
body.ignis-interface-themed .main-section-container-panel,
body.ignis-interface-themed .layout-outer-container-grid,
body.ignis-interface-themed .layout-outer-container,
body.ignis-interface-themed .panel-flex-display,
body.ignis-interface-themed .panel-flex-display-inner,
body.ignis-interface-themed .edit-form-content-page,
body.ignis-interface-themed .portal-entity-pages {
  background: var(--ignis-panel-bg) !important;
  color: var(--ignis-text-primary) !important;
}

/* When an item editor replaces a block's icon grid, switch that block into
   a focused editor layout. Preserve the layout section's declared width so a
   half-width account section does not expand when its editor opens, while the
   existing responsive rules can still stack it on smaller screens. */
body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) {
  align-items: stretch !important;
}

body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid:has(.admin_client_edit) {
  display: flex;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid.layout-outer-container50:has(.admin_client_edit) {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  max-width: 50%;
}

body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid.layout-outer-container100:has(.admin_client_edit) {
  flex: 1 1 100%;
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid:has(.admin_client_edit) > .layout-outer-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  width: calc(100% - 24px) !important;
  min-width: 0;
  min-height: calc(100% - 24px);
  height: calc(100% - 24px);
  margin: 12px !important;
  padding: 0 !important;
}

body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid:has(.admin_client_edit) > .layout-outer-container > .outer-block-menu {
  display: none !important;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) {
  display: flex;
  flex: 1 1 0;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  height: 100% !important;
  min-width: 0;
  min-height: 0 !important;
  max-height: none !important;
  padding: 10px !important;
  overflow: hidden !important;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) > .panel-flex-display-inner {
  position: absolute !important;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: auto;
  visibility: hidden;
  pointer-events: none;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) > .admin_client_edit {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

/* Keep the client/category/module editor shell within the stretched block and
   give its page region the internal scrollbar. The header, tabs and save bar
   remain visible while the selected page scrolls independently. */
body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) > .admin_client_edit > .block-popup-container {
  position: relative !important;
  inset: auto !important;
  display: flex;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .block-popup-container > .block-popup.portal-entity-popup {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: calc(100% - 12px) !important;
  height: calc(100% - 12px);
  min-height: 0;
  max-height: calc(100% - 12px);
  margin: 6px !important;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden !important;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-tabs,
body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-footer {
  flex: 0 0 auto;
}

body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-pages {
  flex: 1 1 auto;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
}

@media (max-width: 1150px) {
  body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid.layout-outer-container50 {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}

@media (max-height: 780px) {
  body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-header {
    min-height: 58px;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-tabs {
    min-height: 40px;
    padding-top: 5px;
  }

  body.ignis-interface-themed .layout-inner-container.panel-flex-display:has(.admin_client_edit) .portal-entity-footer {
    min-height: 48px;
    padding-top: 7px;
    padding-bottom: 7px;
  }
}
body.ignis-interface-themed .field_admin_search,
body.ignis-interface-themed .portal-panel-heading,
body.ignis-interface-themed .account-panel-heading,
body.ignis-interface-themed .portal-account-section-heading,
body.ignis-interface-themed .portal-entity-header,
body.ignis-interface-themed .portal-entity-tab-list,
body.ignis-interface-themed .cps-inner-list-box-top,
body.ignis-interface-themed .portal-module-card-header,
body.ignis-interface-themed .edit-input-field-header,
body.ignis-interface-themed .edit-form-header {
  background: var(--ignis-panel-header) !important;
  color: var(--ignis-text-primary) !important;
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
}

body.ignis-interface-themed .block-icon,
body.ignis-interface-themed .block-icon-content,
body.ignis-interface-themed .portal-account-row,
body.ignis-interface-themed .portal-account-card,
body.ignis-interface-themed .portal-settings-card,
body.ignis-interface-themed .portal-authentication-method,
body.ignis-interface-themed .portal-privilege-card,
body.ignis-interface-themed .cps-inner-list-box,
body.ignis-interface-themed .portal-module-card,
body.ignis-interface-themed .portal-entity-section,
body.ignis-interface-themed .portal-panel-card,
body.ignis-interface-themed .account-user-section,
body.ignis-interface-themed .account-user-section-header,
body.ignis-interface-themed .system-options-authentication-method,
body.ignis-interface-themed .privilege-manager-card {
  background: var(--ignis-card-bg) !important;
  color: var(--ignis-text-primary) !important;
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
}

body.ignis-interface-themed .block-icon:hover,
body.ignis-interface-themed .block-icon:focus-visible,
body.ignis-interface-themed .portal-account-row:hover,
body.ignis-interface-themed .portal-module-card:hover,
body.ignis-interface-themed .portal-module-card:focus-within {
  border-color: var(--ignis-primary) !important;
  box-shadow: 0 0 0 1px var(--ignis-primary) !important;
}

body.ignis-interface-themed .block-icon-content-text,
body.ignis-interface-themed h1,
body.ignis-interface-themed h2,
body.ignis-interface-themed h3,
body.ignis-interface-themed h4,
body.ignis-interface-themed label,
body.ignis-interface-themed legend,
body.ignis-interface-themed .cps-block-menu-title,
body.ignis-interface-themed .portal-account-name,
body.ignis-interface-themed .portal-account-username {
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed p,
body.ignis-interface-themed small,
body.ignis-interface-themed .portal-field-help,
body.ignis-interface-themed .portal-account-meta,
body.ignis-interface-themed .portal-panel-description,
body.ignis-interface-themed .edit-input-field-subtext {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .field_admin_search.menu-display-flex,
body.ignis-interface-themed .field_admin_search.menu-display-flex.menu-display-space-btwn {
  box-sizing: border-box;
  padding: var(--ignis-admin-search-padding-top) var(--ignis-admin-search-padding-right) var(--ignis-admin-search-padding-bottom) var(--ignis-admin-search-padding-left) !important;
  margin: var(--ignis-admin-search-margin-top) var(--ignis-admin-search-margin-right) var(--ignis-admin-search-margin-bottom) var(--ignis-admin-search-margin-left) !important;
  border: var(--ignis-admin-search-border-width, 0px) solid var(--ignis-admin-search-border) !important;
  border-radius: var(--ignis-admin-search-border-top-left-radius) var(--ignis-admin-search-border-top-right-radius) var(--ignis-admin-search-border-bottom-right-radius) var(--ignis-admin-search-border-bottom-left-radius) !important;
  background: var(--ignis-admin-search-bg) !important;
  color: var(--ignis-admin-search-text) !important;
}

body.ignis-interface-themed .field_admin_search.menu-display-flex .cps-block-menu-title,
body.ignis-interface-themed .field_admin_search.menu-display-flex > i,
body.ignis-interface-themed .field_admin_search.menu-display-flex > span {
  color: var(--ignis-admin-search-text) !important;
}

body.ignis-interface-themed .block-header-outer-container > .outer-block-menu,
body.ignis-interface-themed .block-header-outer-container .outer-block-menu {
  box-sizing: border-box;
  padding: var(--ignis-panel-header-padding-top) var(--ignis-panel-header-padding-right) var(--ignis-panel-header-padding-bottom) var(--ignis-panel-header-padding-left) !important;
  margin: var(--ignis-panel-header-margin-top) var(--ignis-panel-header-margin-right) var(--ignis-panel-header-margin-bottom) var(--ignis-panel-header-margin-left) !important;
  border: var(--ignis-panel-header-shell-border-width, 0px) solid var(--ignis-panel-header-shell-border) !important;
  border-radius: var(--ignis-panel-header-border-top-left-radius) var(--ignis-panel-header-border-top-right-radius) var(--ignis-panel-header-border-bottom-right-radius) var(--ignis-panel-header-border-bottom-left-radius) !important;
  background: var(--ignis-panel-header-shell-bg) !important;
  color: var(--ignis-panel-header-shell-text) !important;
}

body.ignis-interface-themed .block-header-outer-container .outer-block-menu-inner,
body.ignis-interface-themed .block-header-outer-container .outer-block-menu-inner .cps-block-menu-title {
  background: transparent !important;
  color: var(--ignis-panel-header-shell-text) !important;
}

body.ignis-interface-themed input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=submit]):not([type=button]),
body.ignis-interface-themed select,
body.ignis-interface-themed textarea,
body.ignis-interface-themed .field_admin_input,
body.ignis-interface-themed .custom-select > button,
body.ignis-interface-themed .custom-select .options {
  background: var(--ignis-input-bg) !important;
  color: var(--ignis-input-text) !important;
  border-color: var(--ignis-input-border) !important;
  border-style: solid !important;
  border-width: var(--ignis-input-border-width, 1px) !important;
}

body.ignis-interface-themed input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=submit]):not([type=button]):focus,
body.ignis-interface-themed select:focus,
body.ignis-interface-themed textarea:focus,
body.ignis-interface-themed .field_admin_input:focus,
body.ignis-interface-themed .custom-select > button:focus-visible {
  background: var(--ignis-input-focus-bg) !important;
  color: var(--ignis-input-focus-text) !important;
  border-color: var(--ignis-input-focus-border) !important;
  border-style: solid !important;
  border-width: var(--ignis-input-focus-border-width, 1px) !important;
  outline-color: var(--ignis-focus) !important;
}

body.ignis-interface-themed button:focus-visible,
body.ignis-interface-themed a:focus-visible {
  outline-color: var(--ignis-focus) !important;
}

body.ignis-interface-themed input::placeholder,
body.ignis-interface-themed textarea::placeholder {
  color: var(--ignis-input-placeholder) !important;
  opacity: 1;
}

body.ignis-interface-themed input:focus::placeholder,
body.ignis-interface-themed textarea:focus::placeholder {
  color: var(--ignis-input-focus-placeholder) !important;
}

body.ignis-interface-themed .portal-module-card,
body.ignis-interface-themed .plugin-disabled-message,
body.ignis-interface-themed .plugin-admin-container,
body.ignis-interface-themed .plugin-admin-panel,
body.ignis-interface-themed [class*=module-panel],
body.ignis-interface-themed [class*=module-admin] {
  background-color: var(--ignis-module-bg) !important;
  color: var(--ignis-text-primary) !important;
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
}

body.ignis-interface-themed .portal-module-card-header,
body.ignis-interface-themed [class*=module-panel] > header,
body.ignis-interface-themed [class*=module-admin] > header {
  background-color: var(--ignis-module-header) !important;
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed .portal-module-card input:checked + label,
body.ignis-interface-themed .portal-module-card.is-selected,
body.ignis-interface-themed .module-selected,
body.ignis-interface-themed [class*=module] .button-selected {
  border-color: var(--ignis-module-accent) !important;
  color: var(--ignis-module-accent) !important;
}

body.ignis-interface-themed .login-button,
body.ignis-interface-themed .form-submit-button,
body.ignis-interface-themed .field_admin_button,
body.ignis-interface-themed .portal-primary-button,
body.ignis-interface-themed .portal-secondary-button,
body.ignis-interface-themed .save-form-data,
body.ignis-interface-themed .cancel-form-data,
body.ignis-interface-themed button.button-selected,
body.ignis-interface-themed button.selected,
body.ignis-interface-themed button.is-selected,
body.ignis-interface-themed button[aria-pressed=true],
body.ignis-interface-themed a.button-selected:not(.left-menu-option),
body.ignis-interface-themed button[type=submit]:not(.danger-button):not(.interface-settings-reset),
body.ignis-interface-themed input[type=submit] {
  padding: var(--ignis-button-padding-top) var(--ignis-button-padding-right) var(--ignis-button-padding-bottom) var(--ignis-button-padding-left) !important;
  margin: var(--ignis-button-margin-top) var(--ignis-button-margin-right) var(--ignis-button-margin-bottom) var(--ignis-button-margin-left) !important;
  border-radius: var(--ignis-button-border-top-left-radius) var(--ignis-button-border-top-right-radius) var(--ignis-button-border-bottom-right-radius) var(--ignis-button-border-bottom-left-radius) !important;
  border-style: solid !important;
}

body.ignis-interface-themed .login-button,
body.ignis-interface-themed .form-submit-button,
body.ignis-interface-themed .cps-menu-add,
body.ignis-interface-themed .field_admin_button,
body.ignis-interface-themed .portal-primary-button,
body.ignis-interface-themed .save-form-data,
body.ignis-interface-themed button[type=submit]:not(.danger-button):not(.interface-settings-reset),
body.ignis-interface-themed input[type=submit] {
  background: var(--ignis-primary) !important;
  color: var(--ignis-primary-text) !important;
  border-color: var(--ignis-primary-border) !important;
  border-width: var(--ignis-primary-border-width, 1px) !important;
}

body.ignis-interface-themed .login-button:hover,
body.ignis-interface-themed .form-submit-button:hover,
body.ignis-interface-themed .cps-menu-add:hover,
body.ignis-interface-themed .field_admin_button:hover,
body.ignis-interface-themed .portal-primary-button:hover,
body.ignis-interface-themed .save-form-data:hover,
body.ignis-interface-themed button[type=submit]:not(.danger-button):hover,
body.ignis-interface-themed input[type=submit]:hover {
  background: var(--ignis-primary-hover) !important;
  color: var(--ignis-primary-hover-text) !important;
  border-color: var(--ignis-primary-hover-border) !important;
  border-width: var(--ignis-primary-hover-border-width, 1px) !important;
}

body.ignis-interface-themed .portal-secondary-button,
body.ignis-interface-themed .cancel-form-data,
body.ignis-interface-themed button[type=button] {
  border-color: var(--ignis-input-border);
  border-width: var(--ignis-input-border-width, 1px);
}

body.ignis-interface-themed button.button-selected,
body.ignis-interface-themed button.selected,
body.ignis-interface-themed button.is-selected,
body.ignis-interface-themed button[aria-pressed=true],
body.ignis-interface-themed .portal-primary-button.is-selected,
body.ignis-interface-themed .field_admin_button.button-selected,
body.ignis-interface-themed a.button-selected:not(.left-menu-option) {
  background: var(--ignis-selected) !important;
  color: var(--ignis-selected-text) !important;
  border-color: var(--ignis-selected-border) !important;
  border-width: var(--ignis-selected-border-width, 1px) !important;
}

body.ignis-interface-themed .danger-button,
body.ignis-interface-themed .delete-client,
body.ignis-interface-themed .delete-user,
body.ignis-interface-themed .portal-danger-button {
  background: color-mix(in srgb, var(--ignis-danger) 18%, transparent) !important;
  color: var(--ignis-danger) !important;
  border-color: var(--ignis-danger) !important;
}

body.ignis-interface-themed .is-success,
body.ignis-interface-themed .success,
body.ignis-interface-themed .enabled-status {
  color: var(--ignis-success) !important;
}

body.ignis-interface-themed .is-error,
body.ignis-interface-themed .invalid-feedback,
body.ignis-interface-themed .error,
body.ignis-interface-themed .disabled-status {
  color: var(--ignis-danger) !important;
}

body.ignis-interface-themed #overlay-container,
body.ignis-interface-themed .overlay-container,
body.ignis-interface-themed .edit-form-outer,
body.ignis-interface-themed .portal-entity-overlay {
  --portal-overlay-background: var(--ignis-overlay-bg);
}

body.ignis-interface-themed .portal-entity-editor,
body.ignis-interface-themed .edit-form-container,
body.ignis-interface-themed .account-profile-popup {
  background: var(--ignis-panel-bg) !important;
  color: var(--ignis-text-primary) !important;
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
}

body.ignis-interface-themed .portal-entity-tab,
body.ignis-interface-themed .edit-form-tab {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .portal-entity-tab.is-active,
body.ignis-interface-themed .edit-form-tab.selected,
body.ignis-interface-themed .edit-form-tab:hover {
  color: var(--ignis-primary) !important;
  border-color: var(--ignis-primary) !important;
}

body.ignis-interface-themed .block-popup-container {
  isolation: isolate;
  color: var(--ignis-popup-panel-text) !important;
}

body.ignis-interface-themed .block-popup-container::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--ignis-popup-container-bg) !important;
  opacity: 1;
  pointer-events: none;
}

body.ignis-interface-themed .block-popup-container > * {
  position: relative;
  z-index: 1;
}

body.ignis-interface-themed .block-popup-container .block-popup {
  box-sizing: border-box;
  width: auto !important;
  min-width: 0;
  padding: var(--ignis-popup-panel-padding-top) var(--ignis-popup-panel-padding-right) var(--ignis-popup-panel-padding-bottom) var(--ignis-popup-panel-padding-left) !important;
  margin: var(--ignis-popup-panel-margin-top) var(--ignis-popup-panel-margin-right) var(--ignis-popup-panel-margin-bottom) var(--ignis-popup-panel-margin-left) !important;
  border: var(--ignis-popup-panel-border-width, 1px) solid var(--ignis-popup-panel-border) !important;
  border-radius: var(--ignis-popup-panel-border-top-left-radius) var(--ignis-popup-panel-border-top-right-radius) var(--ignis-popup-panel-border-bottom-right-radius) var(--ignis-popup-panel-border-bottom-left-radius) !important;
  background: var(--ignis-popup-panel-bg) !important;
  color: var(--ignis-popup-panel-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content.portal-entity-content,
body.ignis-interface-themed .block-popup-container .edit-form-content {
  box-sizing: border-box;
  padding: var(--ignis-popup-content-padding-top) var(--ignis-popup-content-padding-right) var(--ignis-popup-content-padding-bottom) var(--ignis-popup-content-padding-left) !important;
  margin: var(--ignis-popup-content-margin-top) var(--ignis-popup-content-margin-right) var(--ignis-popup-content-margin-bottom) var(--ignis-popup-content-margin-left) !important;
  border: var(--ignis-popup-content-border-width, 1px) solid var(--ignis-popup-content-border) !important;
  border-radius: var(--ignis-popup-content-border-top-left-radius) var(--ignis-popup-content-border-top-right-radius) var(--ignis-popup-content-border-bottom-right-radius) var(--ignis-popup-content-border-bottom-left-radius) !important;
  background: var(--ignis-popup-content-bg) !important;
  color: var(--ignis-popup-content-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item {
  box-sizing: border-box;
  padding: var(--ignis-popup-menu-item-padding-top) var(--ignis-popup-menu-item-padding-right) var(--ignis-popup-menu-item-padding-bottom) var(--ignis-popup-menu-item-padding-left) !important;
  margin: var(--ignis-popup-menu-item-margin-top) var(--ignis-popup-menu-item-margin-right) var(--ignis-popup-menu-item-margin-bottom) var(--ignis-popup-menu-item-margin-left) !important;
  border-radius: var(--ignis-popup-menu-item-border-top-left-radius) var(--ignis-popup-menu-item-border-top-right-radius) var(--ignis-popup-menu-item-border-bottom-right-radius) var(--ignis-popup-menu-item-border-bottom-left-radius) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected) {
  border: var(--ignis-menu-item-tab-border-width, 1px) solid var(--ignis-menu-item-tab-border, #41657A) !important;
  background: var(--ignis-menu-item-tab-bg, #0E2738) !important;
  color: var(--ignis-menu-item-tab-text, #AEBFCA) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item .menu-item {
  background: transparent !important;
  color: inherit !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):hover,
body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):focus-visible {
  border-color: var(--ignis-menu-item-tab-hover-border, #30D7E3) !important;
  border-width: var(--ignis-menu-item-tab-hover-border-width, 1px) !important;
  background: var(--ignis-menu-item-tab-hover-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-hover-text, #30D7E3) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item.edit-form-content-menu-item-selected,
body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item.edit-form-content-menu-item-selected:hover,
body.ignis-interface-themed .block-popup-container .edit-form-content-menu-item.edit-form-content-menu-item-selected:focus-visible {
  border-color: var(--ignis-menu-item-tab-selected-border, #30D7E3) !important;
  border-width: var(--ignis-menu-item-tab-selected-border-width, 1px) !important;
  background: var(--ignis-menu-item-tab-selected-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-selected-text, #30D7E3) !important;
}

body.ignis-interface-themed .block-popup-container .inner-menu-selection {
  background: var(--ignis-menu-item-tab-selected-text, #30D7E3) !important;
}

body.ignis-interface-themed .block-popup-container .block-icon-float,
body.ignis-interface-themed .block-popup-container .block-icon-float-trigger,
body.ignis-interface-themed .block-popup-container .block-icon-float-fa {
  box-sizing: border-box;
  padding: var(--ignis-popup-icon-padding-top) var(--ignis-popup-icon-padding-right) var(--ignis-popup-icon-padding-bottom) var(--ignis-popup-icon-padding-left) !important;
  margin: var(--ignis-popup-icon-margin-top) var(--ignis-popup-icon-margin-right) var(--ignis-popup-icon-margin-bottom) var(--ignis-popup-icon-margin-left) !important;
  border: var(--ignis-popup-icon-border-width, 2px) solid var(--ignis-popup-icon-border) !important;
  border-radius: var(--ignis-popup-icon-border-top-left-radius) var(--ignis-popup-icon-border-top-right-radius) var(--ignis-popup-icon-border-bottom-right-radius) var(--ignis-popup-icon-border-bottom-left-radius) !important;
  background: var(--ignis-popup-icon-bg) !important;
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .block-popup-container .block-icon-float-close {
  border: var(--ignis-popup-icon-border-width, 2px) solid var(--ignis-popup-icon-border) !important;
  border-radius: var(--ignis-popup-icon-border-top-left-radius) var(--ignis-popup-icon-border-top-right-radius) var(--ignis-popup-icon-border-bottom-right-radius) var(--ignis-popup-icon-border-bottom-left-radius) !important;
  background: var(--ignis-popup-icon-bg) !important;
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .block-popup-container .block-icon-float i,
body.ignis-interface-themed .block-popup-container .block-icon-float-trigger i,
body.ignis-interface-themed .block-popup-container .block-icon-float-close i,
body.ignis-interface-themed .block-popup-container .block-icon-float-fa i,
body.ignis-interface-themed .block-popup-container .block-icon-float .float-pencil {
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .block-popup-container .block-icon-float:hover,
body.ignis-interface-themed .block-popup-container .block-icon-float:focus-visible,
body.ignis-interface-themed .block-popup-container .block-icon-float-trigger:hover,
body.ignis-interface-themed .block-popup-container .block-icon-float-trigger:focus-visible,
body.ignis-interface-themed .block-popup-container .block-icon-float-close:hover,
body.ignis-interface-themed .block-popup-container .block-icon-float-close:focus-visible,
body.ignis-interface-themed .block-popup-container .block-icon-float-fa:hover,
body.ignis-interface-themed .block-popup-container .block-icon-float-fa:focus-visible {
  border-color: var(--ignis-popup-icon-hover-border) !important;
  border-width: var(--ignis-popup-icon-hover-border-width, 2px) !important;
  background: var(--ignis-popup-icon-hover-bg) !important;
  color: var(--ignis-popup-icon-hover-text) !important;
}

body.ignis-interface-themed .block-popup-container .block-icon-float:hover i,
body.ignis-interface-themed .block-popup-container .block-icon-float:focus-visible i,
body.ignis-interface-themed .block-popup-container .block-icon-float-trigger:hover i,
body.ignis-interface-themed .block-popup-container .block-icon-float-trigger:focus-visible i,
body.ignis-interface-themed .block-popup-container .block-icon-float-close:hover i,
body.ignis-interface-themed .block-popup-container .block-icon-float-close:focus-visible i,
body.ignis-interface-themed .block-popup-container .block-icon-float-fa:hover i,
body.ignis-interface-themed .block-popup-container .block-icon-float-fa:focus-visible i,
body.ignis-interface-themed .block-popup-container .block-icon-float:hover .float-pencil {
  color: var(--ignis-popup-icon-hover-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-row-button.btn {
  box-sizing: border-box;
  padding: var(--ignis-button-padding-top) var(--ignis-button-padding-right) var(--ignis-button-padding-bottom) var(--ignis-button-padding-left) !important;
  margin: var(--ignis-button-margin-top) var(--ignis-button-margin-right) var(--ignis-button-margin-bottom) var(--ignis-button-margin-left) !important;
  border: var(--ignis-primary-border-width, 1px) solid var(--ignis-primary-border) !important;
  border-radius: var(--ignis-button-border-top-left-radius) var(--ignis-button-border-top-right-radius) var(--ignis-button-border-bottom-right-radius) var(--ignis-button-border-bottom-left-radius) !important;
  background: var(--ignis-primary) !important;
  color: var(--ignis-primary-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-row-button.btn:not(.btn-disabled):hover,
body.ignis-interface-themed .block-popup-container .edit-form-content-row-button.btn:not(.btn-disabled):focus-visible {
  border-color: var(--ignis-primary-hover-border) !important;
  border-width: var(--ignis-primary-hover-border-width, 1px) !important;
  background: var(--ignis-primary-hover) !important;
  color: var(--ignis-primary-hover-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-row-button.btn.button-selected,
body.ignis-interface-themed .block-popup-container .edit-form-content-row-button.btn.is-selected {
  border-color: var(--ignis-selected-border) !important;
  border-width: var(--ignis-selected-border-width, 1px) !important;
  background: var(--ignis-selected) !important;
  color: var(--ignis-selected-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-row-button.btn.btn-disabled {
  opacity: 0.55;
  cursor: default;
  box-shadow: none !important;
}

body.ignis-interface-themed .outer-container,
body.ignis-interface-themed .two-factor-page,
body.ignis-interface-themed .login-page {
  background: var(--ignis-login-bg) !important;
}

body.ignis-interface-themed .outer-container {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

body.ignis-interface-themed .outer-container::before {
  background-image: var(--ignis-login-background-image, none) !important;
  opacity: 1 !important;
  z-index: 0;
  pointer-events: none;
}

body.ignis-interface-themed .outer-container::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--ignis-login-overlay-bg) !important;
  opacity: 0;
  z-index: 1;
  pointer-events: none;
}

body.ignis-interface-themed.ignis-login-background-image-enabled .outer-container::after {
  opacity: var(--ignis-login-overlay-opacity, 0.7);
}

body.ignis-interface-themed .outer-container > * {
  position: relative;
  z-index: 2;
}

body.ignis-interface-themed .login-container,
body.ignis-interface-themed .login-container-inner,
body.ignis-interface-themed .two-factor-card,
body.ignis-interface-themed .two-factor-setup-card,
body.ignis-interface-themed .password-reset-container {
  background: var(--ignis-login-panel) !important;
  color: var(--ignis-login-text) !important;
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
}

body.ignis-interface-themed .login-container h1,
body.ignis-interface-themed .login-container h2,
body.ignis-interface-themed .login-container label,
body.ignis-interface-themed .login-container p,
body.ignis-interface-themed .cp-login-title,
body.ignis-interface-themed .two-factor-card,
body.ignis-interface-themed .two-factor-setup-card {
  color: var(--ignis-login-text) !important;
}

body.ignis-interface-themed .info-login {
  color: var(--ignis-login-info-text) !important;
}

body.ignis-interface-themed .info-login.two-factor-intro,
body.ignis-interface-themed .two-factor-container .info-login.two-factor-intro {
  color: var(--ignis-login-info-text) !important;
}

body.ignis-interface-themed .resend-login-email-link {
  color: var(--ignis-login-link-text) !important;
}

body.ignis-interface-themed .resend-login-email-link:hover,
body.ignis-interface-themed .resend-login-email-link:focus-visible {
  color: var(--ignis-login-link-hover-text) !important;
}

body.ignis-interface-themed .login-container .custom-checkbox:checked + label::before {
  background-color: var(--ignis-login-checkbox-bg) !important;
  border-color: var(--ignis-login-checkbox-bg) !important;
}

body.ignis-interface-themed .login-container .custom-checkbox + label::after {
  color: var(--ignis-login-checkbox-check) !important;
}

body.ignis-interface-themed .login-container input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
body.ignis-interface-themed .two-factor-card input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
body.ignis-interface-themed .two-factor-setup-card input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
  background: var(--ignis-login-input-bg) !important;
  color: var(--ignis-login-input-text) !important;
  border-color: var(--ignis-login-input-border) !important;
  border-style: solid !important;
  border-width: var(--ignis-login-input-border-width, 1px) !important;
}

body.ignis-interface-themed .login-container input:not([type=submit]):not([type=checkbox]):not([type=hidden]):focus,
body.ignis-interface-themed .two-factor-card input:not([type=submit]):not([type=checkbox]):not([type=hidden]):focus,
body.ignis-interface-themed .two-factor-setup-card input:not([type=submit]):not([type=checkbox]):not([type=hidden]):focus {
  background: var(--ignis-login-input-focus-bg) !important;
  color: var(--ignis-login-input-focus-text) !important;
  border-color: var(--ignis-login-input-focus-border) !important;
  border-style: solid !important;
  border-width: var(--ignis-login-input-focus-border-width, 1px) !important;
}

body.ignis-interface-themed .login-container input::placeholder,
body.ignis-interface-themed .two-factor-card input::placeholder,
body.ignis-interface-themed .two-factor-setup-card input::placeholder {
  color: var(--ignis-login-input-placeholder) !important;
  opacity: 1;
}

body.ignis-interface-themed .login-container input:focus::placeholder,
body.ignis-interface-themed .two-factor-card input:focus::placeholder,
body.ignis-interface-themed .two-factor-setup-card input:focus::placeholder {
  color: var(--ignis-login-input-focus-placeholder) !important;
}

body.ignis-interface-themed .cps-icon-place,
body.ignis-interface-themed .two-factor-method-icon,
body.ignis-interface-themed .two-factor-step-icon {
  background: var(--ignis-login-icon-bg) !important;
  color: var(--ignis-login-icon-text) !important;
}

body.ignis-interface-themed .cps-icon-place i,
body.ignis-interface-themed .two-factor-method-icon i,
body.ignis-interface-themed .two-factor-step-icon i {
  color: var(--ignis-login-icon-text) !important;
}

body.ignis-interface-themed .form-group:focus-within .cps-icon-place,
body.ignis-interface-themed .two-factor-login-method-card:focus-within .two-factor-method-icon,
body.ignis-interface-themed .two-factor-method-card:focus-within .two-factor-method-icon {
  background: var(--ignis-login-icon-focus-bg) !important;
  color: var(--ignis-login-icon-focus-text) !important;
}

body.ignis-interface-themed .form-group:focus-within .cps-icon-place i,
body.ignis-interface-themed .two-factor-login-method-card:focus-within .two-factor-method-icon i,
body.ignis-interface-themed .two-factor-method-card:focus-within .two-factor-method-icon i {
  color: var(--ignis-login-icon-focus-text) !important;
}

@supports not (color: color-mix(in srgb, red 50%, blue)) {
  body.ignis-interface-themed .danger-button,
  body.ignis-interface-themed .delete-client,
  body.ignis-interface-themed .delete-user,
  body.ignis-interface-themed .portal-danger-button {
    background: transparent !important;
  }
}
/* Extended component geometry and popup/minimiser theme controls. */
:root {
  --ignis-panel-eyebrow-text: #30D7E3;
  --ignis-panel-heading-icon-bg: #1A3448;
  --ignis-panel-heading-icon-text: #30D7E3;
  --ignis-panel-heading-icon-border: #41657A;
  --ignis-panel-heading-icon-border-width: 1px;
  --ignis-popup-tabs-bg: #0B1F2E;
  --ignis-popup-footer-bg: #0A1D2B;
  --ignis-popup-select-bg: #0A1D2B;
  --ignis-popup-select-text: #FFFFFF;
  --ignis-popup-select-border: #41657A;
  --ignis-popup-select-border-width: 1px;
  --ignis-popup-select-focus-bg: #0A1D2B;
  --ignis-popup-select-focus-text: #FFFFFF;
  --ignis-popup-select-focus-border: #30D7E3;
  --ignis-popup-select-focus-border-width: 1px;
  --ignis-popup-select-padding-top: 8px;
  --ignis-popup-select-padding-right: 10px;
  --ignis-popup-select-padding-bottom: 8px;
  --ignis-popup-select-padding-left: 10px;
  --ignis-popup-select-margin-top: 0px;
  --ignis-popup-select-margin-right: 0px;
  --ignis-popup-select-margin-bottom: 0px;
  --ignis-popup-select-margin-left: 0px;
  --ignis-popup-select-border-top-left-radius: 6px;
  --ignis-popup-select-border-top-right-radius: 6px;
  --ignis-popup-select-border-bottom-right-radius: 6px;
  --ignis-popup-select-border-bottom-left-radius: 6px;
  --ignis-popup-close-bg: #CCCCCC;
  --ignis-popup-close-text: #444444;
  --ignis-popup-close-border: #EEEEEE;
  --ignis-popup-close-border-width: 1px;
  --ignis-popup-close-hover-bg: #CCCCCC;
  --ignis-popup-close-hover-text: #30B5C3;
  --ignis-popup-close-hover-border: #30B5C3;
  --ignis-popup-close-hover-border-width: 1px;
  --ignis-popup-close-padding-top: 0px;
  --ignis-popup-close-padding-right: 0px;
  --ignis-popup-close-padding-bottom: 0px;
  --ignis-popup-close-padding-left: 0px;
  --ignis-popup-close-margin-top: 0px;
  --ignis-popup-close-margin-right: 0px;
  --ignis-popup-close-margin-bottom: 0px;
  --ignis-popup-close-margin-left: 0px;
  --ignis-popup-close-border-top-left-radius: 7px;
  --ignis-popup-close-border-top-right-radius: 7px;
  --ignis-popup-close-border-bottom-right-radius: 7px;
  --ignis-popup-close-border-bottom-left-radius: 7px;
  --ignis-top-step-bg: #0D3149;
  --ignis-top-step-bg-opacity: 1;
  --ignis-top-step-text: #FFFFFF;
  --ignis-top-step-border: #0D3149;
  --ignis-top-step-border-width: 0px;
  --ignis-top-step-hover-bg: #0D3149;
  --ignis-top-step-hover-bg-opacity: 1;
  --ignis-top-step-hover-text: #30D7E3;
  --ignis-top-step-hover-border: #0D3149;
  --ignis-top-step-hover-border-width: 0px;
  --ignis-top-step-padding-top: 6px;
  --ignis-top-step-padding-right: 6px;
  --ignis-top-step-padding-bottom: 6px;
  --ignis-top-step-padding-left: 6px;
  --ignis-top-step-margin-top: 0px;
  --ignis-top-step-margin-right: 0px;
  --ignis-top-step-margin-bottom: 0px;
  --ignis-top-step-margin-left: 0px;
  --ignis-top-step-border-top-left-radius: 0px;
  --ignis-top-step-border-top-right-radius: 0px;
  --ignis-top-step-border-bottom-right-radius: 0px;
  --ignis-top-step-border-bottom-left-radius: 0px;
  --ignis-back-step-bg: #0C193C;
  --ignis-back-step-bg-opacity: 1;
  --ignis-back-step-text: #C4CDD5;
  --ignis-back-step-border: #0C193C;
  --ignis-back-step-border-width: 0px;
  --ignis-back-step-hover-bg: #0C193C;
  --ignis-back-step-hover-bg-opacity: 1;
  --ignis-back-step-hover-text: #30D7E3;
  --ignis-back-step-hover-border: #0C193C;
  --ignis-back-step-hover-border-width: 0px;
  --ignis-back-step-padding-top: 0px;
  --ignis-back-step-padding-right: 0px;
  --ignis-back-step-padding-bottom: 0px;
  --ignis-back-step-padding-left: 0px;
  --ignis-back-step-margin-top: 0px;
  --ignis-back-step-margin-right: 0px;
  --ignis-back-step-margin-bottom: 0px;
  --ignis-back-step-margin-left: 0px;
  --ignis-back-step-border-top-left-radius: 0px;
  --ignis-back-step-border-top-right-radius: 0px;
  --ignis-back-step-border-bottom-right-radius: 0px;
  --ignis-back-step-border-bottom-left-radius: 0px;
}

body.ignis-interface-themed .portal-panel-eyebrow,
body.ignis-interface-themed .account-panel-eyebrow {
  color: var(--ignis-panel-eyebrow-text) !important;
}

body.ignis-interface-themed .portal-panel-heading-icon,
body.ignis-interface-themed .account-panel-heading-icon {
  border: var(--ignis-panel-heading-icon-border-width, 1px) solid var(--ignis-panel-heading-icon-border) !important;
  background: var(--ignis-panel-heading-icon-bg) !important;
  color: var(--ignis-panel-heading-icon-text) !important;
}

body.ignis-interface-themed .portal-panel-heading-icon i,
body.ignis-interface-themed .account-panel-heading-icon i {
  color: var(--ignis-panel-heading-icon-text) !important;
}

body.ignis-interface-themed .account-user-section {
  background: var(--ignis-card-bg) !important;
}

body.ignis-interface-themed .account-user-section-header {
  border: var(--ignis-card-border-width, 1px) solid var(--ignis-card-border) !important;
  background: var(--ignis-card-bg) !important;
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed .account-user-section-header h3,
body.ignis-interface-themed .account-user-section-header strong {
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed .account-user-section-header p,
body.ignis-interface-themed .account-user-section-header small {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .item-list-row,
body.ignis-interface-themed .item-list-row-option,
body.ignis-interface-themed .item-list-tablet,
body.ignis-interface-themed .account-user-row,
body.ignis-interface-themed .portal-account-row {
  box-sizing: border-box;
  padding: var(--ignis-panel-row-padding-top) var(--ignis-panel-row-padding-right) var(--ignis-panel-row-padding-bottom) var(--ignis-panel-row-padding-left) !important;
  margin: var(--ignis-panel-row-margin-top) var(--ignis-panel-row-margin-right) var(--ignis-panel-row-margin-bottom) var(--ignis-panel-row-margin-left) !important;
  border: var(--ignis-panel-row-border-width, 1px) solid var(--ignis-panel-row-border) !important;
  border-radius: var(--ignis-panel-row-border-top-left-radius) var(--ignis-panel-row-border-top-right-radius) var(--ignis-panel-row-border-bottom-right-radius) var(--ignis-panel-row-border-bottom-left-radius) !important;
  background: var(--ignis-panel-row-bg) !important;
  color: var(--ignis-panel-row-text) !important;
}

body.ignis-interface-themed .item-list-tablet::before,
body.ignis-interface-themed .item-list-row::before,
body.ignis-interface-themed .item-list-row-option::before,
body.ignis-interface-themed .account-user-row::before {
  display: none !important;
}

body.ignis-interface-themed .item-list-row .item-list-row-cell,
body.ignis-interface-themed .item-list-row .row-name,
body.ignis-interface-themed .item-list-row .account-user-email,
body.ignis-interface-themed .item-list-row i,
body.ignis-interface-themed .portal-account-row i {
  color: inherit !important;
}

body.ignis-interface-themed .item-list-row:hover,
body.ignis-interface-themed .item-list-row:focus-within,
body.ignis-interface-themed .item-list-row-option:hover,
body.ignis-interface-themed .item-list-row-option:focus-within,
body.ignis-interface-themed .item-list-tablet:hover,
body.ignis-interface-themed .item-list-tablet:focus-within,
body.ignis-interface-themed .account-user-row:hover,
body.ignis-interface-themed .account-user-row:focus-within,
body.ignis-interface-themed .portal-account-row:hover,
body.ignis-interface-themed .portal-account-row:focus-within {
  border-color: var(--ignis-panel-row-hover-border) !important;
  border-width: var(--ignis-panel-row-hover-border-width, 1px) !important;
  background: var(--ignis-panel-row-hover-bg) !important;
  color: var(--ignis-panel-row-hover-text) !important;
}

body.ignis-interface-themed .item-list-row.is-selected,
body.ignis-interface-themed .item-list-row.item-list-row-selected,
body.ignis-interface-themed .item-list-row[aria-selected=true],
body.ignis-interface-themed .item-list-row-option.is-selected,
body.ignis-interface-themed .item-list-row-option[aria-selected=true],
body.ignis-interface-themed .item-list-tablet.is-selected,
body.ignis-interface-themed .account-user-row.is-selected,
body.ignis-interface-themed .account-user-row[aria-selected=true],
body.ignis-interface-themed .portal-account-row.is-selected,
body.ignis-interface-themed .portal-account-row[aria-selected=true] {
  border-color: var(--ignis-panel-row-selected-border) !important;
  border-width: var(--ignis-panel-row-selected-border-width, 1px) !important;
  background: var(--ignis-panel-row-selected-bg) !important;
  color: var(--ignis-panel-row-selected-text) !important;
}

body.ignis-interface-themed .block-popup-container .edit-form-content-menu.portal-entity-tabs,
body.ignis-interface-themed .portal-entity-editor .edit-form-content-menu.portal-entity-tabs {
  background: var(--ignis-popup-tabs-bg) !important;
}

body.ignis-interface-themed .block-popup-container .inner-content-bottom-bar.portal-entity-footer,
body.ignis-interface-themed .portal-entity-editor .inner-content-bottom-bar.portal-entity-footer {
  background: var(--ignis-popup-footer-bg) !important;
}

body.ignis-interface-themed .block-popup-container .custom-default-select.custom-default-select-cat,
body.ignis-interface-themed .portal-entity-editor .custom-default-select.custom-default-select-cat {
  box-sizing: border-box;
  padding: var(--ignis-popup-select-padding-top) var(--ignis-popup-select-padding-right) var(--ignis-popup-select-padding-bottom) var(--ignis-popup-select-padding-left) !important;
  margin: var(--ignis-popup-select-margin-top) var(--ignis-popup-select-margin-right) var(--ignis-popup-select-margin-bottom) var(--ignis-popup-select-margin-left) !important;
  border: var(--ignis-popup-select-border-width, 1px) solid var(--ignis-popup-select-border) !important;
  border-radius: var(--ignis-popup-select-border-top-left-radius) var(--ignis-popup-select-border-top-right-radius) var(--ignis-popup-select-border-bottom-right-radius) var(--ignis-popup-select-border-bottom-left-radius) !important;
  background: var(--ignis-popup-select-bg) !important;
  color: var(--ignis-popup-select-text) !important;
}

body.ignis-interface-themed .block-popup-container .custom-default-select.custom-default-select-cat:focus,
body.ignis-interface-themed .block-popup-container .custom-default-select.custom-default-select-cat:focus-visible,
body.ignis-interface-themed .portal-entity-editor .custom-default-select.custom-default-select-cat:focus,
body.ignis-interface-themed .portal-entity-editor .custom-default-select.custom-default-select-cat:focus-visible {
  border-color: var(--ignis-popup-select-focus-border) !important;
  border-width: var(--ignis-popup-select-focus-border-width, 1px) !important;
  background: var(--ignis-popup-select-focus-bg) !important;
  color: var(--ignis-popup-select-focus-text) !important;
}

/* Popup triggers and close buttons are siblings of the popup container in the templates. */
body.ignis-interface-themed .block-icon-float.block-icon-float-trigger,
body.ignis-interface-themed .portal-entity-editor > .block-icon-float-trigger {
  box-sizing: border-box;
  padding: var(--ignis-popup-icon-padding-top) var(--ignis-popup-icon-padding-right) var(--ignis-popup-icon-padding-bottom) var(--ignis-popup-icon-padding-left) !important;
  margin: var(--ignis-popup-icon-margin-top) var(--ignis-popup-icon-margin-right) var(--ignis-popup-icon-margin-bottom) var(--ignis-popup-icon-margin-left) !important;
  border: var(--ignis-popup-icon-border-width, 2px) solid var(--ignis-popup-icon-border) !important;
  border-radius: var(--ignis-popup-icon-border-top-left-radius) var(--ignis-popup-icon-border-top-right-radius) var(--ignis-popup-icon-border-bottom-right-radius) var(--ignis-popup-icon-border-bottom-left-radius) !important;
  background: var(--ignis-popup-icon-bg) !important;
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .block-icon-float.block-icon-float-trigger i,
body.ignis-interface-themed .block-icon-float.block-icon-float-trigger .float-pencil {
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .block-icon-float.block-icon-float-trigger .block-icon-content,
body.ignis-interface-themed .portal-entity-editor > .block-icon-float-trigger .block-icon-content {
  background: transparent !important;
}

body.ignis-interface-themed .block-icon-float.block-icon-float-trigger:hover,
body.ignis-interface-themed .block-icon-float.block-icon-float-trigger:focus-visible,
body.ignis-interface-themed .portal-entity-editor > .block-icon-float-trigger:hover,
body.ignis-interface-themed .portal-entity-editor > .block-icon-float-trigger:focus-visible {
  border-color: var(--ignis-popup-icon-hover-border) !important;
  border-width: var(--ignis-popup-icon-hover-border-width, 2px) !important;
  background: var(--ignis-popup-icon-hover-bg) !important;
  color: var(--ignis-popup-icon-hover-text) !important;
}

body.ignis-interface-themed .block-icon-float.block-icon-float-trigger:hover i,
body.ignis-interface-themed .block-icon-float.block-icon-float-trigger:focus-visible i,
body.ignis-interface-themed .block-icon-float.block-icon-float-trigger:hover .float-pencil,
body.ignis-interface-themed .block-icon-float.block-icon-float-trigger:focus-visible .float-pencil {
  color: var(--ignis-popup-icon-hover-text) !important;
}

body.ignis-interface-themed .block-icon-float-close.btn {
  box-sizing: border-box;
  padding: var(--ignis-popup-close-padding-top) var(--ignis-popup-close-padding-right) var(--ignis-popup-close-padding-bottom) var(--ignis-popup-close-padding-left) !important;
  margin: var(--ignis-popup-close-margin-top) var(--ignis-popup-close-margin-right) var(--ignis-popup-close-margin-bottom) var(--ignis-popup-close-margin-left) !important;
  border: var(--ignis-popup-close-border-width, 1px) solid var(--ignis-popup-close-border) !important;
  border-radius: var(--ignis-popup-close-border-top-left-radius) var(--ignis-popup-close-border-top-right-radius) var(--ignis-popup-close-border-bottom-right-radius) var(--ignis-popup-close-border-bottom-left-radius) !important;
  background: var(--ignis-popup-close-bg) !important;
  color: var(--ignis-popup-close-text) !important;
}

body.ignis-interface-themed .block-icon-float-close.btn i {
  color: var(--ignis-popup-close-text) !important;
}

body.ignis-interface-themed .block-icon-float-close.btn:hover,
body.ignis-interface-themed .block-icon-float-close.btn:focus-visible {
  border-color: var(--ignis-popup-close-hover-border) !important;
  border-width: var(--ignis-popup-close-hover-border-width, 1px) !important;
  background: var(--ignis-popup-close-hover-bg) !important;
  color: var(--ignis-popup-close-hover-text) !important;
}

body.ignis-interface-themed .block-icon-float-close.btn:hover i,
body.ignis-interface-themed .block-icon-float-close.btn:focus-visible i {
  color: var(--ignis-popup-close-hover-text) !important;
}

body.ignis-interface-themed .top-step,
body.ignis-interface-themed .back-step {
  isolation: isolate;
  box-sizing: border-box;
  background: transparent !important;
}

body.ignis-interface-themed .top-step,
body.ignis-interface-themed .back-step {
  padding: var(--ignis-top-step-padding-top) var(--ignis-top-step-padding-right) var(--ignis-top-step-padding-bottom) var(--ignis-top-step-padding-left) !important;
  margin: var(--ignis-top-step-margin-top) var(--ignis-top-step-margin-right) var(--ignis-top-step-margin-bottom) var(--ignis-top-step-margin-left) !important;
  border: var(--ignis-top-step-border-width, 0px) solid var(--ignis-top-step-border) !important;
  border-radius: var(--ignis-top-step-border-top-left-radius) var(--ignis-top-step-border-top-right-radius) var(--ignis-top-step-border-bottom-right-radius) var(--ignis-top-step-border-bottom-left-radius) !important;
  color: var(--ignis-top-step-text) !important;
}

body.ignis-interface-themed .top-step::before,
body.ignis-interface-themed .back-step::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  pointer-events: none;
}

body.ignis-interface-themed .top-step::before,
body.ignis-interface-themed .back-step::before {
  background: var(--ignis-top-step-bg);
  opacity: var(--ignis-top-step-bg-opacity, 1);
}

body.ignis-interface-themed .top-step:hover,
body.ignis-interface-themed .top-step:focus-visible,
body.ignis-interface-themed .back-step:hover,
body.ignis-interface-themed .back-step:focus-visible {
  border-color: var(--ignis-top-step-hover-border) !important;
  border-width: var(--ignis-top-step-hover-border-width, 0px) !important;
  color: var(--ignis-top-step-hover-text) !important;
}

body.ignis-interface-themed .top-step:hover::before,
body.ignis-interface-themed .top-step:focus-visible::before,
body.ignis-interface-themed .back-step:hover::before,
body.ignis-interface-themed .back-step:focus-visible::before {
  background: var(--ignis-top-step-hover-bg);
  opacity: var(--ignis-top-step-hover-bg-opacity, 1);
}

body.ignis-interface-themed .top-step i,
body.ignis-interface-themed .top-step svg,
body.ignis-interface-themed .back-step i,
body.ignis-interface-themed .back-step svg {
  color: inherit !important;
  fill: currentColor;
}

/* Keep the shell minimisers above full-page account overlays. The top
   control extends below the header, so its parent stacking context must also
   sit above the overlay; the sidebar control receives the same treatment. */
body.ignis-interface-themed .header-menu,
body.ignis-interface-themed .main-section-container-menu {
  z-index: 1000 !important;
}

body.ignis-interface-themed .top-step,
body.ignis-interface-themed .back-step {
  z-index: 1001 !important;
}

body.ignis-interface-themed .edit-form-content-row-container.edit-page.full-page-overlay.block-number-overlay.full-page-overlay-outer.account-profile-overlay {
  z-index: 900 !important;
}

/* Individual account editor: use the same shared theme controls as portal popups. */
body.ignis-interface-themed .account-profile-overlay {
  background: var(--ignis-popup-container-bg) !important;
  color: var(--ignis-popup-panel-text) !important;
}

body.ignis-interface-themed .account-profile-overlay .layout-outer-container {
  box-sizing: border-box;
  padding: var(--ignis-popup-panel-padding-top) var(--ignis-popup-panel-padding-right) var(--ignis-popup-panel-padding-bottom) var(--ignis-popup-panel-padding-left) !important;
  margin: var(--ignis-popup-panel-margin-top) var(--ignis-popup-panel-margin-right) var(--ignis-popup-panel-margin-bottom) var(--ignis-popup-panel-margin-left) !important;
  border: var(--ignis-popup-panel-border-width, 1px) solid var(--ignis-popup-panel-border) !important;
  border-radius: var(--ignis-popup-panel-border-top-left-radius) var(--ignis-popup-panel-border-top-right-radius) var(--ignis-popup-panel-border-bottom-right-radius) var(--ignis-popup-panel-border-bottom-left-radius) !important;
  background: var(--ignis-popup-panel-bg) !important;
  color: var(--ignis-popup-panel-text) !important;
}

body.ignis-interface-themed #overlay-user,
body.ignis-interface-themed #overlay-user .layout-outer-container-overlay-inner,
body.ignis-interface-themed #overlay-user .layout-outer-container-overlay-inner-pad {
  background: transparent !important;
  color: var(--ignis-popup-panel-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-header {
  box-sizing: border-box;
  padding: var(--ignis-panel-header-padding-top) var(--ignis-panel-header-padding-right) var(--ignis-panel-header-padding-bottom) var(--ignis-panel-header-padding-left) !important;
  margin: var(--ignis-panel-header-margin-top) var(--ignis-panel-header-margin-right) var(--ignis-panel-header-margin-bottom) var(--ignis-panel-header-margin-left) !important;
  border: var(--ignis-panel-header-shell-border-width, 0px) solid var(--ignis-panel-header-shell-border) !important;
  border-radius: var(--ignis-panel-header-border-top-left-radius) var(--ignis-panel-header-border-top-right-radius) var(--ignis-panel-header-border-bottom-right-radius) var(--ignis-panel-header-border-bottom-left-radius) !important;
  background: var(--ignis-panel-header-shell-bg) !important;
  color: var(--ignis-panel-header-shell-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-title {
  color: var(--ignis-panel-header-shell-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-last-login {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-eyebrow,
body.ignis-interface-themed #overlay-user .account-profile-panel-eyebrow {
  color: var(--ignis-panel-eyebrow-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs {
  background: var(--ignis-popup-tabs-bg) !important;
  border-color: var(--ignis-popup-content-border) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item {
  box-sizing: border-box;
  padding: var(--ignis-popup-menu-item-padding-top) var(--ignis-popup-menu-item-padding-right) var(--ignis-popup-menu-item-padding-bottom) var(--ignis-popup-menu-item-padding-left) !important;
  margin: var(--ignis-popup-menu-item-margin-top) var(--ignis-popup-menu-item-margin-right) var(--ignis-popup-menu-item-margin-bottom) var(--ignis-popup-menu-item-margin-left) !important;
  border-radius: var(--ignis-popup-menu-item-border-top-left-radius) var(--ignis-popup-menu-item-border-top-right-radius) var(--ignis-popup-menu-item-border-bottom-right-radius) var(--ignis-popup-menu-item-border-bottom-left-radius) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected) {
  border: var(--ignis-menu-item-tab-border-width, 1px) solid var(--ignis-menu-item-tab-border, #41657A) !important;
  background: var(--ignis-menu-item-tab-bg, #0E2738) !important;
  color: var(--ignis-menu-item-tab-text, #AEBFCA) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item .menu-item {
  background: transparent !important;
  color: inherit !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):hover,
body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):focus-visible {
  border-color: var(--ignis-menu-item-tab-hover-border, #30D7E3) !important;
  border-width: var(--ignis-menu-item-tab-hover-border-width, 1px) !important;
  background: var(--ignis-menu-item-tab-hover-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-hover-text, #30D7E3) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item.edit-form-content-menu-item-selected,
body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item.edit-form-content-menu-item-selected:hover,
body.ignis-interface-themed #overlay-user .account-profile-tabs .edit-form-content-menu-item.edit-form-content-menu-item-selected:focus-visible {
  border-color: var(--ignis-menu-item-tab-selected-border, #30D7E3) !important;
  border-width: var(--ignis-menu-item-tab-selected-border-width, 1px) !important;
  background: var(--ignis-menu-item-tab-selected-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-selected-text, #30D7E3) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-tabs .inner-menu-selection {
  background: var(--ignis-menu-item-tab-selected-text, #30D7E3) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-content {
  box-sizing: border-box;
  padding: var(--ignis-popup-content-padding-top) var(--ignis-popup-content-padding-right) var(--ignis-popup-content-padding-bottom) var(--ignis-popup-content-padding-left) !important;
  margin: var(--ignis-popup-content-margin-top) var(--ignis-popup-content-margin-right) var(--ignis-popup-content-margin-bottom) var(--ignis-popup-content-margin-left) !important;
  border: var(--ignis-popup-content-border-width, 1px) solid var(--ignis-popup-content-border) !important;
  border-radius: var(--ignis-popup-content-border-top-left-radius) var(--ignis-popup-content-border-top-right-radius) var(--ignis-popup-content-border-bottom-right-radius) var(--ignis-popup-content-border-bottom-left-radius) !important;
  background: var(--ignis-popup-content-bg) !important;
  color: var(--ignis-popup-content-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-content > .edit-page,
body.ignis-interface-themed #overlay-user .account-profile-panel,
body.ignis-interface-themed #overlay-user .two-factor-profile-panel,
body.ignis-interface-themed #overlay-user .privilege-profile-panel {
  padding: 0 !important;
  background: transparent !important;
  color: var(--ignis-popup-content-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-panel-heading,
body.ignis-interface-themed #overlay-user .two-factor-profile-heading,
body.ignis-interface-themed #overlay-user .privilege-profile-heading {
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
  background: var(--ignis-panel-header) !important;
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-panel-heading h3,
body.ignis-interface-themed #overlay-user .account-profile-panel-heading strong,
body.ignis-interface-themed #overlay-user .two-factor-profile-heading h3,
body.ignis-interface-themed #overlay-user .privilege-profile-heading h3 {
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-panel-heading p,
body.ignis-interface-themed #overlay-user .two-factor-profile-heading p,
body.ignis-interface-themed #overlay-user .privilege-profile-heading p {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-panel-heading-icon,
body.ignis-interface-themed #overlay-user .two-factor-profile-shield,
body.ignis-interface-themed #overlay-user .two-factor-profile-method-icon,
body.ignis-interface-themed #overlay-user .privilege-profile-heading > i,
body.ignis-interface-themed #overlay-user .account-profile-empty-state > i,
body.ignis-interface-themed #overlay-user .privilege-profile-empty > i,
body.ignis-interface-themed #overlay-user .privilege-profile-full-admin > i {
  border: var(--ignis-panel-heading-icon-border-width, 1px) solid var(--ignis-panel-heading-icon-border) !important;
  background: var(--ignis-panel-heading-icon-bg) !important;
  color: var(--ignis-panel-heading-icon-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-panel-heading-icon i,
body.ignis-interface-themed #overlay-user .two-factor-profile-shield i,
body.ignis-interface-themed #overlay-user .two-factor-profile-method-icon i,
body.ignis-interface-themed #overlay-user .privilege-profile-heading > i,
body.ignis-interface-themed #overlay-user .account-profile-empty-state > i,
body.ignis-interface-themed #overlay-user .privilege-profile-empty > i,
body.ignis-interface-themed #overlay-user .privilege-profile-full-admin > i {
  color: var(--ignis-panel-heading-icon-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-card,
body.ignis-interface-themed #overlay-user .account-profile-password-card .menu-item-alt-content,
body.ignis-interface-themed #overlay-user .two-factor-profile-method,
body.ignis-interface-themed #overlay-user .two-factor-profile-qr-column,
body.ignis-interface-themed #overlay-user .two-factor-profile-verify-column,
body.ignis-interface-themed #overlay-user .two-factor-profile-email-verify,
body.ignis-interface-themed #overlay-user .privilege-profile-select,
body.ignis-interface-themed #overlay-user .privilege-profile-category-summary,
body.ignis-interface-themed #overlay-user .privilege-profile-empty,
body.ignis-interface-themed #overlay-user .privilege-profile-full-admin,
body.ignis-interface-themed #overlay-user .privilege-profile-privileges span {
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
  background: var(--ignis-card-bg) !important;
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-card strong,
body.ignis-interface-themed #overlay-user .account-profile-card-title strong,
body.ignis-interface-themed #overlay-user .account-profile-card-row strong,
body.ignis-interface-themed #overlay-user .privilege-profile-category-summary strong,
body.ignis-interface-themed #overlay-user .privilege-profile-empty strong,
body.ignis-interface-themed #overlay-user .privilege-profile-full-admin strong {
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-card p,
body.ignis-interface-themed #overlay-user .account-profile-card-title span,
body.ignis-interface-themed #overlay-user .account-profile-card-row p,
body.ignis-interface-themed #overlay-user .privilege-profile-category-summary p,
body.ignis-interface-themed #overlay-user .privilege-profile-empty p,
body.ignis-interface-themed #overlay-user .privilege-profile-full-admin p,
body.ignis-interface-themed #overlay-user .privilege-profile-select small,
body.ignis-interface-themed #overlay-user .two-factor-profile-method p,
body.ignis-interface-themed #overlay-user .two-factor-profile-footnote {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed #overlay-user .custom-default-select,
body.ignis-interface-themed #overlay-user .privilege-profile-select select {
  box-sizing: border-box;
  padding: var(--ignis-popup-select-padding-top) var(--ignis-popup-select-padding-right) var(--ignis-popup-select-padding-bottom) var(--ignis-popup-select-padding-left) !important;
  margin: var(--ignis-popup-select-margin-top) var(--ignis-popup-select-margin-right) var(--ignis-popup-select-margin-bottom) var(--ignis-popup-select-margin-left) !important;
  border: var(--ignis-popup-select-border-width, 1px) solid var(--ignis-popup-select-border) !important;
  border-radius: var(--ignis-popup-select-border-top-left-radius) var(--ignis-popup-select-border-top-right-radius) var(--ignis-popup-select-border-bottom-right-radius) var(--ignis-popup-select-border-bottom-left-radius) !important;
  background: var(--ignis-popup-select-bg) !important;
  color: var(--ignis-popup-select-text) !important;
}

body.ignis-interface-themed #overlay-user .custom-default-select:focus,
body.ignis-interface-themed #overlay-user .custom-default-select:focus-visible,
body.ignis-interface-themed #overlay-user .privilege-profile-select select:focus,
body.ignis-interface-themed #overlay-user .privilege-profile-select select:focus-visible {
  border-color: var(--ignis-popup-select-focus-border) !important;
  border-width: var(--ignis-popup-select-focus-border-width, 1px) !important;
  background: var(--ignis-popup-select-focus-bg) !important;
  color: var(--ignis-popup-select-focus-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-footer {
  background: var(--ignis-popup-footer-bg) !important;
  border-color: var(--ignis-popup-content-border) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-footer .edit-form-content-row-button.btn,
body.ignis-interface-themed #overlay-user .account-profile-secondary-button,
body.ignis-interface-themed #overlay-user .two-factor-profile-button,
body.ignis-interface-themed #overlay-user .privilege-profile-actions button,
body.ignis-interface-themed #overlay-user .privilege-profile-error button {
  box-sizing: border-box;
  padding: var(--ignis-button-padding-top) var(--ignis-button-padding-right) var(--ignis-button-padding-bottom) var(--ignis-button-padding-left) !important;
  margin: var(--ignis-button-margin-top) var(--ignis-button-margin-right) var(--ignis-button-margin-bottom) var(--ignis-button-margin-left) !important;
  border: var(--ignis-primary-border-width, 1px) solid var(--ignis-primary-border) !important;
  border-radius: var(--ignis-button-border-top-left-radius) var(--ignis-button-border-top-right-radius) var(--ignis-button-border-bottom-right-radius) var(--ignis-button-border-bottom-left-radius) !important;
  background: var(--ignis-primary) !important;
  color: var(--ignis-primary-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-footer .edit-form-content-row-button.btn:not(.btn-disabled):hover,
body.ignis-interface-themed #overlay-user .account-profile-footer .edit-form-content-row-button.btn:not(.btn-disabled):focus-visible,
body.ignis-interface-themed #overlay-user .account-profile-secondary-button:hover,
body.ignis-interface-themed #overlay-user .account-profile-secondary-button:focus-visible,
body.ignis-interface-themed #overlay-user .two-factor-profile-button:not(.is-danger):hover,
body.ignis-interface-themed #overlay-user .two-factor-profile-button:not(.is-danger):focus-visible,
body.ignis-interface-themed #overlay-user .privilege-profile-actions button:hover,
body.ignis-interface-themed #overlay-user .privilege-profile-actions button:focus-visible,
body.ignis-interface-themed #overlay-user .privilege-profile-error button:hover,
body.ignis-interface-themed #overlay-user .privilege-profile-error button:focus-visible {
  border-color: var(--ignis-primary-hover-border) !important;
  border-width: var(--ignis-primary-hover-border-width, 1px) !important;
  background: var(--ignis-primary-hover) !important;
  color: var(--ignis-primary-hover-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-footer .edit-form-content-row-button.btn.button-selected,
body.ignis-interface-themed #overlay-user .account-profile-footer .edit-form-content-row-button.btn.is-selected,
body.ignis-interface-themed #overlay-user .account-profile-secondary-button.button-selected,
body.ignis-interface-themed #overlay-user .account-profile-secondary-button.is-selected,
body.ignis-interface-themed #overlay-user .two-factor-profile-button.button-selected,
body.ignis-interface-themed #overlay-user .two-factor-profile-button.is-selected {
  border-color: var(--ignis-selected-border) !important;
  border-width: var(--ignis-selected-border-width, 1px) !important;
  background: var(--ignis-selected) !important;
  color: var(--ignis-selected-text) !important;
}

body.ignis-interface-themed #overlay-user .account-profile-footer .edit-form-content-row-button.btn.btn-disabled,
body.ignis-interface-themed #overlay-user .two-factor-profile-button:disabled,
body.ignis-interface-themed #overlay-user .privilege-profile-actions button:disabled {
  opacity: 0.55;
  cursor: default;
  box-shadow: none !important;
}

body.ignis-interface-themed #overlay-user .account-profile-danger-button,
body.ignis-interface-themed #overlay-user .two-factor-profile-button.is-danger {
  padding: var(--ignis-button-padding-top) var(--ignis-button-padding-right) var(--ignis-button-padding-bottom) var(--ignis-button-padding-left) !important;
  margin: var(--ignis-button-margin-top) var(--ignis-button-margin-right) var(--ignis-button-margin-bottom) var(--ignis-button-margin-left) !important;
  border: var(--ignis-primary-border-width, 1px) solid var(--ignis-danger) !important;
  border-radius: var(--ignis-button-border-top-left-radius) var(--ignis-button-border-top-right-radius) var(--ignis-button-border-bottom-right-radius) var(--ignis-button-border-bottom-left-radius) !important;
  background: color-mix(in srgb, var(--ignis-danger) 18%, transparent) !important;
  color: var(--ignis-danger) !important;
}

body.ignis-interface-themed #overlay-user .block-icon-float.block-icon-float-trigger .block-icon-content,
body.ignis-interface-themed #overlay-user .block-icon-float.block-icon-float-trigger .block-icon-content-img-container {
  background: transparent !important;
}

/* Account avatar fallback when the configured image is missing. */
body.ignis-interface-themed #overlay-user .account-profile-avatar-frame {
  position: relative;
  overflow: hidden;
}

body.ignis-interface-themed #overlay-user .account-profile-avatar-fallback {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: transparent;
  color: var(--ignis-popup-icon-text, var(--ignis-text-primary));
  font-size: clamp(20px, 4vw, 30px);
  line-height: 1;
}

/* Dedicated theme states for edit form content tabs. */
body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected),
body.ignis-interface-themed .edit-page-client-block .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected) {
  box-sizing: border-box;
  background: var(--ignis-menu-item-tab-bg, #0E2738) !important;
  color: var(--ignis-menu-item-tab-text, #AEBFCA) !important;
  border: var(--ignis-menu-item-tab-border-width, 1px) solid var(--ignis-menu-item-tab-border, #41657A) !important;
  border-radius: 4px;
}

/* The outer edit tab owns the theme state; its legacy label must not mask it. */
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item {
  background: transparent !important;
  color: inherit !important;
  border: 0 !important;
  border-radius: inherit;
}

body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):hover,
body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):focus-visible,
body.ignis-interface-themed .edit-page-client-block .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):hover,
body.ignis-interface-themed .edit-page-client-block .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):focus-visible {
  background: var(--ignis-menu-item-tab-hover-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-hover-text, #30D7E3) !important;
  border-color: var(--ignis-menu-item-tab-hover-border, #30D7E3) !important;
  border-width: var(--ignis-menu-item-tab-hover-border-width, 1px) !important;
}

body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected:hover,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected:focus-visible,
body.ignis-interface-themed .edit-page-client-block .edit-form-content-menu-item.edit-form-content-menu-item-selected,
body.ignis-interface-themed .edit-page-client-block .edit-form-content-menu-item.edit-form-content-menu-item-selected:hover,
body.ignis-interface-themed .edit-page-client-block .edit-form-content-menu-item.edit-form-content-menu-item-selected:focus-visible {
  box-sizing: border-box;
  background: var(--ignis-menu-item-tab-selected-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-selected-text, #30D7E3) !important;
  border: var(--ignis-menu-item-tab-selected-border-width, 1px) solid var(--ignis-menu-item-tab-selected-border, #30D7E3) !important;
  border-radius: 4px;
}

/* Theme-controlled contextual help elements. */
body.ignis-interface-themed .help-icon-mini-container {
  box-sizing: border-box;
  opacity: var(--ignis-help-icon-opacity, 1);
  background: var(--ignis-help-icon-bg, #198893) !important;
  color: var(--ignis-help-icon-text, #FFFFFF) !important;
  border-color: var(--ignis-help-icon-border, #FFFFFF) !important;
  border-width: var(--ignis-help-icon-border-width, 1px) !important;
  border-style: solid !important;
}

body.ignis-interface-themed .help-icon-mini-container:hover,
body.ignis-interface-themed .help-icon-mini-container:focus-visible {
  opacity: var(--ignis-help-icon-opacity, 1);
  background: var(--ignis-help-icon-hover-bg, #21A3B0) !important;
  color: var(--ignis-help-icon-hover-text, #FFFFFF) !important;
  border-color: var(--ignis-help-icon-hover-border, #FFFFFF) !important;
  border-width: var(--ignis-help-icon-hover-border-width, 1px) !important;
}

body.ignis-interface-themed .help-icon-mini-container.help-icon-mini-container-selected {
  opacity: var(--ignis-help-icon-opacity, 1) !important;
  background: var(--ignis-help-icon-selected-bg, #126067) !important;
  color: var(--ignis-help-icon-selected-text, #FFFFFF) !important;
  border-color: var(--ignis-help-icon-selected-border, #FFFFFF) !important;
  border-width: var(--ignis-help-icon-selected-border-width, 1px) !important;
}

/* Dedicated theme states for the persistent sidebar Help on/off button. */
body.ignis-interface-themed .left-menu-help .left-menu-option {
  background: var(--ignis-help-toggle-bg, var(--ignis-sidebar-item-bg)) !important;
  color: var(--ignis-help-toggle-text, var(--ignis-sidebar-item-text)) !important;
  box-shadow: inset 0 0 0 var(--ignis-help-toggle-border-width, 1px) var(--ignis-help-toggle-border, var(--ignis-sidebar-item-border)) !important;
}

/* The generic sidebar hover animation paints a ::before layer over the button.
   Disable it here so the dedicated Help state colours remain authoritative. */
body.ignis-interface-themed .left-menu-help .left-menu-option::before {
  display: none !important;
}

body.ignis-interface-themed .left-menu-help .left-menu-option.button-selected {
  background: var(--ignis-help-toggle-selected-bg, var(--ignis-sidebar-item-selected-bg)) !important;
  color: var(--ignis-help-toggle-selected-text, var(--ignis-sidebar-item-selected-text)) !important;
  box-shadow: inset 0 0 0 var(--ignis-help-toggle-selected-border-width, 1px) var(--ignis-help-toggle-selected-border, var(--ignis-sidebar-item-selected-border)) !important;
}

/* Hover/focus is intentionally declared after selected so the configured Hover
   state is visible even while contextual Help is currently enabled. */
body.ignis-interface-themed .left-menu-help .left-menu-option:hover,
body.ignis-interface-themed .left-menu-help .left-menu-option:focus-visible,
body.ignis-interface-themed .left-menu-help .left-menu-option.button-selected:hover,
body.ignis-interface-themed .left-menu-help .left-menu-option.button-selected:focus-visible {
  background: var(--ignis-help-toggle-hover-bg, var(--ignis-sidebar-item-hover-bg)) !important;
  color: var(--ignis-help-toggle-hover-text, var(--ignis-sidebar-item-hover-text)) !important;
  box-shadow: inset 0 0 0 var(--ignis-help-toggle-hover-border-width, 1px) var(--ignis-help-toggle-hover-border, var(--ignis-sidebar-item-hover-border)) !important;
}

body.ignis-interface-themed .left-menu-help .left-menu-option :is(.left-menu-option-text, .option-icon, i) {
  color: inherit !important;
}

body.ignis-interface-themed .floating-help-overlay {
  background: var(--ignis-help-overlay-bg, #FFFFFF) !important;
  color: var(--ignis-help-overlay-text, #333333) !important;
  border-color: var(--ignis-help-overlay-border, #CCCCCC) !important;
  border-width: var(--ignis-help-overlay-border-width, 1px) !important;
  border-style: solid !important;
}

body.ignis-interface-themed .floating-help-overlay-inner {
  background: var(--ignis-help-overlay-bg, #FFFFFF) !important;
  color: var(--ignis-help-overlay-text, #333333) !important;
  border-radius: inherit;
}

body.ignis-interface-themed .floating-help-overlay-content,
body.ignis-interface-themed .floating-help-overlay-content :is(h1, h2, h3, h4, h5, h6, p, span, strong, em, small, li),
body.ignis-interface-themed .floating-help-overlay-close,
body.ignis-interface-themed .floating-help-overlay-footer,
body.ignis-interface-themed .floating-help-overlay-footer button {
  color: var(--ignis-help-overlay-text, #333333) !important;
}

body.ignis-interface-themed .floating-help-arrow.arrow-top {
  border-bottom-color: var(--ignis-help-overlay-bg, #FFFFFF) !important;
}

body.ignis-interface-themed .floating-help-arrow.arrow-bottom {
  border-top-color: var(--ignis-help-overlay-bg, #FFFFFF) !important;
}

body.ignis-interface-themed .floating-help-arrow.arrow-left {
  border-right-color: var(--ignis-help-overlay-bg, #FFFFFF) !important;
}

body.ignis-interface-themed .floating-help-arrow.arrow-right {
  border-left-color: var(--ignis-help-overlay-bg, #FFFFFF) !important;
}

/* Shared module expansion overlays. */
body.ignis-interface-themed .expand-menu-inner.expand-menu-inner-flex {
  box-sizing: border-box;
  padding: var(--ignis-module-overlay-padding-top, 10px) var(--ignis-module-overlay-padding-right, 10px) var(--ignis-module-overlay-padding-bottom, 10px) var(--ignis-module-overlay-padding-left, 10px) !important;
  margin: var(--ignis-module-overlay-margin-top, 0px) var(--ignis-module-overlay-margin-right, 0px) var(--ignis-module-overlay-margin-bottom, 0px) var(--ignis-module-overlay-margin-left, 0px) !important;
  border-color: var(--ignis-module-overlay-border, #198893) !important;
  border-width: var(--ignis-module-overlay-border-width, 2px) !important;
  border-style: solid !important;
  border-radius: var(--ignis-module-overlay-border-top-left-radius, 0px) var(--ignis-module-overlay-border-top-right-radius, 0px) var(--ignis-module-overlay-border-bottom-right-radius, 0px) var(--ignis-module-overlay-border-bottom-left-radius, 0px) !important;
  background: var(--ignis-module-overlay-bg, #0D3149) !important;
  color: var(--ignis-module-overlay-text, #FFFFFF) !important;
}

body.ignis-interface-themed .expand-menu-inner.expand-menu-inner-flex > :is(h1, h2, h3, h4, h5, h6, p, span, strong, small, label),
body.ignis-interface-themed .expand-menu-inner.expand-menu-inner-flex > * > :is(h1, h2, h3, h4, h5, h6, p, span, strong, small, label) {
  color: inherit;
}

/* Account-panel labels controlled by the active interface theme. */
body.ignis-interface-themed .account-user-section-kicker {
  color: var(--ignis-account-section-kicker-text, #30D7E3) !important;
}

/* Keep visible account/profile overlays above the fixed portal header. */
body.ignis-interface-themed .full-page-control.full-page-control-visible {
  z-index: 1200 !important;
}

body.ignis-interface-themed .full-page-control.full-page-control-visible .layout-outer-container-inner,
body.ignis-interface-themed .full-page-control.full-page-control-visible .layout-outer-container-menu {
  position: relative;
  z-index: 1201;
}

/* Shared error-message appearance. */
body.ignis-interface-themed .er-msg,
body.ignis-interface-themed .invalid-feedback,
body.ignis-interface-themed .interface-settings-message.is-error,
body.ignis-interface-themed .interface-settings-result.is-error,
body.ignis-interface-themed .two-factor-alert-error,
body.ignis-interface-themed .port-error-container,
body.ignis-interface-themed .plugin-disabled-message,
body.ignis-interface-themed .flipbook-subscription-limit-error,
body.ignis-interface-themed .flipbook-pdf-import-alert-error,
body.ignis-interface-themed .flipbook-interactive-form-message.is-error,
body.ignis-interface-themed .flipbook-analytics-error-detail,
body.ignis-interface-themed .flipbook-access-message.is-error,
body.ignis-interface-themed .privilege-manager-alert.is-error,
body.ignis-interface-themed .privilege-profile-error,
body.ignis-interface-themed .system-options-authentication-message-error,
body.ignis-interface-themed .two-factor-profile-load-error,
body.ignis-interface-themed .two-factor-profile-message.is-error,
body.ignis-interface-themed .client-impersonation-message.is-error {
  box-sizing: border-box;
  background: var(--ignis-error-message-bg, #3A1824) !important;
  color: var(--ignis-error-message-text, #FFA0AF) !important;
  padding: var(--ignis-error-message-padding-top, 10px) var(--ignis-error-message-padding-right, 12px) var(--ignis-error-message-padding-bottom, 10px) var(--ignis-error-message-padding-left, 12px) !important;
  margin: var(--ignis-error-message-margin-top, 8px) var(--ignis-error-message-margin-right, 0px) var(--ignis-error-message-margin-bottom, 8px) var(--ignis-error-message-margin-left, 0px) !important;
  border: var(--ignis-error-message-border-width, 1px) solid var(--ignis-error-message-border, #A13A58) !important;
  border-radius: var(--ignis-error-message-border-top-left-radius, 6px) var(--ignis-error-message-border-top-right-radius, 6px) var(--ignis-error-message-border-bottom-right-radius, 6px) var(--ignis-error-message-border-bottom-left-radius, 6px) !important;
}

body.ignis-interface-themed :is(.er-msg, .invalid-feedback, .interface-settings-message.is-error, .interface-settings-result.is-error, .two-factor-alert-error, .port-error-container, .plugin-disabled-message, .flipbook-subscription-limit-error, .flipbook-pdf-import-alert-error, .flipbook-interactive-form-message.is-error, .flipbook-analytics-error-detail, .flipbook-access-message.is-error, .privilege-manager-alert.is-error, .privilege-profile-error, .system-options-authentication-message-error, .two-factor-profile-load-error, .two-factor-profile-message.is-error, .client-impersonation-message.is-error) :is(i, span, strong, small, p, a) {
  color: inherit !important;
}

/* Theme error styling is applied only when validation feedback has content. */
body.ignis-interface-themed .invalid-feedback:empty {
  display: none !important;
}

/* Header profile dropdown colours. Scoped to the header menu so account edit overlays are unaffected. */
body.ignis-interface-themed #overlay-user-header-drop .layout-outer-container-inner,
body.ignis-interface-themed #overlay-user-header-drop .layout-outer-container-overlay-inner-pad {
  background: var(--ignis-profile-menu-bg) !important;
  color: var(--ignis-profile-menu-text) !important;
}

body.ignis-interface-themed #overlay-user-header-drop .cps-overlay-header-top-section {
  background: var(--ignis-profile-menu-header-bg) !important;
  color: var(--ignis-profile-menu-header-text) !important;
}

/* The Edit Profile action also carries .item-list-row-option. Reset the panel-row
   geometry and colours here so only Profile dropdown menu controls style it. */
body.ignis-interface-themed #overlay-user-header-drop .cps-header-drop-menu-link.item-list-row-option:not(.cps-option-log-out) {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 10px 15% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: var(--ignis-profile-menu-item-bg) !important;
  color: var(--ignis-profile-menu-item-text) !important;
}

body.ignis-interface-themed #overlay-user-header-drop .cps-header-drop-menu-link.item-list-row-option:not(.cps-option-log-out):hover,
body.ignis-interface-themed #overlay-user-header-drop .cps-header-drop-menu-link.item-list-row-option:not(.cps-option-log-out):focus-visible,
body.ignis-interface-themed #overlay-user-header-drop .cps-header-drop-menu-link.item-list-row-option:not(.cps-option-log-out):focus-within {
  background: var(--ignis-profile-menu-item-hover-bg) !important;
  color: var(--ignis-profile-menu-item-hover-text) !important;
}

body.ignis-interface-themed #overlay-user-header-drop .cps-header-drop-menu-link i {
  color: inherit !important;
}

body.ignis-interface-themed #overlay-user-header-drop .cps-option-section-divider {
  background: var(--ignis-profile-menu-divider) !important;
}

body.ignis-interface-themed #overlay-user-header-drop .cps-option-log-out {
  background: var(--ignis-profile-menu-logout-bg) !important;
  color: var(--ignis-profile-menu-logout-text) !important;
}

body.ignis-interface-themed #overlay-user-header-drop .cps-option-log-out:hover,
body.ignis-interface-themed #overlay-user-header-drop .cps-option-log-out:focus-visible {
  background: var(--ignis-profile-menu-logout-hover-bg) !important;
  color: var(--ignis-profile-menu-logout-hover-text) !important;
}

/* Account card hover fill. */
body.ignis-interface-themed .block-icon-accounts.block-icon::before {
  background: var(--ignis-account-card-hover-bg) !important;
  border-color: var(--ignis-account-card-hover-bg) !important;
}

/* Stack every half-width grid at tablet widths, including panels without an open editor. */
@media (max-width: 1150px) {
  .layout-outer-container50.layout-outer-container-grid {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}
/* Themed portal access-denied screen */
body.ignis-interface-themed:has(.ignis-access-denied) {
  min-height: 100vh;
  background: var(--ignis-page-bg, #0c193c);
}

body.ignis-interface-themed:has(.ignis-access-denied) .main-outer-container {
  min-height: 100vh;
}

.ignis-access-denied {
  display: grid;
  min-height: 100vh;
  padding: 32px 20px;
  place-items: center;
  background: radial-gradient(circle at 16% 18%, color-mix(in srgb, var(--ignis-focus, #30d7e3) 12%, transparent), transparent 34%), var(--ignis-page-bg, #0c193c);
  color: var(--ignis-panel-header-shell-text, #ffffff);
  font-family: var(--ignis-font-family, "Open Sans", Arial, sans-serif);
}

.ignis-access-denied-card {
  width: min(560px, 100%);
  overflow: hidden;
  border: var(--ignis-card-border-width, 1px) solid var(--ignis-card-border, rgba(137, 165, 183, 0.34));
  border-radius: 14px;
  background: var(--ignis-card-bg, #172f46);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.28);
}

.ignis-access-denied-brand {
  display: flex;
  min-height: 74px;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--ignis-header-text, #ffffff) 14%, transparent);
  background: var(--ignis-header-bg, #0c193c);
  color: var(--ignis-header-text, #ffffff);
  font-size: 15px;
  font-weight: 700;
}

.ignis-access-denied-logo {
  display: grid;
  width: 48px;
  height: 48px;
  overflow: hidden;
  place-items: center;
  border-radius: 9px;
  background: var(--ignis-logo-bg, #ffffff);
}

.ignis-access-denied-logo img {
  display: block;
  max-width: 88%;
  max-height: 88%;
  object-fit: contain;
}

.ignis-access-denied-icon {
  display: grid;
  width: 72px;
  height: 72px;
  margin: 34px auto 20px;
  place-items: center;
  border: 1px solid var(--ignis-error-message-border, #ef7373);
  border-radius: 50%;
  background: var(--ignis-error-message-bg, rgba(120, 28, 28, 0.24));
  color: var(--ignis-error-message-text, #ffd4d4);
  font-size: 27px;
}

.ignis-access-denied-copy {
  padding: 0 34px;
  text-align: center;
}

.ignis-access-denied-eyebrow {
  display: block;
  margin-bottom: 7px;
  color: var(--ignis-panel-eyebrow-text, var(--ignis-focus, #30d7e3));
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.ignis-access-denied-copy h1 {
  margin: 0;
  color: var(--ignis-panel-header-shell-text, #ffffff);
  font-size: clamp(22px, 4vw, 30px);
  font-weight: 700;
  line-height: 1.25;
}

.ignis-access-denied-copy p {
  margin: 14px auto 0;
  color: var(--ignis-module-overlay-text, #c7d4dc);
  font-size: 14px;
  line-height: 1.6;
}

.ignis-access-denied-copy .ignis-access-denied-help {
  margin-top: 8px;
  color: color-mix(in srgb, var(--ignis-module-overlay-text, #c7d4dc) 76%, transparent);
  font-size: 12px;
}

.ignis-access-denied-actions {
  display: flex;
  justify-content: center;
  padding: 28px 24px 32px;
}

.ignis-access-denied-logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-width: 140px;
  padding: var(--ignis-button-padding-top, 11px) var(--ignis-button-padding-right, 18px) var(--ignis-button-padding-bottom, 11px) var(--ignis-button-padding-left, 18px);
  border: var(--ignis-primary-action-border-width, 1px) solid var(--ignis-primary-action-border, var(--ignis-focus, #30d7e3));
  border-radius: var(--ignis-button-border-top-left-radius, 7px);
  background: var(--ignis-primary-action-bg, var(--ignis-focus, #30d7e3));
  color: var(--ignis-primary-action-text, #08202c);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.ignis-access-denied-logout:hover,
.ignis-access-denied-logout:focus-visible {
  border-color: var(--ignis-primary-action-hover-border, var(--ignis-focus, #30d7e3));
  background: var(--ignis-primary-action-hover-bg, #ffffff);
  color: var(--ignis-primary-action-hover-text, #0c193c);
  transform: translateY(-1px);
}

@media (max-width: 560px) {
  .ignis-access-denied {
    padding: 18px 12px;
  }
  .ignis-access-denied-copy {
    padding: 0 22px;
  }
}
/* Shared theme-controlled save confirmation toast. */
.ignis-save-toast-region {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 2147483000;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  pointer-events: none;
}

.ignis-save-toast {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: min(320px, 100vw - 36px);
  max-width: min(520px, 100vw - 36px);
  padding: 12px 15px;
  border: 1px solid var(--ignis-success, #79E9B1);
  border-radius: var(--ignis-button-border-top-left-radius, 5px);
  background: var(--ignis-card-bg, #0E2738);
  color: var(--ignis-success, #79E9B1);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
  font-family: var(--ignis-font-family, "Open Sans", Arial, sans-serif);
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.22s ease, transform 0.22s ease;
}

.ignis-save-toast.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.ignis-save-toast.is-leaving {
  opacity: 0;
  transform: translateY(-8px);
}

.ignis-save-toast i,
.ignis-save-toast span {
  color: inherit !important;
}

@media (max-width: 640px) {
  .ignis-save-toast-region {
    top: 10px;
    right: 10px;
    left: 10px;
    align-items: stretch;
  }
  .ignis-save-toast {
    min-width: 0;
    max-width: none;
    width: 100%;
  }
}

/*
 * Authoritative edit-tab state cascade.
 *
 * The .edit-form-content-menu-item wrapper is the only visual surface for a
 * tab. Its nested legacy .menu-item is kept transparent in every state so it
 * cannot create a second inset hover effect.
 */
body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):not(:hover):not(:focus-visible) {
  background: var(--ignis-menu-item-tab-bg, #0E2738) !important;
  color: var(--ignis-menu-item-tab-text, #AEBFCA) !important;
  border: var(--ignis-menu-item-tab-border-width, 1px) solid var(--ignis-menu-item-tab-border, #41657A) !important;
}

body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):hover,
body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):focus-visible {
  background: var(--ignis-menu-item-tab-hover-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-hover-text, #30D7E3) !important;
  border: var(--ignis-menu-item-tab-hover-border-width, 1px) solid var(--ignis-menu-item-tab-hover-border, #30D7E3) !important;
}

body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected:hover,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected:focus-visible {
  background: var(--ignis-menu-item-tab-selected-bg, #1A3448) !important;
  color: var(--ignis-menu-item-tab-selected-text, #30D7E3) !important;
  border: var(--ignis-menu-item-tab-selected-border-width, 1px) solid var(--ignis-menu-item-tab-selected-border, #30D7E3) !important;
}

body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):not(:hover):not(:focus-visible) > .menu-item,
body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):hover > .menu-item,
body.ignis-interface-themed .edit-form-content-menu-item:not(.edit-form-content-menu-item-selected):focus-visible > .menu-item,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected > .menu-item,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected:hover > .menu-item,
body.ignis-interface-themed .edit-form-content-menu-item.edit-form-content-menu-item-selected:focus-visible > .menu-item,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:hover,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:focus,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:focus-visible {
  background: transparent !important;
  background-image: none !important;
  color: inherit !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}

body.ignis-interface-themed .edit-form-content-menu-item > .menu-item::before,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item::after,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:hover::before,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:hover::after,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:focus::before,
body.ignis-interface-themed .edit-form-content-menu-item > .menu-item:focus::after {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
  transition: none !important;
}
/* Client Admin > Options > Account Options: selected interface theme */
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager {
  color: var(--ignis-text-primary) !important;
  font-family: var(--ignis-font-family, inherit) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-header {
  border-color: var(--ignis-panel-header-shell-border) !important;
  border-width: var(--ignis-panel-header-shell-border-width, 1px) !important;
  background: var(--ignis-panel-header) !important;
  color: var(--ignis-text-primary) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-header-icon,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category-icon,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-icon {
  border-color: var(--ignis-panel-heading-icon-border) !important;
  border-width: var(--ignis-panel-heading-icon-border-width, 1px) !important;
  background: var(--ignis-panel-heading-icon-bg) !important;
  color: var(--ignis-panel-heading-icon-text) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-header-icon i,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category-icon i,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-icon i {
  color: inherit !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-eyebrow,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-editor-mode {
  color: var(--ignis-panel-eyebrow-text) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-header h1,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-sidebar h2,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-editor h2,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-group-heading h3,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category-copy strong,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-copy strong,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-active strong,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field {
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-header p,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-sidebar p,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-editor p,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category-copy small,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-copy small,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-state small,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-active small,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-result,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-group-heading span,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-empty {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-scope-note {
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
  background: var(--ignis-card-bg) !important;
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-scope-note i {
  color: var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-layout {
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
  background: var(--ignis-panel-bg) !important;
  color: var(--ignis-text-primary) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-sidebar {
  border-color: var(--ignis-card-border) !important;
  background: color-mix(in srgb, var(--ignis-panel-bg) 78%, var(--ignis-card-bg)) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-editor {
  background: var(--ignis-panel-bg) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-editor-heading,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-fields,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-footer {
  border-color: var(--ignis-card-border) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category {
  border-color: var(--ignis-panel-row-border, var(--ignis-card-border)) !important;
  border-width: var(--ignis-panel-row-border-width, var(--ignis-card-border-width, 1px)) !important;
  border-radius: var(--ignis-panel-row-border-top-left-radius, 8px) var(--ignis-panel-row-border-top-right-radius, 8px) var(--ignis-panel-row-border-bottom-right-radius, 8px) var(--ignis-panel-row-border-bottom-left-radius, 8px) !important;
  background: var(--ignis-panel-row-bg, var(--ignis-card-bg)) !important;
  color: var(--ignis-panel-row-text, var(--ignis-text-primary)) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category:hover,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category:focus-visible {
  border-color: var(--ignis-panel-row-hover-border, var(--ignis-primary)) !important;
  border-width: var(--ignis-panel-row-hover-border-width, var(--ignis-card-border-width, 1px)) !important;
  background: var(--ignis-panel-row-hover-bg, var(--ignis-panel-header)) !important;
  color: var(--ignis-panel-row-hover-text, var(--ignis-text-primary)) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category.is-selected {
  border-color: var(--ignis-panel-row-selected-border, var(--ignis-selected-border)) !important;
  border-width: var(--ignis-panel-row-selected-border-width, var(--ignis-selected-border-width, 1px)) !important;
  background: var(--ignis-panel-row-selected-bg, var(--ignis-selected)) !important;
  color: var(--ignis-panel-row-selected-text, var(--ignis-selected-text)) !important;
  box-shadow: inset 3px 0 0 var(--ignis-panel-row-selected-border, var(--ignis-selected-border)) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category:hover .privilege-manager-category-copy strong,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category:focus-visible .privilege-manager-category-copy strong {
  color: var(--ignis-panel-row-hover-text, var(--ignis-text-primary)) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-category.is-selected .privilege-manager-category-copy strong {
  color: var(--ignis-panel-row-selected-text, var(--ignis-selected-text)) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-empty {
  border-color: var(--ignis-card-border) !important;
  background: var(--ignis-card-bg) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field input[type="text"],
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field textarea {
  border-color: var(--ignis-input-border) !important;
  border-width: var(--ignis-input-border-width, 1px) !important;
  background: var(--ignis-input-bg) !important;
  color: var(--ignis-input-text) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field input[type="text"]::placeholder,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field textarea::placeholder {
  color: var(--ignis-input-placeholder) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field input[type="text"]:focus,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-field textarea:focus {
  border-color: var(--ignis-input-focus-border) !important;
  border-width: var(--ignis-input-focus-border-width, 1px) !important;
  background: var(--ignis-input-focus-bg) !important;
  color: var(--ignis-input-focus-text) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ignis-focus) 20%, transparent) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-active {
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-switch {
  border-color: var(--ignis-card-border) !important;
  background: var(--ignis-secondary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-active input:checked + .privilege-manager-switch {
  border-color: var(--ignis-primary-border) !important;
  background: var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-active input:focus-visible + .privilege-manager-switch {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--ignis-focus) 22%, transparent) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-group {
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
  background: var(--ignis-card-bg) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-group-heading {
  border-color: var(--ignis-card-border) !important;
  background: var(--ignis-panel-header) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-items {
  background: color-mix(in srgb, var(--ignis-card-border) 60%, transparent) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button {
  border-color: var(--ignis-card-border) !important;
  border-width: var(--ignis-card-border-width, 1px) !important;
  background: var(--ignis-card-bg) !important;
  color: var(--ignis-text-primary) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button:hover,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button:focus-visible {
  border-color: var(--ignis-panel-row-hover-border, var(--ignis-primary)) !important;
  background: var(--ignis-panel-row-hover-bg, var(--ignis-panel-header)) !important;
  color: var(--ignis-panel-row-hover-text, var(--ignis-text-primary)) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button.is-granted {
  border-color: var(--ignis-selected-border) !important;
  box-shadow: inset 3px 0 0 var(--ignis-selected-border) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button.is-partial {
  border-color: var(--ignis-primary) !important;
  box-shadow: inset 3px 0 0 var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-copy code,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button.is-granted .privilege-manager-package-state strong,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-button.is-partial .privilege-manager-package-state strong {
  color: var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-state {
  border-color: var(--ignis-card-border) !important;
  background: color-mix(in srgb, var(--ignis-panel-bg) 70%, transparent) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-state strong,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-package-chevron {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-new,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-save,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-select-all {
  padding: var(--ignis-button-padding-top) var(--ignis-button-padding-right) var(--ignis-button-padding-bottom) var(--ignis-button-padding-left) !important;
  margin: var(--ignis-button-margin-top) var(--ignis-button-margin-right) var(--ignis-button-margin-bottom) var(--ignis-button-margin-left) !important;
  border: var(--ignis-primary-border-width, 1px) solid var(--ignis-primary-border) !important;
  border-radius: var(--ignis-button-border-top-left-radius) var(--ignis-button-border-top-right-radius) var(--ignis-button-border-bottom-right-radius) var(--ignis-button-border-bottom-left-radius) !important;
  background: var(--ignis-primary) !important;
  color: var(--ignis-primary-text) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-new:hover,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-new:focus-visible,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-save:hover,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-save:focus-visible,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-select-all:hover,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-select-all:focus-visible {
  border-color: var(--ignis-primary-hover-border) !important;
  border-width: var(--ignis-primary-hover-border-width, 1px) !important;
  background: var(--ignis-primary-hover) !important;
  color: var(--ignis-primary-hover-text) !important;
  box-shadow: none !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-delete {
  border-color: var(--ignis-danger) !important;
  background: color-mix(in srgb, var(--ignis-danger) 16%, transparent) !important;
  color: var(--ignis-danger) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-delete:hover,
body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-delete:focus-visible {
  border-color: var(--ignis-danger) !important;
  background: color-mix(in srgb, var(--ignis-danger) 28%, transparent) !important;
  color: var(--ignis-text-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-result.is-error {
  color: var(--ignis-danger) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-result.is-success {
  color: var(--ignis-success) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-result.is-working {
  color: var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager.is-client-assignment-manager .privilege-manager-alert.is-error {
  border-color: var(--ignis-error-message-border) !important;
  border-width: var(--ignis-error-message-border-width, 1px) !important;
  background: var(--ignis-error-message-bg) !important;
  color: var(--ignis-error-message-text) !important;
}

/* The package dialog is appended directly to body, so theme it independently. */
body.ignis-interface-themed .privilege-manager-package-dialog-backdrop {
  background: var(--ignis-overlay-bg) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-panel {
  border-color: var(--ignis-popup-panel-border) !important;
  border-width: var(--ignis-popup-panel-border-width, 1px) !important;
  border-radius: var(--ignis-popup-panel-border-top-left-radius) var(--ignis-popup-panel-border-top-right-radius) var(--ignis-popup-panel-border-bottom-right-radius) var(--ignis-popup-panel-border-bottom-left-radius) !important;
  background: var(--ignis-popup-panel-bg) !important;
  color: var(--ignis-popup-panel-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-header,
body.ignis-interface-themed .privilege-manager-package-dialog-footer {
  border-color: var(--ignis-popup-content-border) !important;
  background: var(--ignis-popup-content-bg) !important;
  color: var(--ignis-popup-content-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-icon {
  border-color: var(--ignis-popup-icon-border) !important;
  border-width: var(--ignis-popup-icon-border-width, 1px) !important;
  border-radius: var(--ignis-popup-icon-border-top-left-radius) var(--ignis-popup-icon-border-top-right-radius) var(--ignis-popup-icon-border-bottom-right-radius) var(--ignis-popup-icon-border-bottom-left-radius) !important;
  background: var(--ignis-popup-icon-bg) !important;
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-eyebrow {
  color: var(--ignis-panel-eyebrow-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-header h2,
body.ignis-interface-themed .privilege-manager-package-option-copy strong {
  color: var(--ignis-popup-content-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-header p,
body.ignis-interface-themed .privilege-manager-package-option-copy small,
body.ignis-interface-themed .privilege-manager-package-dialog-footer span {
  color: var(--ignis-text-secondary) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-close {
  padding: var(--ignis-popup-close-padding-top) var(--ignis-popup-close-padding-right) var(--ignis-popup-close-padding-bottom) var(--ignis-popup-close-padding-left) !important;
  margin: var(--ignis-popup-close-margin-top) var(--ignis-popup-close-margin-right) var(--ignis-popup-close-margin-bottom) var(--ignis-popup-close-margin-left) !important;
  border: var(--ignis-popup-close-border-width, 1px) solid var(--ignis-popup-close-border) !important;
  border-radius: var(--ignis-popup-close-border-top-left-radius) var(--ignis-popup-close-border-top-right-radius) var(--ignis-popup-close-border-bottom-right-radius) var(--ignis-popup-close-border-bottom-left-radius) !important;
  background: var(--ignis-popup-close-bg) !important;
  color: var(--ignis-popup-close-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-close:hover,
body.ignis-interface-themed .privilege-manager-package-dialog-close:focus-visible {
  border-color: var(--ignis-popup-close-hover-border) !important;
  border-width: var(--ignis-popup-close-hover-border-width, 1px) !important;
  background: var(--ignis-popup-close-hover-bg) !important;
  color: var(--ignis-popup-close-hover-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-option {
  border-color: var(--ignis-popup-menu-item-border) !important;
  border-width: var(--ignis-popup-menu-item-border-width, 1px) !important;
  border-radius: var(--ignis-popup-menu-item-border-top-left-radius) var(--ignis-popup-menu-item-border-top-right-radius) var(--ignis-popup-menu-item-border-bottom-right-radius) var(--ignis-popup-menu-item-border-bottom-left-radius) !important;
  background: var(--ignis-popup-menu-item-bg) !important;
  color: var(--ignis-popup-menu-item-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-option:hover,
body.ignis-interface-themed .privilege-manager-package-option:focus-within {
  border-color: var(--ignis-popup-menu-item-hover-border) !important;
  border-width: var(--ignis-popup-menu-item-hover-border-width, 1px) !important;
  background: var(--ignis-popup-menu-item-hover-bg) !important;
  color: var(--ignis-popup-menu-item-hover-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-option.is-all {
  border-color: var(--ignis-selected-border) !important;
  background: var(--ignis-selected) !important;
  color: var(--ignis-selected-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-option-check {
  border-color: var(--ignis-popup-menu-item-border) !important;
  background: var(--ignis-input-bg) !important;
}

body.ignis-interface-themed .privilege-manager-package-option input:checked + .privilege-manager-package-option-check {
  border-color: var(--ignis-selected-border) !important;
  background: var(--ignis-selected) !important;
  color: var(--ignis-selected-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-option input:indeterminate + .privilege-manager-package-option-check {
  border-color: var(--ignis-primary-border) !important;
  background: var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager-package-option-icon,
body.ignis-interface-themed .privilege-manager-package-option.is-all .privilege-manager-package-option-icon {
  background: var(--ignis-popup-icon-bg) !important;
  color: var(--ignis-popup-icon-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-footer span i {
  color: var(--ignis-primary) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-done {
  padding: var(--ignis-button-padding-top) var(--ignis-button-padding-right) var(--ignis-button-padding-bottom) var(--ignis-button-padding-left) !important;
  margin: var(--ignis-button-margin-top) var(--ignis-button-margin-right) var(--ignis-button-margin-bottom) var(--ignis-button-margin-left) !important;
  border: var(--ignis-primary-border-width, 1px) solid var(--ignis-primary-border) !important;
  border-radius: var(--ignis-button-border-top-left-radius) var(--ignis-button-border-top-right-radius) var(--ignis-button-border-bottom-right-radius) var(--ignis-button-border-bottom-left-radius) !important;
  background: var(--ignis-primary) !important;
  color: var(--ignis-primary-text) !important;
}

body.ignis-interface-themed .privilege-manager-package-dialog-done:hover,
body.ignis-interface-themed .privilege-manager-package-dialog-done:focus-visible {
  border-color: var(--ignis-primary-hover-border) !important;
  border-width: var(--ignis-primary-hover-border-width, 1px) !important;
  background: var(--ignis-primary-hover) !important;
  color: var(--ignis-primary-hover-text) !important;
}

/* Keep popup item-image controls compact and centred even when a theme has
   older, larger popup-icon spacing values saved. */
body.ignis-interface-themed .portal-entity-editor > .block-icon-float.block-icon-float-trigger {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 4px !important;
}

body.ignis-interface-themed .portal-entity-editor > .block-icon-float.block-icon-float-trigger .block-icon-content,
body.ignis-interface-themed .portal-entity-editor > .block-icon-float.block-icon-float-trigger .block-icon-content-img-container {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  place-items: center !important;
}

body.ignis-interface-themed .portal-entity-editor > .block-icon-float.block-icon-float-trigger .block-icon-content-img-default {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
  margin: auto !important;
  object-fit: contain;
}

body.ignis-interface-themed .portal-entity-editor > .block-icon-float.block-icon-float-trigger .main-cat-icon {
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  line-height: 1;
  place-items: center;
}

/* Keep category popup icon controls within their fixed header cell. The
   general popup icon theme can contain larger saved padding and margins, so
   this specialised control uses the same compact spacing as account popups. */
body.ignis-interface-themed .portal-entity-editor .portal-category-header-icon.block-icon-float-fa {
  box-sizing: border-box;
  margin: 0 !important;
  padding: 4px !important;
  overflow: hidden !important;
}

body.ignis-interface-themed .portal-entity-editor .portal-category-header-icon .block-icon-content {
  position: relative !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.ignis-interface-themed .portal-entity-editor .portal-category-header-icon .block-icon-content-img-container {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  place-items: center !important;
}

body.ignis-interface-themed .portal-entity-editor .portal-category-header-icon .main-cat-icon {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

body.ignis-interface-themed .portal-entity-editor .portal-category-header-icon .main-cat-icon i {
  overflow: visible !important;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.48));
}

/* The expanded state must override the normal themed 50% editor width. */
body.ignis-interface-themed .dashboard-admin .main-section-container-panel > .layout-outer-container50.layout-outer-container-grid.ignis-layout-section-expanded,
body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid.layout-outer-container50.ignis-layout-section-expanded:has(.admin_client_edit) {
  position: fixed !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  flex: none !important;
}

body.ignis-interface-themed .dashboard-admin .main-section-container-panel > .layout-outer-container50.layout-outer-container-grid.ignis-layout-section-expanded > .layout-outer-container,
body.ignis-interface-themed .main-section-container-panel:has(.layout-inner-container.panel-flex-display .admin_client_edit) > .layout-outer-container-grid.layout-outer-container50.ignis-layout-section-expanded:has(.admin_client_edit) > .layout-outer-container {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
}