html {
  --cx-page-bg-color: #fbfdff;
  --cx-page-bg:
    radial-gradient(ellipse 118% 58% at 12% -12%, rgba(255, 225, 250, 0.34) 0%, rgba(255, 225, 250, 0.16) 30%, rgba(255, 225, 250, 0) 68%),
    radial-gradient(ellipse 86% 52% at 34% -10%, rgba(235, 229, 255, 0.22) 0%, rgba(235, 229, 255, 0.10) 34%, rgba(235, 229, 255, 0) 70%),
    radial-gradient(ellipse 96% 56% at 92% -10%, rgba(204, 248, 255, 0.66) 0%, rgba(204, 248, 255, 0.30) 38%, rgba(204, 248, 255, 0) 72%),
    radial-gradient(ellipse 92% 52% at 62% 0%, rgba(225, 241, 255, 0.34) 0%, rgba(225, 241, 255, 0.14) 42%, rgba(225, 241, 255, 0) 76%),
    radial-gradient(ellipse 104% 48% at 50% 100%, rgba(255, 235, 242, 0.34) 0%, rgba(255, 235, 242, 0.14) 42%, rgba(255, 235, 242, 0) 76%),
    linear-gradient(180deg, #fffcff 0%, #fbfdff 48%, #fffafd 100%) !important;
}

table.roles input[type="checkbox"]:checked,
table.roles input[type="radio"]:checked,
body.admin table.roles input[type="checkbox"]:checked,
body.admin table.roles input[type="radio"]:checked,
body.admin .table.roles input[type="checkbox"]:checked,
body.admin .table.roles input[type="radio"]:checked {
  accent-color: #5a47f2 !important;
}

table.roles .checkbox input.capability[type="checkbox"],
table.roles .checkbox input.capability[type="radio"],
body.admin table.roles .checkbox input.capability[type="checkbox"],
body.admin table.roles .checkbox input.capability[type="radio"],
body.admin .table.roles .checkbox input.capability[type="checkbox"],
body.admin .table.roles .checkbox input.capability[type="radio"] {
  opacity: 1 !important;
  visibility: visible !important;
  accent-color: #5a47f2 !important;
  width: 17px !important;
  height: 17px !important;
}

table.roles .checkbox input.capability[type="checkbox"] + label::before,
table.roles .checkbox input.capability[type="radio"] + label::before,
table.roles .checkbox input.capability[type="checkbox"] + label::after,
table.roles .checkbox input.capability[type="radio"] + label::after,
body.admin table.roles .checkbox input.capability[type="checkbox"] + label::before,
body.admin table.roles .checkbox input.capability[type="radio"] + label::before,
body.admin table.roles .checkbox input.capability[type="checkbox"] + label::after,
body.admin table.roles .checkbox input.capability[type="radio"] + label::after,
body.admin .table.roles .checkbox input.capability[type="checkbox"] + label::before,
body.admin .table.roles .checkbox input.capability[type="radio"] + label::before,
body.admin .table.roles .checkbox input.capability[type="checkbox"] + label::after,
body.admin .table.roles .checkbox input.capability[type="radio"] + label::after {
  display: none !important;
}

table.roles .checkbox input[type="checkbox"]:checked + label::before,
table.roles .checkbox input[type="radio"]:checked + label::before,
table.roles .checkbox-primary input[type="checkbox"]:checked + label::before,
table.roles .checkbox-primary input[type="radio"]:checked + label::before,
table.roles .checkbox-success input[type="checkbox"]:checked + label::before,
table.roles .checkbox-success input[type="radio"]:checked + label::before,
body.admin table.roles .checkbox input[type="checkbox"]:checked + label::before,
body.admin table.roles .checkbox input[type="radio"]:checked + label::before,
body.admin table.roles .checkbox-primary input[type="checkbox"]:checked + label::before,
body.admin table.roles .checkbox-primary input[type="radio"]:checked + label::before,
body.admin table.roles .checkbox-success input[type="checkbox"]:checked + label::before,
body.admin table.roles .checkbox-success input[type="radio"]:checked + label::before,
body.admin .table.roles .checkbox input[type="checkbox"]:checked + label::before,
body.admin .table.roles .checkbox input[type="radio"]:checked + label::before,
body.admin .table.roles .checkbox-primary input[type="checkbox"]:checked + label::before,
body.admin .table.roles .checkbox-primary input[type="radio"]:checked + label::before,
body.admin .table.roles .checkbox-success input[type="checkbox"]:checked + label::before,
body.admin .table.roles .checkbox-success input[type="radio"]:checked + label::before {
  background-color: #5a47f2 !important;
  border-color: #5a47f2 !important;
}

table.roles .checkbox input[type="checkbox"]:checked + label::after,
table.roles .checkbox input[type="radio"]:checked + label::after,
body.admin table.roles .checkbox input[type="checkbox"]:checked + label::after,
body.admin table.roles .checkbox input[type="radio"]:checked + label::after,
body.admin .table.roles .checkbox input[type="checkbox"]:checked + label::after,
body.admin .table.roles .checkbox input[type="radio"]:checked + label::after {
  color: #fff !important;
}

body.admin .checkbox-primary input[type="checkbox"]:checked + label::before,
body.admin .checkbox-primary input[type="radio"]:checked + label::before,
body.admin .checkbox input[type="checkbox"]:checked + label::before,
body.admin .checkbox input[type="radio"]:checked + label::before {
  background-color: #5a47f2 !important;
  border-color: #5a47f2 !important;
}

body.admin .checkbox-primary input[type="checkbox"]:checked + label::after,
body.admin .checkbox-primary input[type="radio"]:checked + label::after,
body.admin .checkbox input[type="checkbox"]:checked + label::after,
body.admin .checkbox input[type="radio"]:checked + label::after {
  color: #fff !important;
}

body.admin input[type="checkbox"]:checked,
body.admin input[type="radio"]:checked {
  accent-color: #5a47f2;
}

body.admin .chatstart-btn i,
body.admin .chatstart-btn-icon i,
body.admin #chatIcon,
body.admin #closeIcon,
body.admin .chatstart-btn svg,
body.admin .chatstart-btn-icon svg,
body.admin [id*="chat" i][class*="btn" i] i,
body.admin [class*="chat" i][class*="btn" i] i {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

body.admin .chatstart-btn svg *,
body.admin .chatstart-btn-icon svg * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
}

/* Admin glass header: compact floating shell, existing controls preserved. */
body.admin #header.cx-admin-header {
  height: 78px !important;
  padding: 12px 22px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  position: relative;
  z-index: 120;
}

body.admin #header.cx-admin-header .cx-admin-header-nav {
  height: 54px;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.64), rgba(255, 255, 255, 0.38)),
    linear-gradient(90deg, rgba(108, 76, 241, 0.07), rgba(112, 221, 235, 0.06));
  box-shadow:
    0 20px 55px rgba(38, 31, 88, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(22px) saturate(150%);
  -webkit-backdrop-filter: blur(22px) saturate(150%);
}

body.admin #header.cx-admin-header .cx-admin-header-inner {
  align-items: center;
  height: 54px;
  min-height: 54px;
  padding: 0 14px 0 18px;
  gap: 14px;
}

body.admin #header.cx-admin-header #logo {
  height: 54px !important;
}

body.admin #header.cx-admin-header .cx-admin-header-left {
  align-items: center;
  min-width: 0;
}

body.admin #header.cx-admin-header #top_search {
  align-items: center;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.admin #header.cx-admin-header #search_input {
  width: min(36vw, 520px) !important;
  min-width: 280px;
  height: 40px !important;
  margin: 0 !important;
  padding-left: 42px !important;
  border: 1px solid rgba(78, 86, 104, 0.1) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.56) !important;
  color: #1f2430 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

body.admin #header.cx-admin-header #search_input:focus {
  border-color: rgba(108, 76, 241, 0.24) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    0 10px 28px rgba(108, 76, 241, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
}

body.admin #header.cx-admin-header #top_search_button {
  top: 4px !important;
  left: 11px !important;
}

body.admin #header.cx-admin-header #top_search_button button {
  width: 32px;
  height: 32px;
  padding: 0 !important;
  color: #6c4cf1 !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-actions,
body.admin #header.cx-admin-header .cx-admin-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link,
body.admin #header.cx-admin-header #tenant-switch,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.58);
  color: #5f6474 !important;
  box-shadow:
    0 12px 28px rgba(38, 31, 88, 0.09),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a span {
  width: 40px !important;
  height: 40px !important;
  border-radius: 16px !important;
  background: linear-gradient(135deg, #6c4cf1, #3cbce9) !important;
  box-shadow: 0 14px 30px rgba(108, 76, 241, 0.26);
}

body.admin #header.cx-admin-header #tenant-switch {
  width: auto !important;
  min-width: 152px;
  padding: 0 14px !important;
  justify-content: flex-start;
}

body.admin #header.cx-admin-header #tenant-switch span {
  max-width: 180px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #1f2430;
  font-weight: 700;
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a:hover,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a:hover,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link:hover,
body.admin #header.cx-admin-header #tenant-switch:hover,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a:hover {
  background: rgba(255, 255, 255, 0.78);
  color: #3c2f8f !important;
  box-shadow:
    0 16px 34px rgba(38, 31, 88, 0.13),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transform: translateY(-1px);
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li > a:has(.staff-profile-image-small) {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: auto !important;
  min-width: 168px;
  height: 42px !important;
  padding: 4px 8px 4px 14px !important;
  border: 1px solid rgba(255, 255, 255, 0.74);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.66);
  color: #1f2430 !important;
  box-shadow:
    0 14px 34px rgba(38, 31, 88, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.84);
}

body.admin #header.cx-admin-header .staff-profile-image-small {
  width: 32px !important;
  height: 32px !important;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 16px rgba(38, 31, 88, 0.16);
}

body.admin #header.cx-admin-header .cx-admin-header-action-label {
  display: none !important;
}

body.admin #header.cx-admin-header .nav > li > a {
  line-height: 1;
}

body.admin #header.cx-admin-header .icon-total-indicator,
body.admin #header.cx-admin-header .nav-total-todos,
body.admin #header.cx-admin-header .icon-started-timers,
body.admin #header.cx-admin-header .icon-notifications,
body.admin #header.cx-admin-header .cx-admin-header-notification-badge {
  top: -5px !important;
  right: -5px !important;
  border: 2px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 6px 12px rgba(38, 31, 88, 0.14);
}

body.admin #header.cx-admin-header .mobile-menu-toggle {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.58) !important;
}

body.admin #header.cx-admin-header .mobile-navbar {
  top: 66px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 20px 50px rgba(38, 31, 88, 0.15);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

@media (max-width: 991px) {
  body.admin #header.cx-admin-header {
    height: 72px !important;
    padding: 10px 14px !important;
  }

  body.admin #header.cx-admin-header .cx-admin-header-nav,
  body.admin #header.cx-admin-header .cx-admin-header-inner {
    height: 52px;
    min-height: 52px;
  }

  body.admin #header.cx-admin-header #search_input {
    width: min(48vw, 420px) !important;
    min-width: 220px;
  }
}

@media (max-width: 768px) {
  body.admin #header.cx-admin-header {
    padding: 8px 10px !important;
  }

  body.admin #header.cx-admin-header #search_input {
    min-width: 0;
    width: calc(100vw - 132px) !important;
    height: 38px !important;
  }

  body.admin #header.cx-admin-header .cx-admin-header-inner {
    gap: 8px;
    padding: 0 10px;
  }
}

/* Header correction: continuous page background with one compact dark glass bar. */
body.admin {
  --cx-admin-page-bg: var(--cx-page-bg);
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-blend-mode: normal !important;
}

body.admin #wrapper {
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

body.admin #header.cx-admin-header {
  height: 66px !important;
  padding: 8px 20px !important;
  background: var(--cx-admin-page-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.admin #header.cx-admin-header .cx-admin-header-nav {
  height: 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(15, 17, 28, 0.94), rgba(31, 34, 49, 0.88)),
    linear-gradient(90deg, rgba(108, 76, 241, 0.18), rgba(60, 188, 233, 0.1)) !important;
  box-shadow:
    0 22px 54px rgba(31, 24, 72, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.12) !important;
  backdrop-filter: blur(24px) saturate(145%);
  -webkit-backdrop-filter: blur(24px) saturate(145%);
}

body.admin #header.cx-admin-header .cx-admin-header-inner {
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 12px 0 16px !important;
}

body.admin #header.cx-admin-header #logo {
  height: 50px !important;
}

body.admin #header.cx-admin-header #search_input {
  height: 36px !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #f6f8ff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

body.admin #header.cx-admin-header #search_input::placeholder {
  color: rgba(246, 248, 255, 0.58) !important;
}

body.admin #header.cx-admin-header #search_input:focus {
  border-color: rgba(112, 221, 235, 0.36) !important;
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    0 0 0 3px rgba(112, 221, 235, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.13) !important;
}

body.admin #header.cx-admin-header #top_search_button {
  top: 2px !important;
}

body.admin #header.cx-admin-header #top_search_button button {
  color: rgba(151, 226, 239, 0.95) !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link,
body.admin #header.cx-admin-header #tenant-switch,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px;
  border-color: rgba(255, 255, 255, 0.11) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(246, 248, 255, 0.78) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    0 10px 22px rgba(0, 0, 0, 0.14) !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a span {
  width: 36px !important;
  height: 36px !important;
  border-radius: 15px !important;
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a:hover,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a:hover,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link:hover,
body.admin #header.cx-admin-header #tenant-switch:hover,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a:hover {
  background: rgba(255, 255, 255, 0.13) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    0 14px 28px rgba(0, 0, 0, 0.18) !important;
}

body.admin #header.cx-admin-header #tenant-switch {
  width: auto !important;
  min-width: 150px;
}

body.admin #header.cx-admin-header #tenant-switch span {
  color: rgba(246, 248, 255, 0.88) !important;
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li > a:has(.staff-profile-image-small) {
  height: 38px !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 12px 26px rgba(0, 0, 0, 0.16) !important;
}

body.admin #header.cx-admin-header .staff-profile-image-small {
  width: 30px !important;
  height: 30px !important;
  border-color: rgba(255, 255, 255, 0.72);
}

body.admin #header.cx-admin-header .icon-total-indicator,
body.admin #header.cx-admin-header .nav-total-todos,
body.admin #header.cx-admin-header .icon-started-timers,
body.admin #header.cx-admin-header .icon-notifications,
body.admin #header.cx-admin-header .cx-admin-header-notification-badge {
  top: -6px !important;
  right: -6px !important;
}

body.admin #header.cx-admin-header + #wrapper .content.accounting-dashboard-page {
  padding-top: 34px !important;
}

@media (max-width: 991px) {
  body.admin #header.cx-admin-header {
    height: 62px !important;
    padding: 7px 14px !important;
  }

  body.admin #header.cx-admin-header .cx-admin-header-nav,
  body.admin #header.cx-admin-header .cx-admin-header-inner {
    height: 48px !important;
    min-height: 48px !important;
  }
}

/* Header final alignment: shorter light glass bar floating on the page gradient. */
body.admin #header.cx-admin-header {
  height: 72px !important;
  padding: 10px 0 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  background-size: auto !important;
  background-blend-mode: normal !important;
}

body.admin #header.cx-admin-header .cx-admin-header-nav {
  width: min(1360px, calc(100% - 72px)) !important;
  height: 48px !important;
  margin: 0 auto !important;
  border: 1px solid rgba(255, 255, 255, 0.76) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.54), rgba(255, 255, 255, 0.28)),
    linear-gradient(90deg, rgba(109, 63, 228, 0.08), rgba(112, 221, 235, 0.07)) !important;
  box-shadow:
    0 18px 44px rgba(71, 55, 132, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.admin #header.cx-admin-header .cx-admin-header-inner {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 12px 0 16px !important;
}

body.admin #header.cx-admin-header #logo {
  height: 48px !important;
}

body.admin #header.cx-admin-header #search_input {
  height: 34px !important;
  border-color: rgba(78, 86, 104, 0.09) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: #232638 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 8px 20px rgba(71, 55, 132, 0.07) !important;
}

body.admin #header.cx-admin-header #search_input::placeholder {
  color: rgba(78, 86, 104, 0.68) !important;
}

body.admin #header.cx-admin-header #search_input:focus {
  border-color: rgba(109, 63, 228, 0.24) !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow:
    0 0 0 3px rgba(109, 63, 228, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
}

body.admin #header.cx-admin-header #top_search_button {
  top: 1px !important;
}

body.admin #header.cx-admin-header #top_search_button button {
  color: #6d3fe4 !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link,
body.admin #header.cx-admin-header #tenant-switch,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px;
  border-color: rgba(255, 255, 255, 0.76) !important;
  border-radius: 15px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  color: rgba(78, 86, 104, 0.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.84),
    0 10px 22px rgba(71, 55, 132, 0.09) !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a span {
  width: 34px !important;
  height: 34px !important;
  border-radius: 15px !important;
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a:hover,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a:hover,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link:hover,
body.admin #header.cx-admin-header #tenant-switch:hover,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a:hover {
  background: rgba(255, 255, 255, 0.78) !important;
  color: #5430c7 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.9),
    0 14px 28px rgba(71, 55, 132, 0.13) !important;
}

body.admin #header.cx-admin-header #tenant-switch {
  width: auto !important;
  min-width: 148px;
}

body.admin #header.cx-admin-header #tenant-switch span {
  color: #232638 !important;
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li > a:has(.staff-profile-image-small) {
  height: 36px !important;
  border-color: rgba(255, 255, 255, 0.76) !important;
  background: rgba(255, 255, 255, 0.62) !important;
  color: #232638 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 12px 26px rgba(71, 55, 132, 0.1) !important;
}

body.admin #header.cx-admin-header + #wrapper .content.accounting-dashboard-page {
  padding-top: 22px !important;
}

@media (max-width: 991px) {
  body.admin #header.cx-admin-header {
    height: 66px !important;
    padding-top: 8px !important;
  }

  body.admin #header.cx-admin-header .cx-admin-header-nav {
    width: min(100% - 28px, 940px) !important;
    height: 46px !important;
  }

  body.admin #header.cx-admin-header .cx-admin-header-inner {
    height: 46px !important;
    min-height: 46px !important;
  }
}

/* Final header request: soft page background to top edge, outline-only header shell. */
body.admin {
  --cx-admin-page-bg: var(--cx-page-bg);
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-blend-mode: normal !important;
}

body.admin #header.cx-admin-header {
  height: 68px !important;
  padding: 10px 0 8px !important;
  background: var(--cx-admin-page-bg) !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.admin #header.cx-admin-header .cx-admin-header-nav {
  width: min(1320px, calc(100% - 92px)) !important;
  height: 46px !important;
  margin: 0 auto !important;
  border: 1.5px solid rgba(109, 63, 228, 0.34) !important;
  border-radius: 24px !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.admin #header.cx-admin-header .cx-admin-header-inner {
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 12px 0 16px !important;
}

body.admin #header.cx-admin-header #logo {
  height: 46px !important;
}

body.admin #header.cx-admin-header #search_input {
  height: 34px !important;
  border-color: rgba(109, 63, 228, 0.16) !important;
  background: rgba(255, 255, 255, 0.5) !important;
  color: #232638 !important;
  box-shadow: none !important;
}

body.admin #header.cx-admin-header .cx-admin-header-quick-create > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.icon > a,
body.admin #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a,
body.admin #header.cx-admin-header .cx-admin-header-notifications-link,
body.admin #header.cx-admin-header #tenant-switch,
body.admin #header.cx-admin-header .header-flexinote-panel-toggle > a {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px;
  border-color: rgba(109, 63, 228, 0.16) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  box-shadow: none !important;
}

body.admin #header.cx-admin-header .cx-admin-header-actions > li > a:has(.staff-profile-image-small) {
  height: 36px !important;
  border-color: rgba(109, 63, 228, 0.16) !important;
  background: rgba(255, 255, 255, 0.46) !important;
  box-shadow: none !important;
}

body.admin #header.cx-admin-header + #wrapper .content.accounting-dashboard-page {
  padding-top: 18px !important;
}

@media (max-width: 991px) {
  body.admin #header.cx-admin-header .cx-admin-header-nav {
    width: min(100% - 28px, 940px) !important;
  }
}

/* Header background fix: soft canvas continues behind the transparent outline header. */
body.admin #header.cx-admin-header {
  height: 66px !important;
  padding: 10px 0 8px !important;
  background: #ffffff !important;
  background-image: none !important;
  background-size: auto !important;
  background-blend-mode: normal !important;
}

body.admin #header.cx-admin-header .cx-admin-header-nav {
  height: 44px !important;
  min-height: 44px !important;
  background: transparent !important;
  border: 1.5px solid rgba(109, 63, 228, 0.42) !important;
  box-shadow: none !important;
}

/* CRMEXA global pastel shell canvas */
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
body.admin.cx-client-shell-active,
body.cx-client-shell-active {
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-portal-page-bg: var(--cx-page-bg) !important;
  --cx-shell-header-bg: rgba(255, 255, 255, 0.84) !important;
  --cx-shell-header-border: rgba(223, 231, 241, 0.9) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-blend-mode: normal !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
body.cx-client-shell-active #wrapper,
body.cx-client-shell-active #content,
body.cx-client-shell-active .content {
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
body.cx-client-shell-active .cx-client-shell-topbar {
  background: transparent !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
body.cx-client-shell-active .cx-client-shell-topbar {
  border-color: rgba(223, 231, 241, 0.9) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 18px 45px rgba(15, 23, 42, 0.07) !important;
}

body.cx-client-shell-active .cx-client-shell-sidebar,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
  border-color: rgba(226, 232, 240, 0.96) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.96) 54%, rgba(247, 250, 252, 0.98) 100%) !important;
  box-shadow:
    0 26px 70px rgba(15, 23, 42, 0.09),
    0 10px 28px rgba(15, 23, 42, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.admin #header.cx-admin-header .cx-admin-header-inner {
  height: 44px !important;
  min-height: 44px !important;
}

body.admin #header.cx-admin-header #logo {
  height: 44px !important;
}

body.admin #header.cx-admin-header + #wrapper .content.accounting-dashboard-page {
  padding-top: 14px !important;
}


/* CRMEXA global pastel access page canvas */
body.customers_login,
body.register,
body.cx-affiliate-portal-page,
body.cx-purple-auth-page {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  --cx-portal-page-bg: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

body.customers_login #content,
body.register #content,
body.cx-affiliate-portal-page #content,
body.cx-purple-auth-page #content,
body.customers_login #content > .container,
body.register #content > .container,
body.cx-affiliate-portal-page #content > .container,
body.cx-purple-auth-page #content > .container,
body.customers_login #content > .container > .row,
body.register #content > .container > .row,
body.cx-affiliate-portal-page #content > .container > .row,
body.cx-purple-auth-page #content > .container > .row {
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

/* CRMEXA neutralize page-level shell tint */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.cx-client-shell-active .cx-client-shell-topbar,
html body.cx-client-shell-active .cx-client-shell-sidebar,
html body.crmexa-admin-auth .cx-auth-shell {
  box-shadow: none !important;
}

/* CRMEXA final global pastel canvas lock */
html,
html body,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.cx-client-shell-active,
html body.customers,
html body.customers_login,
html body.register,
html body.cx-affiliate-portal-page,
html body.cx-purple-auth-page,
html body.crmexa-admin-auth,
html body.customers.cx-public-portal-active,
html body.public-form,
html body.external,
html body.ticket-public-form,
html body #wrapper,
html body #content,
html body .content,
html body #content > .container,
html body #content > .container > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.crmexa-admin-auth .cx-auth-shell,
html body.admin .content.crmexa-dashboard-ux,
html body.admin .crmexa-dashboard-ux,
html body.admin .crmexa-dashboard-ux > .row,
html body.admin .crmexa-dashboard-ux [data-container],
html body.admin .crmexa-dashboard-ux [data-container] > .widget {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  --cx-portal-page-bg: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

html body::before,
html body::after,
html body #wrapper::before,
html body #wrapper::after,
html body #content::before,
html body #content::after,
html body .content::before,
html body .content::after,
html body.crmexa-admin-auth .cx-auth-shell::before,
html body.crmexa-admin-auth .cx-auth-shell::after,
html body.admin .content.crmexa-dashboard-ux::before,
html body.admin .content.crmexa-dashboard-ux::after,
html body.admin .crmexa-dashboard-ux [data-container]::before,
html body.admin .crmexa-dashboard-ux [data-container]::after,
html body.admin .crmexa-dashboard-ux [data-container] > .widget::before,
html body.admin .crmexa-dashboard-ux [data-container] > .widget::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.cx-client-shell-active .cx-client-shell-topbar,
html body.cx-client-shell-active .cx-client-shell-sidebar,
html body.crmexa-admin-auth .cx-auth-shell {
  box-shadow: none !important;
}

/* CRMEXA dashboard: remove duplicate outer widget box */
html body.admin .crmexa-dashboard-ux .widget > .panel_s {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* CRMEXA dashboard: exact outer widget box removal */

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s,
html body.admin .crmexa-dashboard-ux #widget-whatsapp-stats .crmexa-saas-mini-stats__panel,
html body.admin .crmexa-dashboard-ux #widget-whatsbot-stats .crmexa-saas-mini-stats__panel,
html body.admin .crmexa-dashboard-ux #widget-saas_quota_stats .crmexa-saas-quota-widget,
html body.admin .crmexa-dashboard-ux #widget-saas_top_stats .crmexa-saas-overview-widget,
html body.admin .crmexa-dashboard-ux #widget-top_stats .crmexa-quick-stats-widget,
html body.admin .crmexa-dashboard-ux #widget-finance_overview .crmexa-finance-overview,
html body.admin .crmexa-dashboard-ux #widget-purchase_widget > .panel_s {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-whatsapp-stats .crmexa-saas-mini-stats__panel > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-whatsbot-stats .crmexa-saas-mini-stats__panel > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-saas_quota_stats .crmexa-saas-quota-widget > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-saas_top_stats .crmexa-saas-overview-widget > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-top_stats .crmexa-quick-stats-widget > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-finance_overview .crmexa-finance-overview > .panel-body,
html body.admin .crmexa-dashboard-ux #widget-purchase_widget > .panel_s > .panel-body {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

/* CRMEXA final header placement lock: mirrors the verified DevTools fix. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: fixed !important;
  top: 0 !important;
  left: calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  right: var(--cx-ref-sidebar-gap, 15px) !important;
  width: auto !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 15px 0 0 !important;
  z-index: 1030 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  width: 100% !important;
  max-width: none !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  padding-top: calc(15px + 62px + 24px) !important;
}

/* CRMEXA auth pages: restore purple branded access background. */
html body.customers_login #content .cx-auth-shell,
html body.register #content .cx-auth-shell,
html body.cx-affiliate-portal-page #content .cx-auth-shell,
html body.cx-purple-auth-page #content .cx-auth-shell,
html body.crmexa-admin-auth #content .cx-auth-shell {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-portal-page-bg: var(--cx-page-bg) !important;
  position: relative !important;
  min-height: calc(100vh - 24px) !important;
  margin: 12px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-position: center !important;
  background-size: cover !important;
  box-shadow: none !important;
  animation: none !important;
}

html body.customers_login #content .cx-auth-shell.cx-auth-shell-login,
html body.register #content .cx-auth-shell.cx-auth-shell-register,
html body.cx-affiliate-portal-page #content .cx-auth-shell.cx-affiliate-auth-shell {
  min-height: calc(100vh - 24px) !important;
  margin: 12px !important;
  border-radius: 18px !important;
}

html body.customers_login #content .cx-auth-shell::before,
html body.register #content .cx-auth-shell::before,
html body.cx-affiliate-portal-page #content .cx-auth-shell::before,
html body.cx-purple-auth-page #content .cx-auth-shell::before,
html body.crmexa-admin-auth #content .cx-auth-shell::before,
html body.customers_login #content .cx-auth-shell::after,
html body.register #content .cx-auth-shell::after,
html body.cx-affiliate-portal-page #content .cx-auth-shell::after,
html body.cx-purple-auth-page #content .cx-auth-shell::after,
html body.crmexa-admin-auth #content .cx-auth-shell::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: 17% !important;
  z-index: 1 !important;
  width: min(20vw, 196px) !important;
  height: min(52vh, 543px) !important;
  pointer-events: none !important;
  opacity: 0.48;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  box-shadow: none !important;
  transform: translate3d(0, 0, 0) scaleX(0.94);
  transform-origin: center !important;
  will-change: opacity, transform !important;
  animation: cxAuthLineDrift 4.8s ease-in-out infinite !important;
}

html body.customers_login #content .cx-auth-shell::before,
html body.register #content .cx-auth-shell::before,
html body.cx-affiliate-portal-page #content .cx-auth-shell::before,
html body.cx-purple-auth-page #content .cx-auth-shell::before,
html body.crmexa-admin-auth #content .cx-auth-shell::before {
  left: max(24px, 10vw) !important;
  background-image: url("../images/auth-left-lines.svg") !important;
}

html body.customers_login #content .cx-auth-shell::after,
html body.register #content .cx-auth-shell::after,
html body.cx-affiliate-portal-page #content .cx-auth-shell::after,
html body.cx-purple-auth-page #content .cx-auth-shell::after,
html body.crmexa-admin-auth #content .cx-auth-shell::after {
  right: max(24px, 10vw) !important;
  background-image: url("../images/auth-right-lines.svg") !important;
  animation-delay: -2.4s !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
html body.register #content .cx-auth-shell .cx-auth-workspace,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace {
  position: relative !important;
  z-index: 2 !important;
  min-height: calc(100vh - 24px) !important;
  background: transparent !important;
  background-image: none !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace::before,
html body.register #content .cx-auth-shell .cx-auth-workspace::before,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace::before,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace::before,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace::before {
  content: "" !important;
  position: absolute !important;
  inset: 15% auto auto 50% !important;
  z-index: 0 !important;
  width: min(62vw, 1080px) !important;
  height: min(56vh, 560px) !important;
  transform: translateX(-50%) rotate(-7deg);
  clip-path: polygon(7% 34%, 38% 13%, 76% 21%, 100% 47%, 90% 83%, 50% 100%, 18% 72%);
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.2) 42%, rgba(255, 255, 255, 0.07) 100%),
    linear-gradient(22deg, rgba(124, 99, 255, 0.2), rgba(255, 255, 255, 0.05)) !important;
  box-shadow:
    inset 0 0 90px rgba(255, 255, 255, 0.12),
    0 0 80px rgba(255, 255, 255, 0.08) !important;
  pointer-events: none !important;
  transform-origin: 50% 50% !important;
  will-change: transform, opacity, clip-path !important;
  animation: cxAuthFacetFloat 7.2s ease-in-out infinite !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace::after,
html body.register #content .cx-auth-shell .cx-auth-workspace::after,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace::after,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace::after,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace::after {
  content: "" !important;
  position: absolute !important;
  left: 19% !important;
  right: 25% !important;
  bottom: 23% !important;
  z-index: 0 !important;
  height: 24px !important;
  transform: skewX(-14deg);
  background: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 0 46px rgba(255, 255, 255, 0.08) !important;
  pointer-events: none !important;
  transform-origin: center !important;
  will-change: transform, opacity !important;
  animation: cxAuthBandSweep 5.6s ease-in-out infinite !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace > *,
html body.register #content .cx-auth-shell .cx-auth-workspace > *,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace > *,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace > *,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace > *,
html body.customers_login #content .cx-auth-shell .cx-auth-showcase,
html body.register #content .cx-auth-shell .cx-auth-showcase,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-showcase,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-showcase,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-showcase {
  position: relative !important;
  z-index: 3 !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace > .cx-auth-motion-layer,
html body.register #content .cx-auth-shell .cx-auth-workspace > .cx-auth-motion-layer,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace > .cx-auth-motion-layer,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace > .cx-auth-motion-layer,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace > .cx-auth-motion-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html body.customers_login #content .cx-auth-motion-layer::before,
html body.register #content .cx-auth-motion-layer::before,
html body.cx-affiliate-portal-page #content .cx-auth-motion-layer::before,
html body.cx-purple-auth-page #content .cx-auth-motion-layer::before,
html body.crmexa-admin-auth #content .cx-auth-motion-layer::before {
  content: "" !important;
  position: absolute !important;
  top: 18% !important;
  left: 50% !important;
  width: min(68vw, 1180px) !important;
  height: min(58vh, 600px) !important;
  clip-path: polygon(7% 34%, 38% 13%, 76% 21%, 100% 47%, 90% 83%, 50% 100%, 18% 72%);
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.24) 42%, rgba(255, 255, 255, 0.07) 100%),
    linear-gradient(22deg, rgba(124, 99, 255, 0.22), rgba(255, 255, 255, 0.05)) !important;
  box-shadow:
    inset 0 0 90px rgba(255, 255, 255, 0.12),
    0 0 90px rgba(255, 255, 255, 0.08) !important;
  animation: cxAuthLiveFacet 5.8s ease-in-out infinite !important;
}

html body.customers_login #content .cx-auth-motion-layer::after,
html body.register #content .cx-auth-motion-layer::after,
html body.cx-affiliate-portal-page #content .cx-auth-motion-layer::after,
html body.cx-purple-auth-page #content .cx-auth-motion-layer::after,
html body.crmexa-admin-auth #content .cx-auth-motion-layer::after {
  content: "" !important;
  position: absolute !important;
  left: 18% !important;
  right: 22% !important;
  bottom: 25% !important;
  height: 26px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: 0 0 54px rgba(255, 255, 255, 0.1) !important;
  animation: cxAuthLiveBand 4.2s ease-in-out infinite !important;
}

html body.customers_login #content .cx-auth-motion-layer .cx-auth-motion-band,
html body.register #content .cx-auth-motion-layer .cx-auth-motion-band,
html body.cx-affiliate-portal-page #content .cx-auth-motion-layer .cx-auth-motion-band,
html body.cx-purple-auth-page #content .cx-auth-motion-layer .cx-auth-motion-band,
html body.crmexa-admin-auth #content .cx-auth-motion-layer .cx-auth-motion-band {
  position: absolute !important;
  top: 28% !important;
  left: 19% !important;
  width: 64% !important;
  height: 42px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent) !important;
  filter: blur(2px) !important;
  animation: cxAuthLiveSweep 3.8s ease-in-out infinite !important;
}

html body.customers_login #content .cx-auth-motion-layer .cx-auth-motion-glow,
html body.register #content .cx-auth-motion-layer .cx-auth-motion-glow,
html body.cx-affiliate-portal-page #content .cx-auth-motion-layer .cx-auth-motion-glow,
html body.cx-purple-auth-page #content .cx-auth-motion-layer .cx-auth-motion-glow,
html body.crmexa-admin-auth #content .cx-auth-motion-layer .cx-auth-motion-glow {
  position: absolute !important;
  inset: 14% 18% 18% 18% !important;
  background: radial-gradient(circle at 50% 45%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0) 58%) !important;
  animation: cxAuthLiveGlow 6.4s ease-in-out infinite !important;
}

@media (max-width: 991px) {
  html body.customers_login #content .cx-auth-shell,
  html body.register #content .cx-auth-shell,
  html body.cx-affiliate-portal-page #content .cx-auth-shell,
  html body.cx-purple-auth-page #content .cx-auth-shell,
  html body.crmexa-admin-auth #content .cx-auth-shell {
    min-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  html body.customers_login #content .cx-auth-shell::before,
  html body.register #content .cx-auth-shell::before,
  html body.cx-affiliate-portal-page #content .cx-auth-shell::before,
  html body.cx-purple-auth-page #content .cx-auth-shell::before,
  html body.crmexa-admin-auth #content .cx-auth-shell::before,
  html body.customers_login #content .cx-auth-shell::after,
  html body.register #content .cx-auth-shell::after,
  html body.cx-affiliate-portal-page #content .cx-auth-shell::after,
  html body.cx-purple-auth-page #content .cx-auth-shell::after,
  html body.crmexa-admin-auth #content .cx-auth-shell::after {
    opacity: 0.28 !important;
  }

  html body.customers_login #content .cx-auth-shell .cx-auth-workspace::before,
  html body.register #content .cx-auth-shell .cx-auth-workspace::before,
  html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace::before,
  html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace::before,
  html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace::before {
    width: 120vw !important;
    height: 48vh !important;
  }
}

@keyframes cxAuthGradientFlow {
  0%, 100% {
    background-position: 22% 26%, 72% 72%, center;
  }
  50% {
    background-position: 30% 20%, 64% 78%, center;
  }
}

@keyframes cxAuthLineDrift {
  0%, 100% {
    opacity: 0.26;
    transform: translate3d(-8px, 0, 0) scaleX(0.88);
  }
  45% {
    opacity: 0.62;
    transform: translate3d(10px, -4px, 0) scaleX(1.06);
  }
  72% {
    opacity: 0.4;
    transform: translate3d(4px, 5px, 0) scaleX(0.98);
  }
}

@keyframes cxAuthFacetFloat {
  0%, 100% {
    opacity: 0.78;
    transform: translateX(-50%) translate3d(-16px, 0, 0) rotate(-7deg) scale(0.985);
    clip-path: polygon(7% 34%, 38% 13%, 76% 21%, 100% 47%, 90% 83%, 50% 100%, 18% 72%);
  }
  44% {
    opacity: 0.94;
    transform: translateX(-50%) translate3d(18px, -16px, 0) rotate(-4deg) scale(1.025);
    clip-path: polygon(6% 39%, 36% 10%, 79% 18%, 98% 43%, 92% 80%, 53% 98%, 15% 76%);
  }
  72% {
    opacity: 0.86;
    transform: translateX(-50%) translate3d(8px, 10px, 0) rotate(-9deg) scale(1.005);
    clip-path: polygon(8% 31%, 40% 15%, 74% 22%, 100% 50%, 88% 85%, 48% 100%, 20% 70%);
  }
}

@keyframes cxAuthBandSweep {
  0%, 100% {
    opacity: 0.34;
    transform: translate3d(-7%, 0, 0) skewX(-14deg) scaleX(0.9);
  }
  48% {
    opacity: 0.7;
    transform: translate3d(9%, -5px, 0) skewX(-14deg) scaleX(1.08);
  }
  74% {
    opacity: 0.46;
    transform: translate3d(3%, 4px, 0) skewX(-14deg) scaleX(0.98);
  }
}

@keyframes cxAuthLiveFacet {
  0%, 100% {
    opacity: 0.62;
    transform: translateX(-50%) translate3d(-26px, 0, 0) rotate(-8deg) scale(0.98);
  }
  42% {
    opacity: 0.94;
    transform: translateX(-50%) translate3d(32px, -22px, 0) rotate(-3deg) scale(1.04);
  }
  72% {
    opacity: 0.78;
    transform: translateX(-50%) translate3d(12px, 14px, 0) rotate(-10deg) scale(1.01);
  }
}

@keyframes cxAuthLiveBand {
  0%, 100% {
    opacity: 0.2;
    transform: translate3d(-10%, 0, 0) skewX(-14deg) scaleX(0.88);
  }
  50% {
    opacity: 0.72;
    transform: translate3d(11%, -6px, 0) skewX(-14deg) scaleX(1.12);
  }
}

@keyframes cxAuthLiveSweep {
  0%, 100% {
    opacity: 0;
    transform: translate3d(-18%, 0, 0) skewX(-12deg) scaleX(0.75);
  }
  45% {
    opacity: 0.8;
    transform: translate3d(18%, -4px, 0) skewX(-12deg) scaleX(1.16);
  }
}

@keyframes cxAuthLiveGlow {
  0%, 100% {
    opacity: 0.25;
    transform: translate3d(-2%, 1%, 0) scale(0.96);
  }
  50% {
    opacity: 0.75;
    transform: translate3d(3%, -2%, 0) scale(1.05);
  }
}

/* CRMEXA auth pages: replace old CSS/SVG shapes with the live canvas layer. */
html body.customers_login #content .cx-auth-shell::before,
html body.register #content .cx-auth-shell::before,
html body.cx-affiliate-portal-page #content .cx-auth-shell::before,
html body.cx-purple-auth-page #content .cx-auth-shell::before,
html body.crmexa-admin-auth #content .cx-auth-shell::before,
html body.crmexa-admin-auth .cx-auth-shell::before,
html body.customers_login #content .cx-auth-shell::after,
html body.register #content .cx-auth-shell::after,
html body.cx-affiliate-portal-page #content .cx-auth-shell::after,
html body.cx-purple-auth-page #content .cx-auth-shell::after,
html body.crmexa-admin-auth #content .cx-auth-shell::after,
html body.crmexa-admin-auth .cx-auth-shell::after,
html body.customers_login #content .cx-auth-shell .cx-auth-workspace::before,
html body.register #content .cx-auth-shell .cx-auth-workspace::before,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace::before,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace::before,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace::before,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace::before,
html body.customers_login #content .cx-auth-shell .cx-auth-workspace::after,
html body.register #content .cx-auth-shell .cx-auth-workspace::after,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace::after,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace::after,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace::after,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body.customers_login #content .cx-auth-motion-layer,
html body.register #content .cx-auth-motion-layer,
html body.cx-affiliate-portal-page #content .cx-auth-motion-layer,
html body.cx-purple-auth-page #content .cx-auth-motion-layer,
html body.crmexa-admin-auth #content .cx-auth-motion-layer,
html body.crmexa-admin-auth .cx-auth-motion-layer {
  display: none !important;
}

html body.customers_login #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.register #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-affiliate-portal-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-purple-auth-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth .cx-auth-shell > .cx-auth-canvas-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
  opacity: 0.92 !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
html body.register #content .cx-auth-shell .cx-auth-workspace,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace,
html body.customers_login #content .cx-auth-shell .cx-auth-showcase,
html body.register #content .cx-auth-shell .cx-auth-showcase,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-showcase,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-showcase,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-showcase,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-showcase {
  position: relative !important;
  z-index: 3 !important;
}

/* CRMEXA auth pages: tighten the logo-to-card gap on every auth screen. */
html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
html body.customers_login #content .cx-auth-shell.cx-auth-shell-login .cx-auth-workspace,
html body.register #content .cx-auth-shell .cx-auth-workspace,
html body.register #content .cx-auth-shell.cx-auth-shell-register .cx-auth-workspace,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace {
  padding-top: clamp(104px, 12vh, 122px) !important;
}

@media (max-width: 768px) {
  html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
  html body.customers_login #content .cx-auth-shell.cx-auth-shell-login .cx-auth-workspace,
  html body.register #content .cx-auth-shell .cx-auth-workspace,
  html body.register #content .cx-auth-shell.cx-auth-shell-register .cx-auth-workspace,
  html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
  html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
  html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace,
  html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace {
    padding-top: 112px !important;
  }
}

/* CRMEXA dashboard: absolute final single card surface. */
html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data,
html body.admin .crmexa-dashboard-ux .widget > .panel_s {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body {
  border: 1px solid rgba(219, 228, 242, 0.98) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: hidden !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body::before,
html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body::after,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body::before,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* CRMEXA final EOF canvas lock: remove page-shell gray/white overlays. */
html,
html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"],
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"]::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"]::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header,
html body.admin #header.cx-admin-header,
html body.admin #header.navbar,
html body.admin #header.navbar-fixed-top {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header::before,
html body.admin #header::after,
html body.admin #header.cx-admin-header::before,
html body.admin #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin .cx-admin-header-nav,
html body.admin .cx-client-shell-topbar {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-inner {
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.cx-client-shell-active .cx-client-shell-sidebar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin #header,
  html body.admin #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* CRMEXA absolute last viewport-only pastel canvas lock. */
html {
  --cx-page-bg-color: #fbfdff !important;
  --cx-page-bg:
    radial-gradient(ellipse 118% 58% at 12% -12%, rgba(255, 225, 250, 0.34) 0%, rgba(255, 225, 250, 0.16) 30%, rgba(255, 225, 250, 0) 68%),
    radial-gradient(ellipse 86% 52% at 34% -10%, rgba(235, 229, 255, 0.22) 0%, rgba(235, 229, 255, 0.10) 34%, rgba(235, 229, 255, 0) 70%),
    radial-gradient(ellipse 96% 56% at 92% -10%, rgba(204, 248, 255, 0.66) 0%, rgba(204, 248, 255, 0.30) 38%, rgba(204, 248, 255, 0) 72%),
    radial-gradient(ellipse 92% 52% at 62% 0%, rgba(225, 241, 255, 0.34) 0%, rgba(225, 241, 255, 0.14) 42%, rgba(225, 241, 255, 0) 76%),
    radial-gradient(ellipse 104% 48% at 50% 100%, rgba(255, 235, 242, 0.34) 0%, rgba(255, 235, 242, 0.14) 42%, rgba(255, 235, 242, 0) 76%),
    linear-gradient(180deg, #fffcff 0%, #fbfdff 48%, #fffafd 100%) !important;
  min-height: 100% !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.cx-client-shell-active,
html body.customers.cx-client-shell-active:not(.customers_login):not(.register),
html body.customers_login,
html body.register,
html body.cx-affiliate-portal-page,
html body.cx-purple-auth-page,
html body.crmexa-admin-auth,
html body.customers.cx-public-portal-active,
html body.public-form,
html body.external,
html body.ticket-public-form,
html body #wrapper,
html body #content,
html body .content,
html body .content-wrapper,
html body #content > .container,
html body #content > .container > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"],
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin,
html body.cx-client-shell-active #wrapper,
html body.cx-client-shell-active #content,
html body.cx-client-shell-active .content,
html body.customers.cx-public-portal-active #wrapper,
html body.customers.cx-public-portal-active #content {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-position: initial !important;
  background-size: auto !important;
  background-repeat: repeat !important;
}

html body.admin .cx-tickets-table-card,
html body.admin .cx-tickets-board-card,
html body.admin .cx-tickets-chart-card,
html body.admin .cx-tickets-card-head,
html body.admin .cx-tickets-card-body {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* CRMEXA final viewport-only pastel canvas lock. */
html {
  --cx-page-bg-color: #fbfdff !important;
  --cx-page-bg:
    radial-gradient(ellipse 118% 58% at 12% -12%, rgba(255, 225, 250, 0.34) 0%, rgba(255, 225, 250, 0.16) 30%, rgba(255, 225, 250, 0) 68%),
    radial-gradient(ellipse 86% 52% at 34% -10%, rgba(235, 229, 255, 0.22) 0%, rgba(235, 229, 255, 0.10) 34%, rgba(235, 229, 255, 0) 70%),
    radial-gradient(ellipse 96% 56% at 92% -10%, rgba(204, 248, 255, 0.66) 0%, rgba(204, 248, 255, 0.30) 38%, rgba(204, 248, 255, 0) 72%),
    radial-gradient(ellipse 92% 52% at 62% 0%, rgba(225, 241, 255, 0.34) 0%, rgba(225, 241, 255, 0.14) 42%, rgba(225, 241, 255, 0) 76%),
    radial-gradient(ellipse 104% 48% at 50% 100%, rgba(255, 235, 242, 0.34) 0%, rgba(255, 235, 242, 0.14) 42%, rgba(255, 235, 242, 0) 76%),
    linear-gradient(180deg, #fffcff 0%, #fbfdff 48%, #fffafd 100%) !important;
  min-height: 100% !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.cx-client-shell-active,
html body.customers.cx-client-shell-active:not(.customers_login):not(.register),
html body.customers_login,
html body.register,
html body.cx-affiliate-portal-page,
html body.cx-purple-auth-page,
html body.crmexa-admin-auth,
html body.customers.cx-public-portal-active,
html body.public-form,
html body.external,
html body.ticket-public-form {
  min-height: 100% !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-position: initial !important;
  background-size: auto !important;
  background-repeat: repeat !important;
}

html body #wrapper,
html body #content,
html body .content,
html body .content-wrapper,
html body #content > .container,
html body #content > .container > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"],
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin,
html body.cx-client-shell-active #wrapper,
html body.cx-client-shell-active #content,
html body.cx-client-shell-active .content,
html body.customers.cx-public-portal-active #wrapper,
html body.customers.cx-public-portal-active #content {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-position: initial !important;
  background-size: auto !important;
  background-repeat: repeat !important;
  box-shadow: none !important;
}

html body.admin .cx-tickets-table-card,
html body.admin .cx-tickets-board-card,
html body.admin .cx-tickets-chart-card {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html body.admin .cx-tickets-card-head,
html body.admin .cx-tickets-card-body {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* CRMEXA final EOF canvas lock: remove page-shell gray/white overlays. */
html,
html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header,
html body.admin #header.cx-admin-header,
html body.admin #header.navbar,
html body.admin #header.navbar-fixed-top {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header::before,
html body.admin #header::after,
html body.admin #header.cx-admin-header::before,
html body.admin #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin .cx-admin-header-nav,
html body.admin .cx-client-shell-topbar {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-inner {
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.cx-client-shell-active .cx-client-shell-sidebar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin #header,
  html body.admin #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* CRMEXA absolute final viewport canvas and non-sticky header lock. */
html,
html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header,
html body.admin #header.cx-admin-header,
html body.admin #header.navbar,
html body.admin #header.navbar-fixed-top {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header::before,
html body.admin #header::after,
html body.admin #header.cx-admin-header::before,
html body.admin #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-inner {
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin #header,
  html body.admin #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* CRMEXA absolute final viewport canvas and non-sticky header lock. */
html,
html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header,
html body.admin #header.cx-admin-header,
html body.admin #header.navbar,
html body.admin #header.navbar-fixed-top {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header::before,
html body.admin #header::after,
html body.admin #header.cx-admin-header::before,
html body.admin #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-inner {
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin #header,
  html body.admin #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* CRMEXA absolute final viewport canvas and non-sticky header lock. */
html,
html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header,
html body.admin #header.cx-admin-header,
html body.admin #header.navbar,
html body.admin #header.navbar-fixed-top {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header::before,
html body.admin #header::after,
html body.admin #header.cx-admin-header::before,
html body.admin #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-inner {
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin #header,
  html body.admin #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* CRMEXA final admin canvas/header correction. */
html,
html body,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  z-index: 20 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  width: 100% !important;
  max-width: none !important;
  min-height: 64px !important;
  height: 64px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  min-height: 62px !important;
  height: 62px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* CRMEXA final single-canvas background correction. */
html,
html body,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.cx-client-shell-active,
html body.customers,
html body.customers_login,
html body.register,
html body.cx-affiliate-portal-page,
html body.cx-purple-auth-page,
html body.crmexa-admin-auth,
html body.customers.cx-public-portal-active,
html body.public-form,
html body.external,
html body.ticket-public-form {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  --cx-portal-page-bg: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

html body #wrapper,
html body #content,
html body .content,
html body #content > .container,
html body #content > .container > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.cx-client-shell-active #wrapper,
html body.cx-client-shell-active #content,
html body.cx-client-shell-active .content,
html body.customers.cx-client-shell-active:not(.customers_login):not(.register) #content > .container,
html body.customers.cx-client-shell-active:not(.customers_login):not(.register) #content > .container > .row,
html body.customers_login #content,
html body.register #content,
html body.cx-affiliate-portal-page #content,
html body.cx-purple-auth-page #content,
html body.crmexa-admin-auth #content,
html body.crmexa-admin-auth .cx-auth-shell,
html body.customers_login #content .cx-auth-shell,
html body.register #content .cx-auth-shell,
html body.cx-affiliate-portal-page #content .cx-auth-shell,
html body.cx-purple-auth-page #content .cx-auth-shell,
html body.customers.cx-public-portal-active #wrapper,
html body.customers.cx-public-portal-active #content,
html body.customers #content > .container,
html body.customers #content > .container > .row,
html body.admin .content.crmexa-dashboard-ux,
html body.admin .crmexa-dashboard-ux,
html body.admin .crmexa-dashboard-ux > .row,
html body.admin .crmexa-dashboard-ux [data-container],
html body.admin .crmexa-dashboard-ux [data-container] > .widget,
html body .crmexa-module-page,
html body .saas-tenant-admin {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-size: auto !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.cx-client-shell-active .cx-client-shell-sidebar,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
html body.cx-client-shell-active .cx-client-shell-topbar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: rgba(226, 232, 240, 0.96) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, 0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar::after,
html body.cx-client-shell-active .cx-client-shell-sidebar::before,
html body.cx-client-shell-active .cx-client-shell-sidebar::after {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* CRMEXA dashboard: absolute final single card surface. */
html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data,
html body.admin .crmexa-dashboard-ux .widget > .panel_s {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body {
  border: 1px solid rgba(219, 228, 242, 0.98) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: hidden !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body::before,
html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body::after,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body::before,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* CRMEXA final global pastel + dashboard single-box lock. */
html body.customers_login #content .cx-auth-shell,
html body.register #content .cx-auth-shell,
html body.cx-affiliate-portal-page #content .cx-auth-shell,
html body.cx-purple-auth-page #content .cx-auth-shell,
html body.crmexa-admin-auth #content .cx-auth-shell,
html body.crmexa-admin-auth .cx-auth-shell {
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-size: cover !important;
  box-shadow: none !important;
  animation: none !important;
}

html body.customers_login #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.register #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-affiliate-portal-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-purple-auth-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth .cx-auth-shell > .cx-auth-canvas-layer {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.admin .content.crmexa-dashboard-ux,
html body.admin .crmexa-dashboard-ux,
html body.admin .crmexa-dashboard-ux > .row,
html body.admin .crmexa-dashboard-ux [data-container] {
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-size: cover !important;
}

html body.admin .crmexa-dashboard-ux [data-container] > .widget {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body.admin .crmexa-dashboard-ux [data-container]::before,
html body.admin .crmexa-dashboard-ux [data-container]::after,
html body.admin .crmexa-dashboard-ux [data-container] > .widget::before,
html body.admin .crmexa-dashboard-ux [data-container] > .widget::after,
html body.admin .crmexa-dashboard-ux .widget > .panel_s::before,
html body.admin .crmexa-dashboard-ux .widget > .panel_s::after,
html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body::before,
html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin .crmexa-dashboard-ux .widget > .panel_s {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .panel_s),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .panel),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .card),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .well),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .dataTables_wrapper),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .fc),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-mini-card),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-quota-card),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-stat-card),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-chart-card),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-finance-card),
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-quick-stat-card) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .panel_s) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .panel) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .card) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .well) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .dataTables_wrapper) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .fc) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-mini-card) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-quota-card) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-stat-card) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-saas-chart-card) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-finance-card) > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s:has(> .panel-body .crmexa-quick-stat-card) > .panel-body {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
}

html body.admin .crmexa-dashboard-ux .widget .panel_s,
html body.admin .crmexa-dashboard-ux .widget .panel,
html body.admin .crmexa-dashboard-ux .widget .card,
html body.admin .crmexa-dashboard-ux .widget .well,
html body.admin .crmexa-dashboard-ux .widget .dataTables_wrapper,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-mini-card,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-quota-card,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-quota-storage,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-stat-card,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-chart-card,
html body.admin .crmexa-dashboard-ux .widget .crmexa-finance-card,
html body.admin .crmexa-dashboard-ux .widget .crmexa-quick-stat-card,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-overview-widget,
html body.admin .crmexa-dashboard-ux .widget .crmexa-finance-overview,
html body.admin .crmexa-dashboard-ux .widget .crmexa-quick-stats-widget,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-mini-stats__panel,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-quota-widget,
html body.admin .crmexa-dashboard-ux .widget .crmexa-saas-top-stats-widget,
html body.admin .crmexa-dashboard-ux .widget .top_stats_wrapper,
html body.admin .crmexa-dashboard-ux .widget .media,
html body.admin .crmexa-dashboard-ux .widget .feed-item,
html body.admin .crmexa-dashboard-ux .widget .events ol li {
  box-shadow: none !important;
  filter: none !important;
}

/* CRMEXA auth pages: final pastel canvas and compact logo-to-card spacing lock. */
html body.customers_login #content .cx-auth-shell,
html body.register #content .cx-auth-shell,
html body.cx-affiliate-portal-page #content .cx-auth-shell,
html body.cx-purple-auth-page #content .cx-auth-shell,
html body.crmexa-admin-auth #content .cx-auth-shell,
html body.crmexa-admin-auth .cx-auth-shell {
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.customers_login #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.register #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-affiliate-portal-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-purple-auth-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth .cx-auth-shell > .cx-auth-canvas-layer {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
html body.customers_login #content .cx-auth-shell.cx-auth-shell-login .cx-auth-workspace,
html body.register #content .cx-auth-shell .cx-auth-workspace,
html body.register #content .cx-auth-shell.cx-auth-shell-register .cx-auth-workspace,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace {
  padding-top: clamp(104px, 12vh, 122px) !important;
}

@media (max-width: 768px) {
  html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
  html body.customers_login #content .cx-auth-shell.cx-auth-shell-login .cx-auth-workspace,
  html body.register #content .cx-auth-shell .cx-auth-workspace,
  html body.register #content .cx-auth-shell.cx-auth-shell-register .cx-auth-workspace,
  html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
  html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
  html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace,
  html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace {
    padding-top: 112px !important;
  }
}

/* CRMEXA dashboard: EOF enforced single card surface. */
html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data,
html body.admin .crmexa-dashboard-ux .widget > .panel_s {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: visible !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body,
html body.admin .crmexa-dashboard-ux .widget > .panel_s > .panel-body {
  border: 1px solid rgba(219, 228, 242, 0.98) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  outline: 0 !important;
  overflow: hidden !important;
}

html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body::before,
html body.admin .crmexa-dashboard-ux [id^="widget-"].widget > .panel_s > .panel-body::after,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body::before,
html body.admin .crmexa-dashboard-ux .widget > .panel_s.user-data > .panel-body::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* CRMEXA true final single viewport canvas and static header lock. */
html,
html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"],
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin {
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-position: initial !important;
  background-size: auto !important;
  background-repeat: repeat !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"]::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"]::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header,
html body.admin #header.cx-admin-header,
html body.admin #header.navbar,
html body.admin #header.navbar-fixed-top {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 22px var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header::before,
html body.admin #header::after,
html body.admin #header.cx-admin-header::before,
html body.admin #header.cx-admin-header::after {
  content: none !important;
  display: none !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin #header.cx-admin-header .cx-admin-header-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-nav,
html body.admin .cx-admin-header-nav,
html body.admin .cx-client-shell-topbar {
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(214, 225, 241, 0.96) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin #header.cx-admin-header .cx-admin-header-inner {
  min-height: 62px !important;
  height: 62px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.cx-client-shell-active .cx-client-shell-sidebar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: var(--cx-ref-sidebar-offset, calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px))) !important;
  padding-top: 24px !important;
}

@media (max-width: 991px) {
  html body.admin #header,
  html body.admin #header.cx-admin-header {
    margin: 15px 15px 0 !important;
  }

  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}
/* CRMEXA end-of-file viewport-only pastel canvas lock. */
html {
  --cx-page-bg-color: #fbfdff !important;
  --cx-page-bg:
    radial-gradient(ellipse 118% 58% at 12% -12%, rgba(255, 225, 250, 0.34) 0%, rgba(255, 225, 250, 0.16) 30%, rgba(255, 225, 250, 0) 68%),
    radial-gradient(ellipse 86% 52% at 34% -10%, rgba(235, 229, 255, 0.22) 0%, rgba(235, 229, 255, 0.10) 34%, rgba(235, 229, 255, 0) 70%),
    radial-gradient(ellipse 96% 56% at 92% -10%, rgba(204, 248, 255, 0.66) 0%, rgba(204, 248, 255, 0.30) 38%, rgba(204, 248, 255, 0) 72%),
    radial-gradient(ellipse 92% 52% at 62% 0%, rgba(225, 241, 255, 0.34) 0%, rgba(225, 241, 255, 0.14) 42%, rgba(225, 241, 255, 0) 76%),
    radial-gradient(ellipse 104% 48% at 50% 100%, rgba(255, 235, 242, 0.34) 0%, rgba(255, 235, 242, 0.14) 42%, rgba(255, 235, 242, 0) 76%),
    linear-gradient(180deg, #fffcff 0%, #fbfdff 48%, #fffafd 100%) !important;
  min-height: 100% !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

html body,
html body.admin,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
html body.cx-client-shell-active,
html body.customers.cx-client-shell-active:not(.customers_login):not(.register),
html body.customers_login,
html body.register,
html body.cx-affiliate-portal-page,
html body.cx-purple-auth-page,
html body.crmexa-admin-auth,
html body.customers.cx-public-portal-active,
html body.public-form,
html body.external,
html body.ticket-public-form,
html body #wrapper,
html body #content,
html body .content,
html body .content-wrapper,
html body #content > .container,
html body #content > .container > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content > .row,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content-wrapper > .content,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-tickets-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content[class*="crmexa-"][class*="-page"],
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .content.crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .crmexa-module-page,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .saas-tenant-admin,
html body.cx-client-shell-active #wrapper,
html body.cx-client-shell-active #content,
html body.cx-client-shell-active .content,
html body.customers.cx-public-portal-active #wrapper,
html body.customers.cx-public-portal-active #content {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-position: initial !important;
  background-size: auto !important;
  background-repeat: repeat !important;
}

html body.admin .cx-tickets-table-card,
html body.admin .cx-tickets-board-card,
html body.admin .cx-tickets-chart-card,
html body.admin .cx-tickets-card-head,
html body.admin .cx-tickets-card-body {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* CRMEXA quick-create icons: remove icon tile backgrounds. */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li:not(.dropdown-header):not(.divider) > a i,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li:not(.dropdown-header):not(.divider) > a svg {
  width: 24px !important;
  min-width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--cx-qc-accent, #6d5df5) !important;
  fill: var(--cx-qc-accent, #6d5df5) !important;
  stroke: var(--cx-qc-accent, #6d5df5) !important;
  -webkit-text-fill-color: var(--cx-qc-accent, #6d5df5) !important;
  font-size: 19px !important;
  line-height: 1 !important;
}

/* CRMEXA auth pages: white outer canvas, rounded purple animated stage. */
html body.customers_login,
html body.register,
html body.cx-affiliate-portal-page,
html body.cx-purple-auth-page,
html body.crmexa-admin-auth {
  --cx-shell-page-bg: #ffffff !important;
  --cx-admin-page-bg: #ffffff !important;
  --cx-portal-page-bg: #ffffff !important;
  --cx-page-bg: #ffffff !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  min-height: 100dvh !important;
}

html body.customers_login #wrapper,
html body.customers_login #content,
html body.customers_login #content > .container,
html body.customers_login #content > .container > .row,
html body.register #wrapper,
html body.register #content,
html body.register #content > .container,
html body.register #content > .container > .row,
html body.cx-affiliate-portal-page #wrapper,
html body.cx-affiliate-portal-page #content,
html body.cx-affiliate-portal-page #content > .container,
html body.cx-affiliate-portal-page #content > .container > .row,
html body.cx-purple-auth-page #wrapper,
html body.cx-purple-auth-page #content,
html body.cx-purple-auth-page #content > .container,
html body.cx-purple-auth-page #content > .container > .row,
html body.crmexa-admin-auth #wrapper,
html body.crmexa-admin-auth #content,
html body.crmexa-admin-auth #content > .container,
html body.crmexa-admin-auth #content > .container > .row {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html body.customers_login #content .cx-auth-shell,
html body.register #content .cx-auth-shell,
html body.cx-affiliate-portal-page #content .cx-auth-shell,
html body.cx-purple-auth-page #content .cx-auth-shell,
html body.customers_login .cx-auth-shell,
html body.register .cx-auth-shell,
html body.cx-affiliate-portal-page .cx-auth-shell,
html body.cx-purple-auth-page .cx-auth-shell,
html body.crmexa-admin-auth #content .cx-auth-shell,
html body.crmexa-admin-auth .cx-auth-shell {
  --cx-shell-page-bg: #641dff !important;
  --cx-admin-page-bg: #641dff !important;
  --cx-portal-page-bg: #641dff !important;
  --cx-page-bg: #641dff !important;
  position: relative !important;
  min-height: calc(100dvh - 30px) !important;
  margin: 15px !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.22) 0, rgba(255, 255, 255, 0) 28%),
    radial-gradient(circle at 82% 16%, rgba(159, 119, 255, 0.42) 0, rgba(159, 119, 255, 0) 30%),
    radial-gradient(circle at 50% 92%, rgba(255, 255, 255, 0.18) 0, rgba(255, 255, 255, 0) 34%),
    linear-gradient(145deg, #641dff 0%, #7127ff 46%, #4b16bf 100%) !important;
  background-color: #641dff !important;
  background-position: center !important;
  background-size: cover !important;
}

html body.customers_login #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.register #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-affiliate-portal-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-purple-auth-page #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth #content .cx-auth-shell > .cx-auth-canvas-layer,
html body.customers_login .cx-auth-shell > .cx-auth-canvas-layer,
html body.register .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-affiliate-portal-page .cx-auth-shell > .cx-auth-canvas-layer,
html body.cx-purple-auth-page .cx-auth-shell > .cx-auth-canvas-layer,
html body.crmexa-admin-auth .cx-auth-shell > .cx-auth-canvas-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: 0.92 !important;
  visibility: visible !important;
  pointer-events: none !important;
}

html body.customers_login #content .cx-auth-shell .cx-auth-workspace,
html body.register #content .cx-auth-shell .cx-auth-workspace,
html body.cx-affiliate-portal-page #content .cx-auth-shell .cx-auth-workspace,
html body.cx-purple-auth-page #content .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth #content .cx-auth-shell .cx-auth-workspace,
html body.customers_login .cx-auth-shell .cx-auth-workspace,
html body.register .cx-auth-shell .cx-auth-workspace,
html body.cx-affiliate-portal-page .cx-auth-shell .cx-auth-workspace,
html body.cx-purple-auth-page .cx-auth-shell .cx-auth-workspace,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-workspace,
html body.customers_login .cx-auth-shell .cx-auth-showcase,
html body.register .cx-auth-shell .cx-auth-showcase,
html body.cx-affiliate-portal-page .cx-auth-shell .cx-auth-showcase,
html body.cx-purple-auth-page .cx-auth-shell .cx-auth-showcase,
html body.crmexa-admin-auth .cx-auth-shell .cx-auth-showcase {
  position: relative !important;
  z-index: 3 !important;
  background: transparent !important;
}

/* CRMEXA admin shell: keep the sidebar-to-workspace gutter from showing the pastel canvas as a gray strip. */
@media (min-width: 992px) {
  html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell)::before {
    content: "" !important;
    position: fixed !important;
    top: 0 !important;
    bottom: 0 !important;
    left: calc(var(--cx-ref-sidebar-gap, 15px) + var(--cx-ref-sidebar-width, 242px)) !important;
    width: calc(var(--cx-ref-sidebar-gap, 15px) + var(--cx-shell-content-gutter, clamp(36px, 2.5vw, 60px))) !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}

/* CRMEXA global glass pastel canvas. Auth pages are intentionally excluded. */
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) {
  --cx-page-bg-color: #f8fbff !important;
  --cx-page-bg:
    repeating-linear-gradient(90deg, rgba(109, 77, 244, 0.045) 0 1px, transparent 1px 76px),
    repeating-linear-gradient(180deg, rgba(14, 165, 233, 0.04) 0 1px, transparent 1px 76px),
    radial-gradient(ellipse 54% 42% at 9% 6%, rgba(130, 93, 255, 0.24) 0%, rgba(130, 93, 255, 0.12) 34%, rgba(130, 93, 255, 0) 72%),
    radial-gradient(ellipse 50% 38% at 92% 10%, rgba(56, 189, 248, 0.30) 0%, rgba(56, 189, 248, 0.13) 38%, rgba(56, 189, 248, 0) 74%),
    radial-gradient(ellipse 58% 46% at 84% 86%, rgba(16, 185, 129, 0.18) 0%, rgba(16, 185, 129, 0.08) 38%, rgba(16, 185, 129, 0) 76%),
    radial-gradient(ellipse 52% 42% at 10% 92%, rgba(236, 72, 153, 0.16) 0%, rgba(236, 72, 153, 0.07) 40%, rgba(236, 72, 153, 0) 76%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 249, 255, 0.94) 42%, rgba(255, 248, 253, 0.94) 72%, rgba(247, 255, 252, 0.95) 100%) !important;
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  --cx-portal-page-bg: var(--cx-page-bg) !important;
  min-height: 100dvh !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed !important;
  background-position: center top !important;
  background-size: auto, auto, cover, cover, cover, cover, cover !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) #wrapper,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) #content,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) .content,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) .content-wrapper,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) #content > .container,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) #content > .container > .row,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) .crmexa-module-page,
html body:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth) .saas-tenant-admin {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  background-attachment: scroll !important;
}

@media (min-width: 992px) {
  html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell)::before {
    content: none !important;
    display: none !important;
  }
}

/* CRMEXA admin header: let the glass canvas show through above the rounded header bar. */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-shell-content-gutter: 22px !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* CRMEXA desktop shell alignment: keep a 22px gap after the sidebar. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-ref-sidebar-offset: calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px)) !important;
  --cx-shell-sidebar-width: var(--cx-ref-sidebar-offset) !important;
  --cx-shell-content-gutter: 22px !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell)::before {
  content: none !important;
  display: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: calc(var(--cx-ref-sidebar-offset) + var(--cx-shell-content-gutter, 22px)) !important;
  padding-left: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  padding-top: calc(var(--cx-ref-sidebar-gap, 15px) + 62px + 24px) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #content,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: fixed !important;
  top: 0 !important;
  right: var(--cx-ref-sidebar-gap, 15px) !important;
  left: calc(var(--cx-ref-sidebar-offset) + var(--cx-shell-content-gutter, 22px)) !important;
  width: auto !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 !important;
  padding: 15px 0 0 !important;
}

html[dir="rtl"] body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: 0 !important;
  margin-right: calc(var(--cx-ref-sidebar-offset) + var(--cx-shell-content-gutter, 22px)) !important;
  padding-right: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[dir="rtl"] body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  left: var(--cx-ref-sidebar-gap, 15px) !important;
  right: calc(var(--cx-ref-sidebar-offset) + var(--cx-shell-content-gutter, 22px)) !important;
}

/* CRMEXA gap visual reset: keep the 22px layout gap, remove the strip/layer. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell)::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell)::after,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar::after,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu::after,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #setup-menu-wrapper.sidebar::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #setup-menu-wrapper.sidebar::after,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper::after,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #content::after,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::before,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .content-wrapper::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  width: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #setup-menu-wrapper.sidebar {
  box-shadow: none !important;
  filter: none !important;
  -webkit-filter: none !important;
}

/* CRMEXA infinite admin glass canvas: repeat the pastel field through long pages. */
html:has(> body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.cx-embed-shell):not(.cx-intg-popup-shell)),
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-page-bg-color: #f8fbff !important;
  --cx-page-bg:
    repeating-linear-gradient(90deg, rgba(109, 77, 244, 0.045) 0 1px, transparent 1px 76px),
    repeating-linear-gradient(180deg, rgba(14, 165, 233, 0.04) 0 1px, transparent 1px 76px),
    radial-gradient(ellipse 54% 42% at 9% 6%, rgba(130, 93, 255, 0.24) 0%, rgba(130, 93, 255, 0.12) 34%, rgba(130, 93, 255, 0) 72%),
    radial-gradient(ellipse 50% 38% at 92% 10%, rgba(56, 189, 248, 0.30) 0%, rgba(56, 189, 248, 0.13) 38%, rgba(56, 189, 248, 0) 74%),
    radial-gradient(ellipse 58% 46% at 84% 86%, rgba(16, 185, 129, 0.18) 0%, rgba(16, 185, 129, 0.08) 38%, rgba(16, 185, 129, 0) 76%),
    radial-gradient(ellipse 52% 42% at 10% 92%, rgba(236, 72, 153, 0.16) 0%, rgba(236, 72, 153, 0.07) 40%, rgba(236, 72, 153, 0) 76%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 249, 255, 0.94) 42%, rgba(255, 248, 253, 0.94) 72%, rgba(247, 255, 252, 0.95) 100%) !important;
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  min-height: 100% !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: scroll !important;
  background-position: 0 0, 0 0, 0 0, 100% 0, 100% 0, 0 0, 0 0 !important;
  background-size: 76px 76px, 76px 76px, 1280px 920px, 1280px 920px, 1280px 920px, 1280px 920px, 100% 100% !important;
  background-repeat: repeat, repeat, no-repeat repeat, no-repeat repeat, no-repeat repeat, no-repeat repeat, repeat !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  min-height: max(100dvh, 100%) !important;
}

/* CRMEXA continuous admin glass canvas: fixed root background with no color repeat seam. */
html:has(> body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.cx-embed-shell):not(.cx-intg-popup-shell)),
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-page-bg-color: #f8fbff !important;
  --cx-page-bg:
    repeating-linear-gradient(90deg, rgba(109, 77, 244, 0.04) 0 1px, transparent 1px 76px),
    repeating-linear-gradient(180deg, rgba(14, 165, 233, 0.035) 0 1px, transparent 1px 76px),
    radial-gradient(ellipse 78vmax 64vmax at 8% 4%, rgba(130, 93, 255, 0.22) 0%, rgba(130, 93, 255, 0.11) 34%, rgba(130, 93, 255, 0) 72%),
    radial-gradient(ellipse 72vmax 58vmax at 94% 6%, rgba(56, 189, 248, 0.25) 0%, rgba(56, 189, 248, 0.11) 40%, rgba(56, 189, 248, 0) 76%),
    radial-gradient(ellipse 78vmax 66vmax at 88% 96%, rgba(16, 185, 129, 0.15) 0%, rgba(16, 185, 129, 0.07) 42%, rgba(16, 185, 129, 0) 78%),
    radial-gradient(ellipse 76vmax 64vmax at 8% 98%, rgba(236, 72, 153, 0.13) 0%, rgba(236, 72, 153, 0.06) 42%, rgba(236, 72, 153, 0) 78%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(246, 249, 255, 0.94) 42%, rgba(255, 248, 253, 0.94) 72%, rgba(247, 255, 252, 0.95) 100%) !important;
  --cx-shell-page-bg: var(--cx-page-bg) !important;
  --cx-admin-page-bg: var(--cx-page-bg) !important;
  background: var(--cx-page-bg) !important;
  background-color: var(--cx-page-bg-color) !important;
  background-image: var(--cx-page-bg) !important;
  background-attachment: fixed, fixed, fixed, fixed, fixed, fixed, fixed !important;
  background-position: 0 0, 0 0, 0 0, 100% 0, 100% 100%, 0 100%, 50% 50% !important;
  background-size: 76px 76px, 76px 76px, auto, auto, auto, auto, cover !important;
  background-repeat: repeat, repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

/* CRMEXA gradient admin header: match active sidebar button and rebalance controls. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  background: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  background-color: #5b7ee8 !important;
  background-image: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  border-color: rgba(255, 255, 255, 0.42) !important;
  box-shadow:
    0 18px 42px rgba(91, 85, 210, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.42),
    inset 0 -1px 0 rgba(48, 79, 170, 0.10) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  background: rgba(255, 255, 255, 0.90) !important;
  background-color: rgba(255, 255, 255, 0.90) !important;
  border-color: rgba(255, 255, 255, 0.62) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 10px 22px rgba(41, 52, 145, 0.14) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input::placeholder {
  color: rgba(31, 41, 55, 0.62) !important;
  -webkit-text-fill-color: rgba(31, 41, 55, 0.62) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button i {
  color: #6f4de8 !important;
  -webkit-text-fill-color: #6f4de8 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  background: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.18) !important;
  background-image: none !important;
  border: 1px solid rgba(255, 255, 255, 0.26) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.26),
    0 8px 18px rgba(45, 51, 148, 0.14) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  color: #ffffff !important;
  fill: #ffffff !important;
  stroke: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle:hover {
  background: rgba(255, 255, 255, 0.26) !important;
  background-color: rgba(255, 255, 255, 0.26) !important;
  border-color: rgba(255, 255, 255, 0.38) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item > a.cx-top-profile-link {
  background: rgba(255, 255, 255, 0.92) !important;
  background-color: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
  border-color: rgba(255, 255, 255, 0.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.88),
    0 10px 24px rgba(42, 48, 135, 0.16) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-name {
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-role {
  color: rgba(31, 41, 55, 0.68) !important;
  -webkit-text-fill-color: rgba(31, 41, 55, 0.68) !important;
}

/* CRMEXA premium admin header: soft brand glass instead of a heavy gradient bar. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(244, 248, 255, 0.78) 48%, rgba(239, 253, 255, 0.72) 100%),
    linear-gradient(90deg, rgba(111, 77, 232, 0.16) 0%, rgba(91, 126, 232, 0.12) 52%, rgba(100, 199, 212, 0.18) 100%) !important;
  background-color: rgba(248, 251, 255, 0.86) !important;
  border: 1px solid rgba(210, 221, 244, 0.72) !important;
  box-shadow:
    0 22px 52px rgba(69, 85, 160, 0.16),
    0 8px 18px rgba(100, 199, 212, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    inset 0 -1px 0 rgba(111, 77, 232, 0.08) !important;
  backdrop-filter: blur(22px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.18) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  background: rgba(255, 255, 255, 0.82) !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  border: 1px solid rgba(188, 200, 232, 0.72) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 10px 22px rgba(75, 88, 160, 0.10) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button i {
  color: #6f4de8 !important;
  -webkit-text-fill-color: #6f4de8 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span {
  background: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow:
    0 12px 24px rgba(91, 85, 210, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  background: rgba(255, 255, 255, 0.36) !important;
  background-color: rgba(255, 255, 255, 0.36) !important;
  background-image: none !important;
  border: 1px solid rgba(194, 207, 238, 0.58) !important;
  color: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.70),
    0 8px 18px rgba(75, 88, 160, 0.08) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  color: #604be2 !important;
  fill: #604be2 !important;
  stroke: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
}

/* CRMEXA final premium header frame: fixed top rail with framed controls. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: fixed !important;
  top: 0 !important;
  bottom: auto !important;
  z-index: 1030 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 32px !important;
  border: 1px solid rgba(181, 199, 236, 0.88) !important;
  outline: 1px solid rgba(255, 255, 255, 0.76) !important;
  outline-offset: -2px !important;
  background:
    radial-gradient(circle at 7% 0%, rgba(111, 77, 232, 0.22) 0, rgba(111, 77, 232, 0) 38%),
    radial-gradient(circle at 98% 4%, rgba(100, 199, 212, 0.26) 0, rgba(100, 199, 212, 0) 42%),
    linear-gradient(100deg, rgba(255, 255, 255, 0.90) 0%, rgba(247, 250, 255, 0.80) 47%, rgba(239, 252, 255, 0.78) 100%) !important;
  box-shadow:
    0 24px 54px rgba(52, 69, 148, 0.18),
    0 9px 22px rgba(100, 199, 212, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(89, 106, 192, 0.14) !important;
  backdrop-filter: blur(24px) saturate(1.24) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.24) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto !important;
  height: 50% !important;
  pointer-events: none !important;
  border-radius: 31px 31px 18px 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0)) !important;
  z-index: -1 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: -1px !important;
  height: 2px !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(111, 77, 232, 0), rgba(111, 77, 232, 0.44), rgba(100, 199, 212, 0.46), rgba(100, 199, 212, 0)) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  position: relative !important;
  z-index: 1 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  border-radius: 18px !important;
  border: 1px solid rgba(169, 187, 226, 0.88) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 10px 24px rgba(56, 72, 145, 0.12) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button i {
  color: #6f4de8 !important;
  -webkit-text-fill-color: #6f4de8 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  background: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow:
    0 14px 28px rgba(91, 85, 210, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(178, 194, 232, 0.88) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(244, 248, 255, 0.62)) !important;
  color: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 12px 24px rgba(58, 72, 145, 0.12) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle:hover {
  border-color: rgba(125, 111, 226, 0.42) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 247, 255, 0.74)) !important;
  transform: translateY(-1px) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  color: #604be2 !important;
  fill: #604be2 !important;
  stroke: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item > a.cx-top-profile-link {
  min-height: 44px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(203, 216, 244, 0.82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.90), rgba(246, 250, 255, 0.76)) !important;
  background-color: rgba(255, 255, 255, 0.84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 14px 30px rgba(61, 74, 145, 0.12) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item > a.cx-top-profile-link {
  background: rgba(255, 255, 255, 0.78) !important;
  background-color: rgba(255, 255, 255, 0.78) !important;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(244, 248, 255, 0.78)) !important;
  border-color: rgba(208, 219, 244, 0.76) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 10px 24px rgba(75, 88, 160, 0.10) !important;
}

/* CRMEXA executive admin header: premium glass bar with refined controls. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 30px !important;
  border: 1px solid rgba(217, 226, 247, 0.78) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(111, 77, 232, 0.18) 0, rgba(111, 77, 232, 0) 36%),
    radial-gradient(circle at 98% 5%, rgba(100, 199, 212, 0.22) 0, rgba(100, 199, 212, 0) 38%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.86) 0%, rgba(247, 250, 255, 0.74) 46%, rgba(241, 252, 255, 0.70) 100%) !important;
  background-color: rgba(248, 251, 255, 0.86) !important;
  box-shadow:
    0 26px 58px rgba(55, 73, 150, 0.17),
    0 10px 24px rgba(100, 199, 212, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(111, 77, 232, 0.10) !important;
  backdrop-filter: blur(24px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.2) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg, rgba(111, 77, 232, 0.22), rgba(91, 126, 232, 0.08) 45%, rgba(100, 199, 212, 0.20)) !important;
  opacity: 0.44 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  height: 42px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(179, 193, 230, 0.72) !important;
  background: rgba(255, 255, 255, 0.78) !important;
  background-color: rgba(255, 255, 255, 0.78) !important;
  color: #111827 !important;
  -webkit-text-fill-color: #111827 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 12px 28px rgba(59, 74, 148, 0.12) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input:focus {
  border-color: rgba(111, 77, 232, 0.45) !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow:
    0 0 0 4px rgba(111, 77, 232, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 14px 30px rgba(59, 74, 148, 0.14) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button i {
  color: #6f4de8 !important;
  -webkit-text-fill-color: #6f4de8 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(190, 204, 238, 0.62) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(245, 249, 255, 0.42)) !important;
  background-color: rgba(255, 255, 255, 0.44) !important;
  color: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 10px 22px rgba(61, 74, 145, 0.10) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link:hover,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(111, 77, 232, 0.28) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(244, 248, 255, 0.58)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.86),
    0 14px 28px rgba(61, 74, 145, 0.14) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  color: #604be2 !important;
  fill: #604be2 !important;
  stroke: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span {
  width: 44px !important;
  height: 44px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  background: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow:
    0 14px 28px rgba(91, 85, 210, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span i,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item > a.cx-top-profile-link {
  min-height: 44px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(203, 216, 244, 0.78) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(246, 250, 255, 0.72)) !important;
  background-color: rgba(255, 255, 255, 0.80) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.90),
    0 14px 30px rgba(61, 74, 145, 0.12) !important;
}

/* CRMEXA final premium header frame. */
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: fixed !important;
  top: 0 !important;
  bottom: auto !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
  border-radius: 32px !important;
  border: 1px solid rgba(188, 205, 239, 0.92) !important;
  outline: 1px solid rgba(255, 255, 255, 0.72) !important;
  outline-offset: -2px !important;
  background:
    linear-gradient(90deg, rgba(111, 77, 232, 0.14), rgba(91, 126, 232, 0.06) 44%, rgba(100, 199, 212, 0.16)),
    linear-gradient(135deg, rgba(255, 255, 255, 0.90), rgba(247, 250, 255, 0.80) 52%, rgba(239, 252, 255, 0.76)) !important;
  box-shadow:
    0 26px 58px rgba(50, 68, 145, 0.18),
    0 8px 22px rgba(100, 199, 212, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(89, 106, 192, 0.14) !important;
  backdrop-filter: blur(24px) saturate(1.22) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.22) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::after {
  content: "" !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: -1px !important;
  height: 2px !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(111, 77, 232, 0), rgba(111, 77, 232, 0.38), rgba(100, 199, 212, 0.42), rgba(100, 199, 212, 0)) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  border-radius: 17px !important;
  border: 1px solid rgba(174, 190, 228, 0.86) !important;
  background: rgba(255, 255, 255, 0.84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    0 10px 24px rgba(56, 72, 145, 0.12) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(178, 194, 232, 0.86) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(244, 248, 255, 0.58)) !important;
  color: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.90),
    0 12px 24px rgba(58, 72, 145, 0.12) !important;
}

html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link *,
html body.admin:not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  color: #604be2 !important;
  fill: #604be2 !important;
  stroke: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
}

/* CRMEXA final header polish cascade lock. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: fixed !important;
  top: 0 !important;
  bottom: auto !important;
  z-index: 1030 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  border-radius: 32px !important;
  border: 1px solid rgba(181, 199, 236, 0.88) !important;
  outline: 1px solid rgba(255, 255, 255, 0.76) !important;
  outline-offset: -2px !important;
  background:
    radial-gradient(circle at 7% 0%, rgba(111, 77, 232, 0.22) 0, rgba(111, 77, 232, 0) 38%),
    radial-gradient(circle at 98% 4%, rgba(100, 199, 212, 0.26) 0, rgba(100, 199, 212, 0) 42%),
    linear-gradient(100deg, rgba(255, 255, 255, 0.90) 0%, rgba(247, 250, 255, 0.80) 47%, rgba(239, 252, 255, 0.78) 100%) !important;
  box-shadow:
    0 24px 54px rgba(52, 69, 148, 0.18),
    0 9px 22px rgba(100, 199, 212, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(89, 106, 192, 0.14) !important;
  backdrop-filter: blur(24px) saturate(1.24) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.24) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::before {
  content: "" !important;
  position: absolute !important;
  inset: 1px 1px auto !important;
  height: 50% !important;
  pointer-events: none !important;
  border-radius: 31px 31px 18px 18px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0)) !important;
  z-index: -1 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::after {
  content: "" !important;
  position: absolute !important;
  left: 24px !important;
  right: 24px !important;
  bottom: -1px !important;
  height: 2px !important;
  pointer-events: none !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(111, 77, 232, 0), rgba(111, 77, 232, 0.44), rgba(100, 199, 212, 0.46), rgba(100, 199, 212, 0)) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  border-radius: 18px !important;
  border: 1px solid rgba(169, 187, 226, 0.88) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    0 10px 24px rgba(56, 72, 145, 0.12) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  background: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow:
    0 14px 28px rgba(91, 85, 210, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(178, 194, 232, 0.88) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.84), rgba(244, 248, 255, 0.62)) !important;
  color: #604be2 !important;
  fill: #604be2 !important;
  stroke: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 12px 24px rgba(58, 72, 145, 0.12) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link *,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  color: #604be2 !important;
  fill: #604be2 !important;
  stroke: #604be2 !important;
  -webkit-text-fill-color: #604be2 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item > a.cx-top-profile-link {
  min-height: 44px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(203, 216, 244, 0.82) !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.90), rgba(246, 250, 255, 0.76)) !important;
  background-color: rgba(255, 255, 255, 0.84) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.94),
    0 14px 30px rgba(61, 74, 145, 0.12) !important;
}

/* CRMEXA header interaction lock: keep dropdowns and popovers clickable. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions {
  overflow: visible !important;
  pointer-events: auto !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li > a,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button {
  position: relative !important;
  z-index: 4 !important;
  pointer-events: auto !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .dropdown-menu,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-menu {
  z-index: 1060 !important;
  pointer-events: auto !important;
}

/* CRMEXA contained header visual lock: keep glass effect inside the header rail. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  height: 62px !important;
  min-height: 62px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  overflow: visible !important;
  background-clip: padding-box !important;
  box-shadow:
    0 8px 18px rgba(52, 69, 148, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(89, 106, 192, 0.12) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::before {
  inset: 1px 1px auto !important;
  height: 44% !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav::after {
  bottom: 0 !important;
  opacity: 0.72 !important;
}

/* CRMEXA sticky header lock: keep header visible without covering page content. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  padding-top: 24px !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: sticky !important;
  top: 0 !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  width: auto !important;
  height: 62px !important;
  min-height: 62px !important;
  margin: 0 var(--cx-ref-sidebar-gap, 15px) 0 calc(var(--cx-ref-sidebar-offset, 257px) + var(--cx-shell-content-gutter, 22px)) !important;
  padding: 15px 0 0 !important;
  z-index: 1030 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[dir="rtl"] body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  left: auto !important;
  right: auto !important;
  margin: 0 calc(var(--cx-ref-sidebar-offset, 257px) + var(--cx-shell-content-gutter, 22px)) 0 var(--cx-ref-sidebar-gap, 15px) !important;
}

/* CRMEXA search icon containment: keep the glyph inside the input. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search {
  position: relative !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  padding-left: 48px !important;
  padding-right: 18px !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  right: auto !important;
  width: 22px !important;
  height: 22px !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  z-index: 5 !important;
  pointer-events: auto !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button {
  position: static !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[dir="rtl"] body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  padding-left: 18px !important;
  padding-right: 48px !important;
}

html[dir="rtl"] body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button {
  left: auto !important;
  right: 16px !important;
}

/* CRMEXA wider sidebar lock: expand the rail and move page/header offsets with it. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-ref-sidebar-width: 286px !important;
  --cx-ref-sidebar-offset: calc(var(--cx-ref-sidebar-width, 286px) + var(--cx-ref-sidebar-gap, 15px)) !important;
  --cx-sidebar-final-width: var(--cx-ref-sidebar-width) !important;
  --cx-shell-sidebar-width: var(--cx-ref-sidebar-offset) !important;
  --cx-shell-content-gutter: 22px !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #setup-menu-wrapper.sidebar {
  width: var(--cx-ref-sidebar-width, 286px) !important;
  min-width: var(--cx-ref-sidebar-width, 286px) !important;
  max-width: var(--cx-ref-sidebar-width, 286px) !important;
}

/* CRMEXA premium sidebar collapse experience. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-ref-sidebar-width: 90px !important;
  --cx-ref-sidebar-offset: calc(var(--cx-ref-sidebar-width, 90px) + var(--cx-ref-sidebar-gap, 15px)) !important;
  --cx-sidebar-final-width: var(--cx-ref-sidebar-width) !important;
  --cx-shell-sidebar-width: var(--cx-ref-sidebar-offset) !important;
  --cx-shell-content-gutter: 22px !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  transition: width 0.26s ease, min-width 0.26s ease, max-width 0.26s ease, margin 0.26s ease, margin-left 0.26s ease, margin-right 0.26s ease, left 0.26s ease, right 0.26s ease, padding 0.26s ease !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
  overflow: visible !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle {
  position: absolute !important;
  top: 50% !important;
  right: -18px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  transform: translateY(-50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid rgba(115, 92, 230, 0.30) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 239, 255, 0.92)) !important;
  color: #654cf0 !important;
  box-shadow: 0 12px 28px rgba(83, 68, 190, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  z-index: 100500 !important;
  cursor: pointer !important;
  outline: 0 !important;
  backdrop-filter: blur(14px) saturate(1.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.18) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle:hover {
  border-color: rgba(100, 76, 240, 0.48) !important;
  color: #4f39e6 !important;
  transform: translateY(-50%) scale(1.04) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle i {
  font-size: 20px !important;
  line-height: 1 !important;
  color: inherit !important;
}

html[dir="rtl"] body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle {
  right: auto !important;
  left: -18px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #setup-menu-wrapper.sidebar {
  width: var(--cx-ref-sidebar-width, 90px) !important;
  min-width: var(--cx-ref-sidebar-width, 90px) !important;
  max-width: var(--cx-ref-sidebar-width, 90px) !important;
  padding: 14px 10px !important;
  border-radius: 28px !important;
  overflow: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand {
  display: flex !important;
  justify-content: center !important;
  margin: 0 0 14px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-box {
  width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,244,255,0.92)) !important;
  border: 1px solid rgba(182, 169, 255, 0.42) !important;
  box-shadow: 0 14px 26px rgba(88, 70, 188, 0.12), inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  overflow: hidden !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-image,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-text {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #7157f2, #65c7d4) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(100, 76, 240, 0.22) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  justify-items: center !important;
  padding: 10px 0 12px !important;
  margin: 0 0 10px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li {
  width: 54px !important;
  height: 48px !important;
  margin: 0 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a {
  width: 54px !important;
  min-width: 54px !important;
  height: 48px !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 auto !important;
  border-radius: 18px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store {
  background: linear-gradient(135deg, #6f4de8 0%, #5b7ee8 58%, #64c7d4 100%) !important;
  box-shadow: 0 14px 26px rgba(93, 85, 210, 0.22), inset 0 1px 0 rgba(255,255,255,0.36) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-text,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .sub-menu-text,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-content,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-toggle,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .fa.arrow,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-badge {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-icon {
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 30px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  font-size: 16px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-icon {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.28) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-third-level,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #cx-sidebar-store-menu {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu {
  padding: 0 0 10px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li {
  width: 100% !important;
  margin: 0 0 8px !important;
  display: flex !important;
  justify-content: center !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer {
  margin-top: 8px !important;
  padding-top: 10px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tiles {
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  justify-items: center !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile {
  width: 54px !important;
  min-width: 54px !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 18px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile span {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i {
  margin: 0 !important;
  font-size: 18px !important;
}

/* CRMEXA collapsed sidebar refinements: favicon, shortcut slider, and hover labels. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-icon {
  position: relative !important;
  overflow: hidden !important;
  background: linear-gradient(135deg, rgba(113, 87, 242, 0.92), rgba(101, 199, 212, 0.92)) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-icon i {
  opacity: 0 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-icon::before {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  border-radius: 11px !important;
  background: var(--cx-sidebar-site-icon, url("/favicon.ico")) center / contain no-repeat !important;
  filter: drop-shadow(0 5px 10px rgba(51, 45, 130, 0.16)) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu {
  display: flex !important;
  flex-flow: row nowrap !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  margin: 0 auto 12px !important;
  padding: 10px 0 12px !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li {
  flex: 0 0 54px !important;
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  scroll-snap-align: center !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a {
  position: relative !important;
  font-size: 0 !important;
  text-indent: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i {
  text-indent: 0 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .fa.arrow,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a::before {
  display: none !important;
  content: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar a[data-cx-sidebar-label]::after {
  content: attr(data-cx-sidebar-label) !important;
  position: absolute !important;
  left: calc(100% + 14px) !important;
  top: 50% !important;
  transform: translateY(-50%) translateX(-4px) !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 240px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(174, 157, 255, 0.40) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #201a4d !important;
  -webkit-text-fill-color: #201a4d !important;
  box-shadow: 0 14px 34px rgba(56, 45, 132, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 100600 !important;
  backdrop-filter: blur(14px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
  transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar a[data-cx-sidebar-label]:hover::after,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar a[data-cx-sidebar-label]:focus::after {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) translateX(0) !important;
}

html[dir="rtl"] body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar a[data-cx-sidebar-label]::after {
  left: auto !important;
  right: calc(100% + 14px) !important;
  transform: translateY(-50%) translateX(4px) !important;
}

html[dir="rtl"] body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar a[data-cx-sidebar-label]:hover::after,
html[dir="rtl"] body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar a[data-cx-sidebar-label]:focus::after {
  transform: translateY(-50%) translateX(0) !important;
}

/* CRMEXA hard collapsed sidebar lock: final icon-only mini rail. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) {
  --cx-ref-sidebar-width: 90px !important;
  --cx-ref-sidebar-offset: calc(90px + var(--cx-ref-sidebar-gap, 15px)) !important;
  --cx-sidebar-final-width: 90px !important;
  --cx-shell-sidebar-width: var(--cx-ref-sidebar-offset) !important;
  --cx-shell-content-gutter: 22px !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #setup-menu-wrapper.sidebar {
  width: 90px !important;
  min-width: 90px !important;
  max-width: 90px !important;
  padding: 14px 10px !important;
  overflow: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand {
  width: 70px !important;
  min-height: 76px !important;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-box,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link {
  position: relative !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 242, 255, 0.92)) !important;
  border: 1px solid rgba(181, 166, 255, 0.48) !important;
  box-shadow: 0 16px 30px rgba(90, 78, 190, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link > *,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-image,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-text {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link::before {
  content: "" !important;
  position: absolute !important;
  inset: 10px !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #7157f2 0%, #64c7d4 100%) !important;
  box-shadow: 0 12px 22px rgba(94, 83, 220, 0.22) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link::after {
  content: "" !important;
  position: absolute !important;
  inset: 16px !important;
  border-radius: 10px !important;
  background: var(--cx-sidebar-site-icon, url("/favicon.ico")) center / contain no-repeat !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.72) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu {
  display: flex !important;
  flex-flow: row nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 auto 16px !important;
  padding: 0 !important;
  gap: 0 !important;
  overflow: hidden !important;
  clip-path: inset(0 round 20px) !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  scroll-snap-align: center !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile {
  position: relative !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 !important;
  margin: 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  text-indent: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-scroll-menu {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow-x: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  margin: 0 auto 10px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-text,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .sub-menu-text,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-content,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-title,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-subtitle,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-toggle,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-badge,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .badge,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile span,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a > span:not(.menu-icon),
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .arrow,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .fa.arrow {
  position: absolute !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-shadow: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i {
  position: static !important;
  flex: 0 0 32px !important;
  width: 32px !important;
  min-width: 32px !important;
  max-width: 32px !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 13px !important;
  text-indent: 0 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-third-level,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #cx-sidebar-store-menu {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tiles {
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

/* CRMEXA collapsed sidebar icon/tooltip correction. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-box,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link {
  width: 54px !important;
  min-width: 54px !important;
  max-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link::before {
  display: none !important;
  content: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  aspect-ratio: 1 / 1 !important;
  transform: translate(-50%, -50%) !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: var(--cx-sidebar-site-icon, url("/favicon.ico")) center / contain no-repeat !important;
  box-shadow: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i::before {
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner i::before {
  color: #c64bb0 !important;
  -webkit-text-fill-color: #c64bb0 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help i::before {
  color: #4b7bec !important;
  -webkit-text-fill-color: #4b7bec !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat i::before {
  color: #55b981 !important;
  -webkit-text-fill-color: #55b981 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile::before {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  font-family: "Font Awesome 5 Free", "FontAwesome" !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  -webkit-font-smoothing: antialiased !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner::before {
  content: "\f0c0" !important;
  color: #c64bb0 !important;
  -webkit-text-fill-color: #c64bb0 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help::before {
  content: "\f02d" !important;
  color: #4b7bec !important;
  -webkit-text-fill-color: #4b7bec !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat::before {
  content: "\f086" !important;
  color: #55b981 !important;
  -webkit-text-fill-color: #55b981 !important;
}

.cx-sidebar-mini-tooltip {
  position: fixed !important;
  left: 0;
  top: 0;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  max-width: 260px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(174, 157, 255, 0.44) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #201a4d !important;
  -webkit-text-fill-color: #201a4d !important;
  box-shadow: 0 16px 38px rgba(51, 43, 128, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: 2147483000 !important;
  transform: translateY(-50%) translateX(-4px) !important;
  backdrop-filter: blur(14px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.12) !important;
  transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
}

.cx-sidebar-mini-tooltip.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(-50%) translateX(0) !important;
}

/* CRMEXA collapsed sidebar final polish: no menu scrollbars, no fallback squares. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-scroll-menu,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu {
  overflow-x: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu::-webkit-scrollbar,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu::-webkit-scrollbar-track,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu::-webkit-scrollbar-thumb,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-scroll-menu::-webkit-scrollbar,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
  background: transparent !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat::before {
  display: none !important;
  content: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a {
  background: rgba(255, 255, 255, 0.34) !important;
  border: 1px solid rgba(215, 207, 255, 0.54) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.active > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a:hover,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a:focus,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.active > a,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:hover,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:focus {
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,241,255,0.90)) !important;
  border-color: rgba(173, 155, 255, 0.62) !important;
  box-shadow: 0 12px 24px rgba(83, 67, 188, 0.14), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a:hover .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li > a:focus .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:hover .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:focus .menu-icon {
  opacity: 1 !important;
  visibility: visible !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile:hover,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile:focus,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile:active {
  background: rgba(255,255,255,0.56) !important;
  transform: none !important;
  box-shadow: inset 0 0 0 1px rgba(220,226,248,0.72), 0 12px 24px rgba(66, 53, 128, 0.08) !important;
}

/* CRMEXA collapsed sidebar final shortcut + icon color parity. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 8px auto 18px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li {
  display: none !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard > a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  min-width: 56px !important;
  max-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(198, 184, 255, 0.72) !important;
  border-radius: 19px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(246,242,255,0.72)) !important;
  color: #6f4de8 !important;
  -webkit-text-fill-color: #6f4de8 !important;
  box-shadow: 0 12px 26px rgba(111, 77, 232, 0.12), inset 0 1px 0 rgba(255,255,255,0.96) !important;
  pointer-events: auto !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard > a .menu-icon::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard > a i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard > a i::before {
  color: #6f4de8 !important;
  -webkit-text-fill-color: #6f4de8 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:not(.crmexa-menu-separator) > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:not(.crmexa-menu-separator) > a .menu-icon::before {
  opacity: 1 !important;
  visibility: visible !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 1) > a .menu-icon { color: #6f4de8 !important; background: rgba(111, 77, 232, 0.12) !important; border-color: rgba(111, 77, 232, 0.20) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 2) > a .menu-icon { color: #2f80ed !important; background: rgba(47, 128, 237, 0.12) !important; border-color: rgba(47, 128, 237, 0.20) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 3) > a .menu-icon { color: #13a8a8 !important; background: rgba(19, 168, 168, 0.13) !important; border-color: rgba(19, 168, 168, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 4) > a .menu-icon { color: #db5a8f !important; background: rgba(219, 90, 143, 0.13) !important; border-color: rgba(219, 90, 143, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 5) > a .menu-icon { color: #ef8f22 !important; background: rgba(239, 143, 34, 0.14) !important; border-color: rgba(239, 143, 34, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 6) > a .menu-icon { color: #36a269 !important; background: rgba(54, 162, 105, 0.13) !important; border-color: rgba(54, 162, 105, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 7) > a .menu-icon { color: #5d74e8 !important; background: rgba(93, 116, 232, 0.13) !important; border-color: rgba(93, 116, 232, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 8) > a .menu-icon { color: #a855f7 !important; background: rgba(168, 85, 247, 0.12) !important; border-color: rgba(168, 85, 247, 0.20) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 9) > a .menu-icon { color: #e45757 !important; background: rgba(228, 87, 87, 0.12) !important; border-color: rgba(228, 87, 87, 0.20) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 10) > a .menu-icon { color: #0ea5e9 !important; background: rgba(14, 165, 233, 0.12) !important; border-color: rgba(14, 165, 233, 0.20) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n + 11) > a .menu-icon { color: #8b5cf6 !important; background: rgba(139, 92, 246, 0.12) !important; border-color: rgba(139, 92, 246, 0.20) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:nth-of-type(12n) > a .menu-icon { color: #10b981 !important; background: rgba(16, 185, 129, 0.13) !important; border-color: rgba(16, 185, 129, 0.22) !important; }

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="accounting"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-accounting"] > a .menu-icon { color: #6f4de8 !important; background: rgba(111, 77, 232, 0.14) !important; border-color: rgba(111, 77, 232, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="inventory"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-inventory"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-warehouse"] > a .menu-icon { color: #14b8a6 !important; background: rgba(20, 184, 166, 0.14) !important; border-color: rgba(20, 184, 166, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="purchase"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-purchase"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-woocommerce-menu > a .menu-icon { color: #3b82f6 !important; background: rgba(59, 130, 246, 0.14) !important; border-color: rgba(59, 130, 246, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="sales"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-sales"] > a .menu-icon { color: #ec4899 !important; background: rgba(236, 72, 153, 0.14) !important; border-color: rgba(236, 72, 153, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="expenses"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-expenses"] > a .menu-icon { color: #f59e0b !important; background: rgba(245, 158, 11, 0.16) !important; border-color: rgba(245, 158, 11, 0.24) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="subscriptions"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-subscriptions"] > a .menu-icon { color: #22c55e !important; background: rgba(34, 197, 94, 0.14) !important; border-color: rgba(34, 197, 94, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="commission"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-commission"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-product_hub > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-ecom-products-product_hub"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-ecom-products-product-hub"] > a .menu-icon { color: #a855f7 !important; background: rgba(168, 85, 247, 0.14) !important; border-color: rgba(168, 85, 247, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[data-cx-group-module="contracts"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-accounting-contracts"] > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-shopify-menu > a .menu-icon { color: #14b8a6 !important; background: rgba(20, 184, 166, 0.14) !important; border-color: rgba(20, 184, 166, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-omni_sales > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-ecom-products-omni"] > a .menu-icon { color: #6f4de8 !important; background: rgba(111, 77, 232, 0.14) !important; border-color: rgba(111, 77, 232, 0.22) !important; }
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-product > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-items > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.menu-item-products_ > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li[class*="crmexa-group-ecom-products-product"] > a .menu-icon { color: #06b6d4 !important; background: rgba(6, 182, 212, 0.14) !important; border-color: rgba(6, 182, 212, 0.22) !important; }

/* CRMEXA collapsed sidebar live icon colors from JS palette variables. */
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .menu-icon {
  color: var(--cx-mini-icon-color, #6f4de8) !important;
  -webkit-text-fill-color: var(--cx-mini-icon-color, #6f4de8) !important;
  background: var(--cx-mini-icon-bg, rgba(111, 77, 232, 0.11)) !important;
  border-color: var(--cx-mini-icon-border, rgba(111, 77, 232, 0.14)) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .menu-icon::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .menu-icon i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .menu-icon i::before {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store .cx-sidebar-store-icon {
  color: var(--cx-store-icon-color, #6f4de8) !important;
  -webkit-text-fill-color: var(--cx-store-icon-color, #6f4de8) !important;
  background: var(--cx-store-icon-bg, rgba(111, 77, 232, 0.16)) !important;
  border-color: var(--cx-store-icon-border, rgba(111, 77, 232, 0.28)) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store .cx-sidebar-store-icon i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store .cx-sidebar-store-icon i::before {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* CRMEXA collapsed sidebar final color authority. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store .cx-sidebar-store-icon,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store .cx-sidebar-store-icon i,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store .cx-sidebar-store-icon i::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible.active > a .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a:hover .menu-icon,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a:focus .menu-icon {
  color: var(--cx-mini-icon-color, #6f4de8) !important;
  -webkit-text-fill-color: var(--cx-mini-icon-color, #6f4de8) !important;
  background: var(--cx-mini-icon-bg, rgba(111, 77, 232, 0.11)) !important;
  border-color: var(--cx-mini-icon-border, rgba(111, 77, 232, 0.14)) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a .menu-icon::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a .menu-icon i,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a .menu-icon i::before,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a .menu-icon svg,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.cx-group-visible > a .menu-icon svg * {
  color: var(--cx-mini-icon-color, #6f4de8) !important;
  -webkit-text-fill-color: var(--cx-mini-icon-color, #6f4de8) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner:hover,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner:focus {
  background: linear-gradient(180deg, rgba(255, 249, 253, 0.98), rgba(255, 240, 250, 0.90)) !important;
  border-color: rgba(207, 74, 178, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(207, 74, 178, 0.14), 0 12px 24px rgba(207, 74, 178, 0.10) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help:hover,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help:focus {
  background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(239, 246, 255, 0.92)) !important;
  border-color: rgba(76, 125, 232, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(76, 125, 232, 0.14), 0 12px 24px rgba(76, 125, 232, 0.10) !important;
}

html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat:hover,
html body.admin.cx-sidebar-mini:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat:focus {
  background: linear-gradient(180deg, rgba(249, 255, 252, 0.98), rgba(238, 250, 245, 0.92)) !important;
  border-color: rgba(76, 177, 116, 0.34) !important;
  box-shadow: inset 0 0 0 1px rgba(76, 177, 116, 0.14), 0 12px 24px rgba(76, 177, 116, 0.10) !important;
}

/* CRMEXA premium floating sidebar toggle. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle {
  right: -23px !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border: 1px solid rgba(164, 142, 255, 0.62) !important;
  border-radius: 999px !important;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.98) 0 22%, rgba(255, 255, 255, 0) 42%),
    linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(246, 241, 255, 0.92) 52%, rgba(231, 250, 255, 0.88)) !important;
  color: #654cf0 !important;
  box-shadow:
    0 20px 42px rgba(94, 74, 214, 0.22),
    0 8px 18px rgba(53, 177, 199, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96),
    inset 0 -1px 0 rgba(142, 122, 245, 0.18) !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, color 0.18s ease !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle, rgba(111, 77, 232, 0.22), rgba(111, 77, 232, 0) 62%),
    radial-gradient(circle at 70% 76%, rgba(90, 199, 212, 0.24), rgba(90, 199, 212, 0) 64%) !important;
  filter: blur(4px) !important;
  opacity: 0.78 !important;
  pointer-events: none !important;
  z-index: -1 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle::after {
  content: "" !important;
  position: absolute !important;
  inset: 6px !important;
  border-radius: inherit !important;
  background: linear-gradient(145deg, rgba(111, 77, 232, 0.10), rgba(93, 126, 232, 0.05) 54%, rgba(100, 199, 212, 0.14)) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.58) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle:hover,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle:focus {
  border-color: rgba(101, 76, 240, 0.72) !important;
  color: #5138e8 !important;
  transform: translateY(-50%) scale(1.07) !important;
  box-shadow:
    0 24px 48px rgba(94, 74, 214, 0.28),
    0 10px 22px rgba(53, 177, 199, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(142, 122, 245, 0.22) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle:active {
  transform: translateY(-50%) scale(0.98) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle i {
  position: relative !important;
  z-index: 1 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  color: inherit !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 6px 12px rgba(81, 56, 232, 0.20) !important;
}

html[dir="rtl"] body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-collapse-toggle {
  right: auto !important;
  left: -23px !important;
}

/* CRMEXA sidebar color source of truth: keep tenant and superadmin icons stable. */
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a .menu-icon,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a:hover .menu-icon,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a:focus .menu-icon {
  color: var(--cx-mini-icon-color, #6f4de8) !important;
  -webkit-text-fill-color: var(--cx-mini-icon-color, #6f4de8) !important;
  background: var(--cx-mini-icon-bg, rgba(111, 77, 232, 0.11)) !important;
  border-color: var(--cx-mini-icon-border, rgba(111, 77, 232, 0.16)) !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a .menu-icon i,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a .menu-icon i::before,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a .menu-icon svg,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu li:not(.crmexa-menu-separator) > a .menu-icon svg * {
  color: var(--cx-mini-icon-color, #6f4de8) !important;
  -webkit-text-fill-color: var(--cx-mini-icon-color, #6f4de8) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store .cx-sidebar-store-icon,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store .cx-sidebar-store-icon i,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store .cx-sidebar-store-icon i::before {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile i::before,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile svg,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile svg * {
  color: var(--cx-footer-icon-color, currentColor) !important;
  -webkit-text-fill-color: var(--cx-footer-icon-color, currentColor) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner { --cx-footer-icon-color: #c64bb0; }
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help { --cx-footer-icon-color: #4b7bec; }
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat { --cx-footer-icon-color: #55b981; }

html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-partner span { color: #c64bb0 !important; -webkit-text-fill-color: #c64bb0 !important; }
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-help span { color: #4b7bec !important; -webkit-text-fill-color: #4b7bec !important; }
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat,
html body.admin:not(.customers_login):not(.register):not(.cx-affiliate-portal-page):not(.cx-purple-auth-page):not(.crmexa-admin-auth):not(.mobile):not(.page-small):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tile-chat span { color: #55b981 !important; -webkit-text-fill-color: #55b981 !important; }

/* Nested module groups, used by compact suites like WhatsApp QR. */
html body.admin #menu.sidebar ul.nav li .nav-third-level li a {
  padding: 4px 15px 4px 68px;
  color: #4b5563;
  font-size: 13.5px;
  font-weight: 500;
  margin-top: 0;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

html body.admin #menu.sidebar ul.nav li .nav-third-level li.active > a,
html body.admin #menu.sidebar ul.nav li .nav-third-level li > a:hover,
html body.admin #menu.sidebar ul.nav li .nav-third-level li > a:focus {
  color: #111827;
}

html body.admin #menu.sidebar ul.nav li .nav-third-level a .menu-icon {
  margin-right: 5px;
  font-size: 13px;
}

/* Global Selectpicker positioning overrides inside modals */
.modal-body .bootstrap-select .dropdown-menu {
  z-index: 99999 !important;
}