/*
 * Aviiko global shell
 * One visual header/sidebar system for admin, tenant, staff, and client shells.
 */

:root {
  --cx-ref-sidebar-gap: 15px;
  --cx-ref-sidebar-width: 242px;
  --cx-ref-sidebar-offset: calc(var(--cx-ref-sidebar-width) + var(--cx-ref-sidebar-gap));
  --cx-sidebar-final-width: 258px;
  --cx-ref-header-top: 30px;
  --cx-ref-header-height: 64px;
  --cx-ref-header-nav-height: 64px;
  --cx-shell-sidebar-width: 258px;
  --cx-shell-content-gutter: 22px;
  --cx-shell-page-bg: #ffffff;
  --cx-shell-surface: #ffffff;
  --cx-shell-header-bg: rgba(255, 255, 255, 0.84);
  --cx-shell-header-border: rgba(223, 231, 241, 0.9);
  --cx-shell-purple: #5f4be2;
  --cx-shell-purple-deep: #31248f;
  --cx-shell-ink: #111827;
  --cx-shell-muted: #697386;
  --cx-shell-line: rgba(108, 99, 185, 0.18);
  --cx-shell-soft: rgba(244, 241, 255, 0.84);
  --cx-shell-active: rgba(96, 75, 226, 0.11);
  --cx-shell-shadow: 0 16px 38px rgba(66, 53, 145, 0.11);
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell),
body.customers {
  --cx-ref-sidebar-offset: calc(var(--cx-ref-sidebar-width, 242px) + var(--cx-ref-sidebar-gap, 15px)) !important;
  --cx-shell-content-gutter: 22px !important;
  background: var(--cx-shell-page-bg) !important;
  background-color: #ffffff !important;
  background-image: none !important;
  background-attachment: fixed !important;
  background-size: auto !important;
  background-blend-mode: normal !important;
  color: var(--cx-shell-ink);
  font-family: Inter, "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Admin header */
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  position: fixed !important;
  top: var(--cx-ref-header-top) !important;
  right: var(--cx-ref-sidebar-gap) !important;
  left: calc(var(--cx-ref-sidebar-offset) + var(--cx-shell-content-gutter)) !important;
  width: auto !important;
  height: var(--cx-ref-header-height) !important;
  min-height: var(--cx-ref-header-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  z-index: 1020 !important;
}

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

body.admin.hide-sidebar:not(.show-sidebar):not(.page-small):not(.mobile):not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
  left: 0 !important;
}

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

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: var(--cx-ref-header-nav-height) !important;
  min-height: var(--cx-ref-header-nav-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--cx-shell-header-border) !important;
  border-radius: 28px !important;
  background: var(--cx-shell-header-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 18px 44px rgba(76, 60, 165, 0.10) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 22px !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #logo {
  display: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-left {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  min-width: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search {
  width: clamp(320px, 36vw, 560px) !important;
  max-width: 560px !important;
  height: 40px !important;
  margin: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input {
  width: 100% !important;
  height: 40px !important;
  margin: 0 !important;
  padding-left: 46px !important;
  border: 1px solid rgba(91, 78, 190, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 8px 18px rgba(72, 58, 155, 0.06) !important;
  color: var(--cx-shell-ink) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #search_input::placeholder {
  color: #6b7280 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button {
  top: 50% !important;
  left: 14px !important;
  transform: translateY(-50%) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button button,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search_button i {
  padding: 0 !important;
  color: var(--cx-shell-purple) !important;
  font-size: 20px !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > a > span {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #6f58f6 0%, #4054db 100%) !important;
  box-shadow: 0 10px 22px rgba(78, 64, 202, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu {
  left: 50% !important;
  right: auto !important;
  width: min(760px, calc(100vw - 48px)) !important;
  min-width: 720px !important;
  max-width: 760px !important;
  padding: 18px !important;
  border: 1px solid rgba(226, 232, 240, 0.96) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 70px rgba(30, 24, 80, 0.22) !important;
  transform: translateX(-50%) !important;
  z-index: 3000 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create.open > .dropdown-menu,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create.show > .dropdown-menu {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px 10px !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu .dropdown-header {
  grid-column: 1 / -1 !important;
  padding: 0 4px 8px !important;
  color: #4b5563 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li.divider {
  display: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  height: 42px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li > a i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li > a svg {
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0 !important;
  color: #4b5563 !important;
  fill: #4b5563 !important;
  stroke: #4b5563 !important;
  -webkit-text-fill-color: #4b5563 !important;
  font-size: 17px !important;
  line-height: 1 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li > a:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create > .dropdown-menu > li > a:focus {
  background: rgba(111, 77, 232, 0.08) !important;
  color: #4f35c8 !important;
  -webkit-text-fill-color: #4f35c8 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .header-timers,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .timer-button,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top-timers,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .started-timers-top,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li > a.check_in_out_timesheet,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li:has(> a.check_in_out_timesheet) {
  display: none !important;
}

/* Bare global utility icons: no individual background. */
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-business-thought,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-hud-item,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.notifications-wrapper.header-notifications {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  padding: 0 !important;
  margin: 0 !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-shell-purple) !important;
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle:hover {
  background: transparent !important;
  color: var(--cx-shell-purple-deep) !important;
  box-shadow: none !important;
  filter: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle::before,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle::after,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a::before,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a::after,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a::before,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a::after,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon::before,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon::after,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle::before,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle::after {
  display: none !important;
  content: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle *,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a *,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle *,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a *,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a *,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon *,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle * {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: currentColor !important;
  filter: none !important;
  opacity: 1 !important;
  transform: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.cx-navbar-business-thought > a i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown > a i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings > a i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .notifications-wrapper.header-notifications > a.notifications-icon i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header a.notifications-icon.cx-admin-header-notifications-link i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle i {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  color: currentColor !important;
  -webkit-text-fill-color: currentColor !important;
  font-family: FontAwesome, "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought-fa-icon::before {
  content: "\f0eb" !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-hud-icon::before {
  content: "\f0f3" !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle lottie-player,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #cx-hud-toggle lottie-player {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-action-label,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-link > i,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-link::after {
  display: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item > a.cx-top-profile-link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 220px !important;
  max-width: 300px !important;
  height: 48px !important;
  padding: 4px 14px 4px 7px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(74, 58, 155, 0.08) !important;
  color: var(--cx-shell-ink) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-avatar-wrap {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 18px !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-name {
  max-width: 150px !important;
  color: var(--cx-shell-ink) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-role {
  color: var(--cx-shell-muted) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Admin sidebar */
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
  position: fixed !important;
  top: var(--cx-ref-sidebar-gap) !important;
  right: auto !important;
  bottom: calc(var(--cx-ref-sidebar-gap) + env(safe-area-inset-bottom, 0px)) !important;
  left: var(--cx-ref-sidebar-gap) !important;
  inset: var(--cx-ref-sidebar-gap) auto calc(var(--cx-ref-sidebar-gap) + env(safe-area-inset-bottom, 0px)) var(--cx-ref-sidebar-gap) !important;
  box-sizing: border-box !important;
  width: var(--cx-ref-sidebar-width) !important;
  min-width: var(--cx-ref-sidebar-width) !important;
  max-width: var(--cx-ref-sidebar-width) !important;
  height: calc(100dvh - (var(--cx-ref-sidebar-gap) * 2) - env(safe-area-inset-bottom, 0px)) !important;
  min-height: 0 !important;
  max-height: calc(100dvh - (var(--cx-ref-sidebar-gap) * 2) - env(safe-area-inset-bottom, 0px)) !important;
  margin: 0 !important;
  padding: 15px !important;
  border-right: 1px solid rgba(93, 82, 176, 0.13) !important;
  background: #ffffff !important;
  box-shadow: 14px 0 34px rgba(67, 57, 132, 0.05) !important;
  overflow: hidden !important;
  transform: none !important;
  z-index: 1000 !important;
}

body.admin: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-top: calc(var(--cx-ref-header-top) + var(--cx-ref-header-nav-height) + 24px) !important;
  border-top: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

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

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper .content.accounting-dashboard-page {
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content {
  padding-left: var(--cx-shell-content-gutter) !important;
  padding-right: var(--cx-shell-content-gutter) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-nav,
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;
}

body.admin.hide-sidebar:not(.show-sidebar):not(.page-small):not(.mobile):not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper {
  margin-left: 0 !important;
}

html[dir="rtl"] body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
  left: auto !important;
  right: var(--cx-ref-sidebar-gap) !important;
  inset: var(--cx-ref-sidebar-gap) var(--cx-ref-sidebar-gap) calc(var(--cx-ref-sidebar-gap) + env(safe-area-inset-bottom, 0px)) auto !important;
}

/* Aviiko desktop shell alignment: offset equals sidebar left gap + sidebar width only. */
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-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;
  padding-top: calc(var(--cx-ref-sidebar-gap, 15px) + 62px + 24px) !important;
  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-left: 0 !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;
}

/* Aviiko final cascade lock: continuous fixed glass canvas without repeat seams. */
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;
  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, 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;
}

/* Aviiko 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,
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-color: 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;
  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 .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;
}

/* Aviiko final gradient header lock. */
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, #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;
}

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;
}

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;
  border-color: rgba(255, 255, 255, 0.26) !important;
  color: #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-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;
}

/* Aviiko 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;
}

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;
}

/* Aviiko executive admin header: refined glass, no harsh solid bar. */
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 {
  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-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 {
  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;
  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 .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;
  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 .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-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;
}

/* Aviiko 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 {
  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-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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko final infinite admin glass canvas: this must stay after older fixed canvas rules. */
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;
}

/* Aviiko 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;
}

/* Aviiko absolute final desktop shell alignment with 22px sidebar gap. */
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(.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;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand {
  margin: 0 0 14px !important;
  padding: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-box {
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  padding: 8px 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-brand-image {
  max-width: 168px !important;
  max-height: 50px !important;
  object-fit: contain !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .sidebar-user-profile {
  margin: 0 0 14px !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .sidebar-user-profile > a {
  border: 1px solid var(--cx-shell-line) !important;
  border-radius: 14px !important;
  background: rgba(248, 250, 255, 0.9) !important;
  box-shadow: none !important;
  color: var(--cx-shell-ink) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #menu-search {
  height: 36px !important;
  border: 1px solid var(--cx-shell-line) !important;
  border-radius: 12px !important;
  background: #f8faff !important;
  box-shadow: none !important;
  color: var(--cx-shell-ink) !important;
  font-size: 13px !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu {
  height: calc(100vh - 334px) !important;
  margin: 12px 0 0 !important;
  padding: 0 4px calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px)) !important;
  overflow-y: auto !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level > li > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-third-level > li > a {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  background: transparent !important;
  color: var(--cx-shell-muted) !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.active > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:focus,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level > li.active > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level > li > a:hover,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-third-level > li.active > a,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-third-level > li > a:hover {
  border-color: rgba(95, 75, 226, 0.18) !important;
  background: var(--cx-shell-active) !important;
  color: var(--cx-shell-purple-deep) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .menu-icon {
  width: 22px !important;
  min-width: 22px !important;
  color: #8a94a8 !important;
  font-size: 18px !important;
  text-align: center !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.active > a .menu-icon,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a:hover .menu-icon,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level > li.active > a .menu-icon,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .nav-second-level > li > a:hover .menu-icon {
  color: var(--cx-shell-purple) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .menu-text,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .sub-menu-text {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 30 !important;
  padding: 12px 14px 14px !important;
  border-top: 1px solid rgba(93, 82, 176, 0.12) !important;
  background: #ffffff !important;
  box-shadow: 0 -20px 34px rgba(255, 255, 255, 0.96) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: -26px !important;
  height: 26px !important;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff) !important;
  pointer-events: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store {
  position: relative !important;
  z-index: 1 !important;
  border: 1px solid var(--cx-shell-line) !important;
  border-radius: 14px !important;
  background: #f8faff !important;
  box-shadow: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-footer-tools {
  position: relative !important;
  z-index: 1 !important;
  background: #ffffff !important;
}

/* Client shell uses the same visual system. */
body.customers .cx-client-shell-sidebar {
  width: var(--cx-shell-sidebar-width) !important;
  border-right: 1px solid rgba(93, 82, 176, 0.13) !important;
  background: #ffffff !important;
  box-shadow: 14px 0 34px rgba(67, 57, 132, 0.05) !important;
}

body.customers .cx-client-shell-topbar {
  left: var(--cx-shell-sidebar-width) !important;
  right: 22px !important;
  top: 12px !important;
  min-height: 68px !important;
  border: 1px solid var(--cx-shell-header-border) !important;
  border-radius: 28px !important;
  background: var(--cx-shell-header-bg) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58), 0 18px 44px rgba(76, 60, 165, 0.10) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

body.cx-client-shell-active,
body.admin.cx-client-shell-active:not(.cx-embed-shell):not(.cx-intg-popup-shell),
body.customers.cx-client-shell-active {
  --cx-shell-page-bg: #ffffff;
  --cx-shell-header-bg: rgba(255, 255, 255, 0.84);
  --cx-shell-header-border: rgba(223, 231, 241, 0.9);
  background: var(--cx-shell-page-bg) !important;
  background-color: #ffffff !important;
  background-image: none !important;
  background-attachment: fixed !important;
  background-size: auto !important;
  background-blend-mode: normal !important;
}

body.cx-client-shell-active #wrapper,
body.cx-client-shell-active #content,
body.cx-client-shell-active .content {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

body.cx-client-shell-active .cx-client-shell-topbar {
  border: 1px solid 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 {
  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;
}

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 {
  box-shadow: none !important;
}

body.customers .cx-client-shell-search {
  height: 40px !important;
  border: 1px solid rgba(91, 78, 190, 0.18) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.76) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74), 0 8px 18px rgba(72, 58, 155, 0.06) !important;
}

body.customers .cx-client-shell-search i,
body.customers .cx-client-shell-search input {
  color: var(--cx-shell-purple) !important;
}

body.customers .cx-client-shell-add {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #6f58f6 0%, #4054db 100%) !important;
  box-shadow: 0 10px 22px rgba(78, 64, 202, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
  color: #ffffff !important;
}

body.customers .cx-client-shell-icon-btn {
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--cx-shell-purple) !important;
}

body.customers .cx-client-shell-icon-btn:hover,
body.customers .cx-client-shell-icon-btn:focus {
  background: transparent !important;
  color: var(--cx-shell-purple-deep) !important;
  box-shadow: none !important;
}

body.customers .cx-client-shell-profile-toggle {
  min-height: 48px !important;
  border: 1px solid rgba(255, 255, 255, 0.72) !important;
  border-radius: 22px !important;
  background: rgba(255, 255, 255, 0.48) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 10px 24px rgba(74, 58, 155, 0.08) !important;
}

body.customers .cx-client-shell-nav a,
body.customers .cx-client-shell-group-toggle {
  border-radius: 12px !important;
  color: var(--cx-shell-muted) !important;
  font-weight: 700 !important;
}

body.customers .cx-client-shell-nav li.active > a,
body.customers .cx-client-shell-nav a:hover,
body.customers .cx-client-shell-nav a:focus,
body.customers .cx-client-shell-group-toggle:hover,
body.customers .cx-client-shell-group-toggle:focus,
body.customers .cx-client-shell-nav li.active > .cx-client-shell-group-toggle {
  background: var(--cx-shell-active) !important;
  color: var(--cx-shell-purple-deep) !important;
}

@media (max-width: 991px) {
  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header,
  html[dir="rtl"] body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header {
    top: var(--cx-ref-header-top) !important;
    left: 15px !important;
    right: 15px !important;
    width: auto !important;
    height: var(--cx-ref-header-height) !important;
    min-height: var(--cx-ref-header-height) !important;
    margin: 0 !important;
    padding: 0 !important;
  }

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

  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #wrapper > .content {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header #top_search {
    width: min(54vw, 420px) !important;
  }

  body.customers .cx-client-shell-topbar {
    left: 12px !important;
    right: 12px !important;
  }

  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create.open > .dropdown-menu,
  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-quick-create.show > .dropdown-menu {
    min-width: 0 !important;
    width: min(560px, calc(100vw - 24px)) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) {
    --cx-ref-sidebar-width: calc(100vw - 30px);
    --cx-ref-sidebar-offset: 100vw;
    --cx-ref-header-top: 30px;
    --cx-ref-header-height: 64px;
  }

  body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
    top: 15px !important;
    left: 15px !important;
    right: 15px !important;
    bottom: calc(15px + env(safe-area-inset-bottom, 0px)) !important;
    inset: 15px 15px calc(15px + env(safe-area-inset-bottom, 0px)) 15px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: calc(100dvh - 30px - env(safe-area-inset-bottom, 0px)) !important;
    max-height: calc(100dvh - 30px - env(safe-area-inset-bottom, 0px)) !important;
  }

  html[dir="rtl"] body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
    left: 15px !important;
    right: 15px !important;
    inset: 15px 15px calc(15px + env(safe-area-inset-bottom, 0px)) 15px !important;
  }

  body.admin.page-small:not(.show-sidebar):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
  body.admin.hide-sidebar:not(.show-sidebar):not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
    margin-left: calc(-100vw - 30px) !important;
  }

  body.admin.page-small.show-sidebar:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar,
  body.admin.show-sidebar:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
    margin-left: 0 !important;
    transform: none !important;
  }
}

/* Final navbar correction: keep business tip as a bare purple glyph. */
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle > i.cx-navbar-business-thought-fa-icon {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  filter: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-admin-header-settings,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings {
  display: inline-flex !important;
}

html body.admin: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(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-admin-header-actions > li.cx-admin-header-settings > a {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  min-width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--cx-shell-purple) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.cx-navbar-workspace-dropdown {
  display: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle::before,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-navbar-business-thought > a.dropdown-toggle::after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  min-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle > i.cx-navbar-business-thought-fa-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 24px !important;
  height: 24px !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: var(--cx-shell-purple) !important;
  -webkit-text-fill-color: var(--cx-shell-purple) !important;
  font-family: FontAwesome, "Font Awesome 6 Free", "Font Awesome 5 Free" !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle > i.cx-navbar-business-thought-fa-icon::before {
  content: "\f0eb" !important;
  display: block !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .navbar-right > li.icon.dropdown.cx-navbar-business-thought > a.dropdown-toggle > i.cx-navbar-business-thought-fa-icon::after {
  display: none !important;
  content: none !important;
}

/* Aviiko final global pure white 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: #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;
}

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;
}

/* Aviiko 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;
}
/* Aviiko 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;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar.cx-store-expanded {
  overflow: visible !important;
  z-index: 100250 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar.cx-store-expanded .cx-sidebar-store-menu.cx-sidebar-store-floating[aria-hidden="false"] {
  display: block !important;
  pointer-events: auto !important;
  visibility: visible !important;
  z-index: 100300 !important;
}

/* Aviiko 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;
}

/* Aviiko final sidebar visual lock */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(221, 228, 241, 0.96) !important;
  box-shadow:
    0 34px 72px rgba(15, 23, 42, 0.14),
    0 14px 30px rgba(82, 66, 180, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(226, 232, 240, 0.95) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .nav-second-level > li > a,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .nav-third-level > li > a,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li > a .menu-text,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .nav-second-level > li > a .sub-menu-text,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .nav-third-level > li > a .sub-menu-text {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li:not(.crmexa-menu-separator) > a {
  background: transparent !important;
  box-shadow: none !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li.active:not(.crmexa-menu-separator) > a,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li:not(.crmexa-menu-separator) > a:hover,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li:not(.crmexa-menu-separator) > a:focus,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li:not(.crmexa-menu-separator) > a[aria-expanded="true"] {
  color: #000000 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow:
    0 10px 22px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating {
  width: 172px !important;
  max-height: min(372px, calc(100dvh - 30px)) !important;
  padding: 6px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow:
    0 18px 44px rgba(15, 23, 42, 0.16),
    0 8px 18px rgba(82, 66, 180, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 1) !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item {
  min-height: 30px !important;
  padding: 4px 6px !important;
  gap: 7px !important;
  border-radius: 9px !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item span {
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item i {
  width: 22px !important;
  min-width: 22px !important;
  height: 22px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
}

/* Aviiko sidebar text/icon correction */
html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li > a .menu-text,
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:not(.crmexa-menu-separator) > a .menu-text,
html body.admin #menu.sidebar #side-menu > li:not(.crmexa-menu-separator) > a .menu-text,
html body.admin #setup-menu-wrapper.sidebar #setup-menu > li > a .menu-text,
html body.admin #menu.sidebar #side-menu .nav-second-level > li > a .sub-menu-text,
html body.admin #menu.sidebar #side-menu .nav-third-level > li > a .sub-menu-text {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

html body.admin #menu.sidebar .cx-sidebar-fixed-menu > li > a .menu-icon,
html body.admin #menu.sidebar #side-menu > li > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-second-level > li > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li > a .menu-icon {
  -webkit-text-fill-color: currentColor !important;
}

html body.admin #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-dashboard > a .menu-icon { color: #6f4de8 !important; }
html body.admin #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-crmexa-inbox > a .menu-icon { color: #4b7bec !important; }
html body.admin #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-tasks > a .menu-icon { color: #d36aa0 !important; }
html body.admin #menu.sidebar .cx-sidebar-fixed-menu > li.menu-item-tickets > a .menu-icon { color: #58a6e8 !important; }

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar.cx-store-expanded[data-cx-store-top="1"] .cx-sidebar-store-top .cx-sidebar-store,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store:hover,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store:focus {
  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.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.38) !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store-title,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store-toggle,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store-icon,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-top .cx-sidebar-store-title {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

/* Aviiko sidebar icon/color final correction */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu > li:not(.crmexa-menu-separator) > a,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .nav-second-level > li > a,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar #side-menu .nav-third-level > li > a {
  color: inherit !important;
  -webkit-text-fill-color: initial !important;
}

html body.admin #menu.sidebar #side-menu .nav-second-level > li > a .sub-menu-text,
html body.admin #menu.sidebar #side-menu .nav-third-level > li > a .sub-menu-text,
html body.admin #menu.sidebar #side-menu .nav-second-level > li > a .menu-text,
html body.admin #menu.sidebar #side-menu .nav-third-level > li > a .menu-text {
  color: #000000 !important;
  -webkit-text-fill-color: #000000 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.18 !important;
}

html body.admin #menu.sidebar #side-menu .nav-second-level > li > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li > a .menu-icon {
  background: rgba(255, 255, 255, 0.88) !important;
  border-color: rgba(222, 228, 245, 0.92) !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 1) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 1) > a .menu-icon { color: #4b7bec !important; background: rgba(75, 123, 236, 0.12) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 2) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 2) > a .menu-icon { color: #7b61d9 !important; background: rgba(123, 97, 217, 0.12) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 3) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 3) > a .menu-icon { color: #56b6c2 !important; background: rgba(86, 182, 194, 0.14) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 4) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 4) > a .menu-icon { color: #e27a99 !important; background: rgba(226, 122, 153, 0.13) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 5) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 5) > a .menu-icon { color: #f0a23a !important; background: rgba(240, 162, 58, 0.14) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 6) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 6) > a .menu-icon { color: #63b36f !important; background: rgba(99, 179, 111, 0.14) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n + 7) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n + 7) > a .menu-icon { color: #6b8ee8 !important; background: rgba(107, 142, 232, 0.13) !important; }
html body.admin #menu.sidebar #side-menu .nav-second-level > li:nth-child(8n) > a .menu-icon,
html body.admin #menu.sidebar #side-menu .nav-third-level > li:nth-child(8n) > a .menu-icon { color: #9b6de8 !important; background: rgba(155, 109, 232, 0.13) !important; }

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating {
  width: 207px !important;
  max-height: min(446px, calc(100dvh - 30px)) !important;
  padding: 7px !important;
  border-radius: 14px !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item {
  position: relative !important;
  min-height: 36px !important;
  padding: 5px 7px !important;
  gap: 8px !important;
  border-radius: 11px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item span {
  font-size: 11px !important;
  font-weight: 400 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item i {
  width: 26px !important;
  min-width: 26px !important;
  height: 26px !important;
  border-radius: 10px !important;
  font-size: 15px !important;
  color: #64748b !important;
}

html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 1) i { color: #4b7bec !important; background: rgba(75, 123, 236, 0.12) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 2) i { color: #7b61d9 !important; background: rgba(123, 97, 217, 0.12) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 3) i { color: #56b6c2 !important; background: rgba(86, 182, 194, 0.14) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 4) i { color: #e27a99 !important; background: rgba(226, 122, 153, 0.13) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 5) i { color: #f0a23a !important; background: rgba(240, 162, 58, 0.14) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 6) i { color: #63b36f !important; background: rgba(99, 179, 111, 0.14) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n + 7) i { color: #6b8ee8 !important; background: rgba(107, 142, 232, 0.13) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item:nth-child(8n) i { color: #9b6de8 !important; background: rgba(155, 109, 232, 0.13) !important; }

html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item.active::before {
  content: "" !important;
  position: absolute !important;
  left: 5px !important;
  top: 8px !important;
  bottom: 8px !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #6f4de8, #56b6c2) !important;
}

html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item.active {
  background: rgba(111, 77, 232, 0.10) !important;
  color: #5b3fd6 !important;
}

/* Aviiko final per-item icon palette */
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li:not(.crmexa-menu-separator) > a .menu-icon,
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu .nav-second-level > li > a .menu-icon,
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu .nav-third-level > li > a .menu-icon {
  -webkit-text-fill-color: currentColor !important;
}

html body.admin #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 #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 #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 #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 #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 #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 #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 #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 #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 #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 #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 #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 #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item i {
  -webkit-text-fill-color: currentColor !important;
}

html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="ecom-products"] i { color: #6d5dfc !important; background: rgba(109, 93, 252, 0.16) !important; border-color: rgba(109, 93, 252, 0.28) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="specialization"] i { color: #2563eb !important; background: rgba(37, 99, 235, 0.15) !important; border-color: rgba(37, 99, 235, 0.26) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="customer-support"] i { color: #0f9f91 !important; background: rgba(15, 159, 145, 0.15) !important; border-color: rgba(15, 159, 145, 0.28) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="hr-admin"] i { color: #ec4899 !important; background: rgba(236, 72, 153, 0.15) !important; border-color: rgba(236, 72, 153, 0.27) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="productivity"] i { color: #4f46e5 !important; background: rgba(79, 70, 229, 0.15) !important; border-color: rgba(79, 70, 229, 0.27) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="marketing"] i { color: #f43f5e !important; background: rgba(244, 63, 94, 0.14) !important; border-color: rgba(244, 63, 94, 0.26) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="accounting"] i { color: #f59e0b !important; background: rgba(245, 158, 11, 0.17) !important; border-color: rgba(245, 158, 11, 0.30) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="legal"] i { color: #8b5cf6 !important; background: rgba(139, 92, 246, 0.15) !important; border-color: rgba(139, 92, 246, 0.27) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="utility"] i { color: #22a06b !important; background: rgba(34, 160, 107, 0.16) !important; border-color: rgba(34, 160, 107, 0.28) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="reports"] i { color: #0891b2 !important; background: rgba(8, 145, 178, 0.15) !important; border-color: rgba(8, 145, 178, 0.27) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="ai"] i { color: #a855f7 !important; background: rgba(168, 85, 247, 0.15) !important; border-color: rgba(168, 85, 247, 0.27) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="exa-ai"] i { color: #a855f7 !important; background: rgba(168, 85, 247, 0.15) !important; border-color: rgba(168, 85, 247, 0.27) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="integrations"] i { color: #ef4444 !important; background: rgba(239, 68, 68, 0.14) !important; border-color: rgba(239, 68, 68, 0.26) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="knowledge-base"] i { color: #10b981 !important; background: rgba(16, 185, 129, 0.16) !important; border-color: rgba(16, 185, 129, 0.28) !important; }
html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item[data-cx-group-key="security"] i { color: #dc2626 !important; background: rgba(220, 38, 38, 0.13) !important; border-color: rgba(220, 38, 38, 0.25) !important; }

html body.admin #menu.sidebar .cx-sidebar-store-menu.cx-sidebar-store-floating .cx-sidebar-store-menu-item.active::before {
  background: linear-gradient(180deg, #6f4de8 0%, #2f80ed 45%, #13a8a8 100%) !important;
}

/* Aviiko absolute final sidebar glass + grouped icon palette */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border: 1px solid rgba(221, 229, 244, 0.98) !important;
  box-shadow:
    0 40px 90px rgba(15, 23, 42, 0.16),
    0 18px 38px rgba(94, 78, 180, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(226, 232, 240, 0.9) !important;
  backdrop-filter: blur(22px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.12) !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-brand,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-brand-box,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-footer {
  background-color: #ffffff !important;
  background-image: none !important;
}

html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="crmexa-group-"] > a .menu-icon,
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="crmexa-group-"] > a .menu-icon::before {
  -webkit-text-fill-color: currentColor !important;
  color: inherit !important;
}

html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-1 > a .menu-icon { color: #13a8a8 !important; background: rgba(19, 168, 168, 0.13) !important; border-color: rgba(19, 168, 168, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-2 > a .menu-icon { color: #36a269 !important; background: rgba(54, 162, 105, 0.13) !important; border-color: rgba(54, 162, 105, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-3 > a .menu-icon { color: #2f80ed !important; background: rgba(47, 128, 237, 0.12) !important; border-color: rgba(47, 128, 237, 0.23) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-4 > a .menu-icon { color: #0ea5e9 !important; background: rgba(14, 165, 233, 0.12) !important; border-color: rgba(14, 165, 233, 0.23) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-5 > a .menu-icon { color: #a855f7 !important; background: rgba(168, 85, 247, 0.12) !important; border-color: rgba(168, 85, 247, 0.22) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-6 > a .menu-icon { color: #ef8f22 !important; background: rgba(239, 143, 34, 0.14) !important; border-color: rgba(239, 143, 34, 0.25) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-7 > a .menu-icon { color: #10b981 !important; background: rgba(16, 185, 129, 0.13) !important; border-color: rgba(16, 185, 129, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-8 > a .menu-icon { color: #db5a8f !important; background: rgba(219, 90, 143, 0.13) !important; border-color: rgba(219, 90, 143, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible.cx-icon-palette-9 > a .menu-icon { color: #8b5cf6 !important; background: rgba(139, 92, 246, 0.12) !important; border-color: rgba(139, 92, 246, 0.23) !important; }

html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="mailbox"] > a .menu-icon { color: #13a8a8 !important; background: rgba(19, 168, 168, 0.13) !important; border-color: rgba(19, 168, 168, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="file"] > a .menu-icon { color: #36a269 !important; background: rgba(54, 162, 105, 0.13) !important; border-color: rgba(54, 162, 105, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="document"] > a .menu-icon { color: #2f80ed !important; background: rgba(47, 128, 237, 0.12) !important; border-color: rgba(47, 128, 237, 0.23) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="call"] > a .menu-icon { color: #0ea5e9 !important; background: rgba(14, 165, 233, 0.12) !important; border-color: rgba(14, 165, 233, 0.23) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="google"] > a .menu-icon { color: #a855f7 !important; background: rgba(168, 85, 247, 0.12) !important; border-color: rgba(168, 85, 247, 0.22) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="spreadsheet"] > a .menu-icon { color: #ef8f22 !important; background: rgba(239, 143, 34, 0.14) !important; border-color: rgba(239, 143, 34, 0.25) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="meet"] > a .menu-icon { color: #10b981 !important; background: rgba(16, 185, 129, 0.13) !important; border-color: rgba(16, 185, 129, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="appoint"] > a .menu-icon { color: #db5a8f !important; background: rgba(219, 90, 143, 0.13) !important; border-color: rgba(219, 90, 143, 0.24) !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu > li.cx-group-visible[class*="domain"] > a .menu-icon { color: #8b5cf6 !important; background: rgba(139, 92, 246, 0.12) !important; border-color: rgba(139, 92, 246, 0.23) !important; }

/* Aviiko fixed shortcut ticket slot */
html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-dashboard { display: block !important; order: 1 !important; grid-column: 1 !important; grid-row: 1 !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-crmexa-inbox { display: block !important; order: 2 !important; grid-column: 2 !important; grid-row: 1 !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-tickets { display: block !important; order: 3 !important; grid-column: 3 !important; grid-row: 1 !important; visibility: visible !important; opacity: 1 !important; }
html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-tasks { display: block !important; order: 4 !important; grid-column: 4 !important; grid-row: 1 !important; }

html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-tickets > a {
  background: rgba(20, 184, 166, 0.10) !important;
  border-color: rgba(20, 184, 166, 0.18) !important;
  color: #14b8a6 !important;
  -webkit-text-fill-color: currentColor !important;
}

html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-tickets > a .menu-icon,
html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li.menu-item-tickets > a .menu-icon::before {
  color: #14b8a6 !important;
  -webkit-text-fill-color: #14b8a6 !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html body.admin #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li > a .menu-text {
  border: 1px solid rgba(174, 157, 255, 0.48) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  color: #2f256f !important;
  -webkit-text-fill-color: #2f256f !important;
  box-shadow: 0 12px 26px rgba(80, 60, 180, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  text-shadow: none !important;
}

/* Aviiko final global white + 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: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !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: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko sidebar section layout lock: keep the menu between header controls and footer actions. */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"],
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .sidebar#menu[data-cx-menu-regions="1"] {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  overflow: hidden !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-brand,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-group-heading,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-footer {
  flex: 0 0 auto !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu.cx-sidebar-scroll-menu,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] #side-menu {
  flex: 1 1 0 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 4px 12px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  scroll-padding-bottom: 16px !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-footer {
  position: relative !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  margin: 10px 0 0 !important;
  padding: 10px 0 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 5 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-footer::before {
  content: none !important;
  display: none !important;
}

/* Aviiko 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;
}

/* Aviiko 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) #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;
}

/* Aviiko final cascade lock: continuous fixed glass canvas without repeat seams. */
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;
  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, 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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko 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;
}

/* Aviiko top profile avatar final circle mask. This file loads after admin-shell.css. */
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  flex: 0 0 36px !important;
  padding: 2px !important;
  margin: 0 !important;
  border: 1px solid rgba(90, 71, 242, 0.22) !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #eef2ff 0%, #eff6ff 100%) !important;
  box-shadow: 0 8px 16px rgba(90, 71, 242, 0.10) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  aspect-ratio: 1 / 1 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap::after {
  content: "" !important;
  position: absolute !important;
  inset: 2px !important;
  border: 1px solid rgba(255, 255, 255, 0.78) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap img,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap img.cx-top-profile-avatar,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap img.staff-profile-image-small,
body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap img.img-circle {
  display: block !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  max-height: 100% !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  box-shadow: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  transform: none !important;
  clip-path: circle(50% at 50% 50%) !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-avatar-wrap img[data-cx-generated-avatar="1"] {
  background: transparent !important;
  image-rendering: auto !important;
}

body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #header.cx-admin-header .cx-top-profile-item .cx-top-profile-attention-dot {
  position: absolute !important;
  right: 3px !important;
  bottom: 3px !important;
  left: auto !important;
  top: auto !important;
  width: 8px !important;
  min-width: 8px !important;
  max-width: 8px !important;
  height: 8px !important;
  min-height: 8px !important;
  max-height: 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #ffffff !important;
  border-radius: 50% !important;
  background: #ef5da8 !important;
  box-shadow: 0 0 0 1px rgba(90, 71, 242, 0.12) !important;
  z-index: 3 !important;
  transform: none !important;
  box-sizing: border-box !important;
}

/* Sidebar shortcut rail: keep the four access icons optically centered on every shell. */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu {
  --cx-sidebar-shortcut-size: 42px;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-items: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto 16px !important;
  padding: 0 8px 16px !important;
  gap: 0 clamp(8px, 2.2vw, 14px) !important;
  box-sizing: border-box !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li > a {
  width: var(--cx-sidebar-shortcut-size) !important;
  min-width: var(--cx-sidebar-shortcut-size) !important;
  max-width: var(--cx-sidebar-shortcut-size) !important;
  height: var(--cx-sidebar-shortcut-size) !important;
  min-height: var(--cx-sidebar-shortcut-size) !important;
  max-height: var(--cx-sidebar-shortcut-size) !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 var(--cx-sidebar-shortcut-size) !important;
  box-sizing: border-box !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu > li > a .menu-icon {
  margin: 0 !important;
}

@media (max-width: 767px) {
  html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) #menu.sidebar[data-cx-menu-regions="1"] .cx-sidebar-fixed-menu {
    --cx-sidebar-shortcut-size: 46px;
    padding-right: clamp(14px, 4vw, 22px) !important;
    padding-left: clamp(14px, 4vw, 22px) !important;
    gap: 0 clamp(10px, 3vw, 18px) !important;
  }
}

/* Aviiko global modal layer fix: keep Bootstrap popups above the custom shell. */
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell).modal-open .modal-backdrop,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) > .modal-backdrop {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 2147483600 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell).modal-open .modal,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) > .modal,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .modal.in,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell) .modal.show {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  transform: none !important;
  z-index: 2147483647 !important;
}

html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell).modal-open #header,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell).modal-open #menu.sidebar,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell).modal-open::after,
html body.admin:not(.cx-embed-shell):not(.cx-intg-popup-shell).modal-open .cx-sidebar-mini-tooltip {
  z-index: 1000 !important;
}