/* Enovex Premium Clean Chatbot - simple, premium colors, stronger mobile responsive */
:root {
  --enx-ai-ink: #07111f;
  --enx-ai-navy: #0a1020;
  --enx-ai-blue: #2563eb;
  --enx-ai-cyan: #06b6d4;
  --enx-ai-gold: #f5c451;
  --enx-ai-soft: #f6f9ff;
  --enx-ai-line: #dbe7ff;
  --enx-ai-muted: #667085;
  --enx-ai-shadow: 0 28px 80px rgba(8, 20, 42, .25);
  --enx-vv-height: 100dvh;
}

.enx-ai-agent {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 99999;
  font-family: Inter, 'Noto Kufi Arabic', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  color: var(--enx-ai-ink)
}

.enx-ai-launcher {
  width: 64px;
  height: 64px;
  border: 0;
  border-radius: 24px;
  cursor: pointer;
  color: #fff;
  background: linear-gradient(135deg, #08111f 0%, #1d4ed8 52%, #06b6d4 100%);
  box-shadow: 0 20px 46px rgba(37, 99, 235, .34), 0 10px 26px rgba(7, 17, 31, .24);
  display: grid;
  place-items: center;
  transition: transform .22s ease, box-shadow .22s ease;
  position: relative;
  overflow: hidden
}

.enx-ai-launcher:before {
  content: '';
  position: absolute;
  inset: -30%;
  background: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .45), transparent 28%), linear-gradient(120deg, transparent, rgba(255, 255, 255, .18), transparent);
  transform: rotate(16deg)
}

.enx-ai-launcher:hover {
  transform: translateY(-4px);
  box-shadow: 0 28px 60px rgba(37, 99, 235, .42), 0 12px 30px rgba(7, 17, 31, .28)
}

.enx-ai-launcher i {
  font-size: 25px;
  position: relative;
  z-index: 2
}

.enx-ai-pulse {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #22c55e;
  border: 2px solid #fff;
  box-shadow: 0 0 0 8px rgba(34, 197, 94, .16);
  z-index: 3
}

.enx-ai-window {
  transition: height .22s ease, bottom .22s ease, inset .22s ease, border-radius .22s ease;
  position: absolute;
  right: 0;
  bottom: 84px;
  width: 390px;
  max-width: calc(100vw - 28px);
  height: 570px;
  max-height: calc(100dvh - 120px);
  display: none;
  flex-direction: column;
  overflow: hidden;
  border-radius: 30px;
  background: rgba(255, 255, 255, .94);
  border: 1px solid rgba(219, 231, 255, .95);
  box-shadow: var(--enx-ai-shadow);
  transform-origin: bottom right;
  backdrop-filter: blur(18px)
}

.enx-ai-window.active {
  display: flex;
  animation: enxChatIn .24s cubic-bezier(.2, .9, .2, 1) both
}

.enx-ai-header {
  padding: 17px 18px 15px;
  color: #fff;
  background: linear-gradient(135deg, #08111f 0%, #132a55 48%, #2563eb 100%);
  position: relative;
  overflow: hidden
}

.enx-ai-header:before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 14% 8%, rgba(245, 196, 81, .34), transparent 25%), radial-gradient(circle at 92% 15%, rgba(6, 182, 212, .34), transparent 28%)
}

.enx-ai-header:after {
  content: '';
  position: absolute;
  right: -44px;
  bottom: -76px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12)
}

.enx-ai-head-row {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  z-index: 1
}

.enx-ai-avatar {
  width: 44px;
  height: 44px;
  border-radius: 17px;
  background: rgba(255, 255, 255, .14);
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18)
}

.enx-ai-avatar i {
  font-size: 20px;
  color: #fff
}

.enx-ai-title-wrap {
  flex: 1;
  min-width: 0
}

.enx-ai-title-wrap h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: -.02em
}

.enx-ai-title-wrap p {
  margin: 4px 0 0;
  font-size: 12px;
  font-weight: 750;
  color: rgba(255, 255, 255, .78);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.enx-ai-close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 14px;
  background: rgba(255, 255, 255, .14);
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  transition: .18s ease
}

.enx-ai-close:hover {
  background: rgba(255, 255, 255, .24)
}

.enx-ai-mini-status {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 11px;
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 850;
  color: rgba(255, 255, 255, .84)
}

.enx-ai-mini-status span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, .16)
}

.enx-ai-body {
  flex: 1;
  padding: 15px;
  overflow-y: auto;
  background: linear-gradient(180deg, #fbfdff 0%, #f3f7ff 52%, #edf4ff 100%);
  scroll-behavior: smooth
}

.enx-ai-body::-webkit-scrollbar {
  width: 6px
}

.enx-ai-body::-webkit-scrollbar-thumb {
  background: rgba(37, 99, 235, .24);
  border-radius: 999px
}

.enx-ai-msg {
  width: fit-content;
  max-width: 88%;
  margin-bottom: 10px;
  padding: 11px 13px;
  border-radius: 19px;
  font-size: 13.5px;
  line-height: 1.58;
  word-break: break-word;
  box-shadow: 0 8px 22px rgba(8, 20, 42, .06)
}

.enx-ai-msg.bot {
  background: rgba(255, 255, 255, .96);
  color: #1f2937;
  border: 1px solid rgba(219, 231, 255, .98);
  border-bottom-left-radius: 7px
}

.enx-ai-msg.user {
  margin-left: auto;
  color: #fff;
  background: linear-gradient(135deg, #0a1020 0%, #1d4ed8 72%, #06b6d4 100%);
  border-bottom-right-radius: 7px;
  box-shadow: 0 12px 26px rgba(37, 99, 235, .2)
}

body[dir="rtl"] .enx-ai-msg.user {
  margin-left: 0;
  margin-right: auto
}

.enx-ai-msg.enx-ai-typing {
  padding: 12px 14px
}

.enx-ai-dots {
  display: inline-flex;
  gap: 5px
}

.enx-ai-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--enx-ai-blue);
  animation: enxDot 1s infinite ease-in-out
}

.enx-ai-dots span:nth-child(2) {
  animation-delay: .14s
}

.enx-ai-dots span:nth-child(3) {
  animation-delay: .28s
}

.enx-ai-quick {
  display: flex;
  gap: 8px;
  padding: 10px 14px 8px;
  background: rgba(255, 255, 255, .92);
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 1px solid #edf2fb;
  scrollbar-width: none;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch
}

.enx-ai-quick::-webkit-scrollbar {
  display: none
}

.enx-ai-quick button {
  flex: 0 0 auto;
  max-width: 178px;
  border: 1px solid rgba(207, 221, 246, .95);
  background: #fff;
  color: #174ac7;
  border-radius: 999px;
  padding: 9px 13px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
  box-shadow: 0 5px 15px rgba(37, 99, 235, .07);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  scroll-snap-align: start
}

.enx-ai-quick button:first-child {
  background: #eef5ff;
  color: #123a9f;
  border-color: #bad3ff;
  box-shadow: 0 8px 20px rgba(37, 99, 235, .1)
}

.enx-ai-quick button:active {
  transform: scale(.97)
}

.enx-ai-quick button:hover {
  background: #f4f8ff;
  border-color: #9ec5ff
}

.enx-ai-form {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px 14px;
  background: rgba(255, 255, 255, .98);
  border-top: 1px solid #eef2f7;
  position: relative;
  z-index: 2
}

.enx-ai-form input {
  flex: 1;
  min-width: 0;
  min-height: 52px;
  border: 1px solid #d8e4f8;
  border-radius: 999px;
  background: #ffffff;
  padding: 12px 17px;
  font: inherit;
  font-size: 16px;
  line-height: 1.25;
  outline: 0;
  transition: .18s ease;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: 0 3px 14px rgba(15, 23, 42, .05)
}

.enx-ai-form input::placeholder {
  color: #8a97ad;
  opacity: 1
}

.enx-ai-form input:focus {
  border-color: #9cc6ff;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .1), 0 8px 24px rgba(15, 23, 42, .08)
}

.enx-ai-form button {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #0b1220, #2563eb 70%, #06b6d4);
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .25);
  display: grid;
  place-items: center;
  transition: transform .18s ease, box-shadow .18s ease
}

.enx-ai-form button:active {
  transform: scale(.95)
}

.enx-ai-msg a.enx-ai-wa,
.enx-ai-msg a.enx-ai-cta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
  margin-right: 6px;
  padding: 9px 12px;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-weight: 900;
  font-size: 12px;
  background: linear-gradient(135deg, #16a34a, #22c55e)
}

.enx-ai-msg a.enx-ai-cta {
  background: linear-gradient(135deg, #0a1020, #2563eb)
}

.enx-ai-products {
  display: grid;
  gap: 8px;
  margin-top: 10px
}

.enx-ai-product-link {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: #0f172a;
  background: linear-gradient(180deg, #fff, #f8fbff);
  border: 1px solid #dbe7ff;
  border-radius: 16px;
  padding: 9px;
  transition: .18s ease;
  box-shadow: 0 8px 18px rgba(8, 20, 42, .04)
}

.enx-ai-product-link:hover {
  transform: translateY(-1px);
  border-color: #9ec5ff;
  background: #fff
}

.enx-ai-product-link img,
.enx-ai-product-fallback {
  width: 44px;
  height: 44px;
  border-radius: 13px;
  object-fit: cover;
  background: #eaf2ff;
  display: grid;
  place-items: center;
  color: #2563eb
}

.enx-ai-product-link span {
  flex: 1;
  min-width: 0
}

.enx-ai-product-link strong {
  display: block;
  font-size: 12.6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.enx-ai-product-link small {
  display: block;
  margin-top: 2px;
  color: #667085;
  font-size: 11px;
  font-weight: 750
}

.enx-ai-product-link em {
  display: inline-block;
  margin-top: 4px;
  font-style: normal;
  font-size: 10px;
  font-weight: 900;
  color: #15803d
}

.enx-ai-product-link.enx-ai-out em {
  color: #b91c1c
}

.enx-ai-product-link b {
  font-size: 11px;
  color: #1d4ed8
}

.enx-ai-advice {
  margin-top: 10px;
  padding: 10px;
  border-radius: 16px;
  background: #f8fbff;
  border: 1px solid #dbe7ff
}

.enx-ai-advice strong {
  display: block;
  margin-bottom: 7px;
  font-size: 12px
}

.enx-ai-advice span {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  font-size: 11.7px;
  margin: 5px 0;
  color: #475569
}

.enx-ai-advice i {
  color: #16a34a;
  margin-top: 3px
}

.dark-mode .enx-ai-window {
  background: rgba(255, 255, 255, .96) !important;
  border-color: rgba(219, 231, 255, .95) !important
}

.dark-mode .enx-ai-body {
  background: linear-gradient(180deg, #fbfdff 0%, #f3f7ff 52%, #edf4ff 100%) !important
}

.dark-mode .enx-ai-quick,
.dark-mode .enx-ai-form {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 12px 14px 14px;
  background: rgba(255, 255, 255, .98);
  border-top: 1px solid #eef2f7;
  position: relative;
  z-index: 2
}

.enx-ai-form input {
  flex: 1;
  min-width: 0;
  min-height: 52px;
  border: 1px solid #d8e4f8;
  border-radius: 999px;
  background: #ffffff;
  padding: 12px 17px;
  font: inherit;
  font-size: 16px;
  line-height: 1.25;
  outline: 0;
  transition: .18s ease;
  color: #0f172a;
  -webkit-text-fill-color: #0f172a;
  appearance: none;
  -webkit-appearance: none;
  box-shadow: 0 3px 14px rgba(15, 23, 42, .05)
}

.enx-ai-form input::placeholder {
  color: #8a97ad;
  opacity: 1
}

.enx-ai-form input:focus {
  border-color: #9cc6ff;
  background: #fff;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .1), 0 8px 24px rgba(15, 23, 42, .08)
}

.enx-ai-form button {
  width: 50px;
  min-width: 50px;
  height: 50px;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: linear-gradient(135deg, #0b1220, #2563eb 70%, #06b6d4);
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .25);
  display: grid;
  place-items: center;
  transition: transform .18s ease, box-shadow .18s ease
}

.enx-ai-form button:active {
  transform: scale(.95)
}
}

@media(max-width:430px) {
  body.enx-ai-mobile-open {
    overflow: hidden;
    touch-action: none
  }

  .enx-ai-agent {
    right: 14px;
    bottom: 14px
  }

  .enx-ai-window {
    inset: auto 8px calc(72px + env(safe-area-inset-bottom)) 8px;
    height: min(72dvh, 620px);
    max-height: min(72dvh, 620px);
    border-radius: 22px
  }

  .enx-ai-window.enx-ai-keyboard {
    inset: 8px 8px max(8px, env(safe-area-inset-bottom)) 8px;
    height: auto;
    max-height: none
  }

  .enx-ai-mini-status {
    margin-top: 8px
  }

  .enx-ai-quick {
    padding: 8px 9px 7px;
    gap: 6px
  }

  .enx-ai-quick button {
    font-size: 11.6px;
    padding: 8px 10px;
    max-width: 134px;
    border-radius: 15px
  }

  .enx-ai-body {
    padding: 10px
  }

  .enx-ai-msg {
    max-width: 94%;
    font-size: 13px;
    line-height: 1.56
  }

  .enx-ai-product-link {
    gap: 8px;
    padding: 8px;
    border-radius: 14px
  }

  .enx-ai-product-link img,
  .enx-ai-product-fallback {
    width: 40px;
    height: 40px;
    border-radius: 12px
  }

  .enx-ai-product-link strong {
    font-size: 12px
  }

  .enx-ai-product-link small {
    font-size: 10.5px
  }

  .enx-ai-msg a.enx-ai-wa,
  .enx-ai-msg a.enx-ai-cta {
    padding: 8px 10px;
    font-size: 11.5px
  }

  .enx-ai-launcher {
    width: 56px;
    height: 56px;
    border-radius: 20px
  }
}

@media(max-width:360px) {
  .enx-ai-window {
    left: 6px;
    right: 6px
  }

  .enx-ai-title-wrap p {
    display: none
  }

  .enx-ai-quick button {
    font-size: 10.8px;
    padding: 7px 9px;
    max-width: 122px
  }

  .enx-ai-form input {
    font-size: 16px
  }
}

@keyframes enxChatIn {
  from {
    opacity: 0;
    transform: translateY(14px) scale(.96)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes enxDot {

  0%,
  80%,
  100% {
    opacity: .35;
    transform: translateY(0)
  }

  40% {
    opacity: 1;
    transform: translateY(-3px)
  }
}



/* Mobile navbar-aligned ChatGPT-style fix */
@media (max-width: 560px) {
  :root {
    --enx-ai-mobile-top: 118px;
    --enx-ai-mobile-bottom: calc(14px + env(safe-area-inset-bottom));
  }

  .enx-ai-agent {
    position: fixed !important;
    inset: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100vw !important;
    height: 100dvh !important;
    pointer-events: none !important;
    z-index: 99999 !important;
  }

  .enx-ai-launcher {
    position: fixed !important;
    right: max(14px, env(safe-area-inset-right)) !important;
    bottom: max(16px, env(safe-area-inset-bottom)) !important;
    pointer-events: auto !important;
    z-index: 3 !important;
  }

  .enx-ai-window {
    position: fixed !important;
    top: var(--enx-ai-mobile-top) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: var(--enx-ai-mobile-bottom) !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: 26px 26px 28px 28px !important;
    transform-origin: bottom center !important;
    pointer-events: auto !important;
    border-left: 0 !important;
    border-right: 0 !important;
    box-shadow: 0 20px 60px rgba(8, 20, 42, .32) !important;
  }

  .enx-ai-window.active {
    display: flex !important;
  }

  .enx-ai-window.enx-ai-keyboard {
    top: max(8px, env(safe-area-inset-top)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    border-radius: 22px !important;
  }

  .enx-ai-header {
    padding: 14px 15px 12px !important;
    border-radius: 26px 26px 0 0 !important;
  }

  .enx-ai-head-row {
    gap: 10px !important;
  }

  .enx-ai-avatar {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  .enx-ai-title-wrap h3 {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .enx-ai-title-wrap p {
    font-size: 11.2px !important;
  }

  .enx-ai-close {
    width: 38px !important;
    height: 38px !important;
    border-radius: 14px !important;
  }

  .enx-ai-mini-status {
    margin-top: 7px !important;
    justify-content: flex-end !important;
  }

  .enx-ai-body {
    padding: 12px 13px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  .enx-ai-msg {
    max-width: 86% !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
  }

  .enx-ai-quick {
    padding: 9px 11px 8px !important;
    gap: 7px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .enx-ai-quick button {
    max-width: 62vw !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .enx-ai-form {
    padding: 10px 12px calc(12px + env(safe-area-inset-bottom)) !important;
    gap: 9px !important;
    align-items: center !important;
  }

  .enx-ai-form input {
    min-height: 52px !important;
    height: 52px !important;
    border-radius: 20px !important;
    font-size: 16px !important;
    padding: 0 16px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
  }

  .enx-ai-form button {
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    border-radius: 18px !important;
  }

  body.enx-ai-mobile-open .enx-ai-launcher {
    display: none !important;
  }
}

@media (max-width: 430px) {
  :root {
    --enx-ai-mobile-top: 112px;
  }

  .enx-ai-window {
    top: var(--enx-ai-mobile-top) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 24px 24px 26px 26px !important;
  }

  .enx-ai-header {
    border-radius: 24px 24px 0 0 !important;
  }

  .enx-ai-msg {
    max-width: 88% !important;
    font-size: 13.2px !important;
  }
}

@media (max-width: 390px) {
  :root {
    --enx-ai-mobile-top: 104px;
  }

  .enx-ai-title-wrap h3 {
    font-size: 14px !important;
  }

  .enx-ai-title-wrap p {
    display: none !important;
  }

  .enx-ai-msg {
    max-width: 90% !important;
  }
}



/* Mobile small side-space polish */
@media (max-width: 560px) {
  .enx-ai-window {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
    border-left: 1px solid rgba(219, 231, 255, .95) !important;
    border-right: 1px solid rgba(219, 231, 255, .95) !important;
  }

  .enx-ai-window.enx-ai-keyboard {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    max-width: calc(100vw - 16px) !important;
  }
}

@media (max-width: 430px) {
  .enx-ai-window {
    left: 6px !important;
    right: 6px !important;
    width: auto !important;
    max-width: calc(100vw - 12px) !important;
  }

  .enx-ai-window.enx-ai-keyboard {
    left: 6px !important;
    right: 6px !important;
    width: auto !important;
    max-width: calc(100vw - 12px) !important;
  }
}



/* Final fix: hide chat launcher while chat window is open */
.enx-ai-agent.is-chat-open .enx-ai-launcher,
body.enx-ai-chat-open .enx-ai-launcher {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}



/* Desktop + dark mode message input fix */
.enx-ai-window {
  isolation: isolate;
}

.enx-ai-form {
  align-items: center !important;
  background: #ffffff !important;
  border-top: 1px solid #e6eefc !important;
  box-shadow: 0 -10px 28px rgba(15, 23, 42, .05) !important;
}

.enx-ai-form input,
body.dark-mode .enx-ai-form input,
.dark-mode .enx-ai-form input {
  height: 48px !important;
  min-height: 48px !important;
  background: #ffffff !important;
  border: 1px solid #dbe7ff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  caret-color: #2563eb !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.enx-ai-form input::placeholder,
body.dark-mode .enx-ai-form input::placeholder,
.dark-mode .enx-ai-form input::placeholder {
  color: #7b8aa4 !important;
  -webkit-text-fill-color: #7b8aa4 !important;
  opacity: 1 !important;
}

.enx-ai-form input:focus,
body.dark-mode .enx-ai-form input:focus,
.dark-mode .enx-ai-form input:focus {
  background: #ffffff !important;
  border-color: #7eb7ff !important;
  color: #0f172a !important;
  -webkit-text-fill-color: #0f172a !important;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}

.enx-ai-form button {
  height: 48px !important;
  min-height: 48px !important;
}

body.dark-mode .enx-ai-form,
.dark-mode .enx-ai-form {
  background: #ffffff !important;
  border-top-color: #e6eefc !important;
}

body.dark-mode .enx-ai-quick,
.dark-mode .enx-ai-quick {
  background: #ffffff !important;
  border-top-color: #edf2fb !important;
}

@media (min-width: 561px) {
  .enx-ai-window {
    bottom: 92px !important;
    height: 560px !important;
    max-height: calc(100vh - 130px) !important;
  }

  .enx-ai-body {
    min-height: 0 !important;
  }

  .enx-ai-form {
    padding: 12px 14px 14px !important;
  }

  .enx-ai-form input {
    font-size: 14px !important;
    border-radius: 18px !important;
  }

  .enx-ai-form button {
    width: 48px !important;
    min-width: 48px !important;
    border-radius: 18px !important;
  }
}

/* Enovex logo inside chat header avatar */
.enx-ai-avatar {
  overflow: hidden;
  background: #ffffff !important;
  padding: 2px;
}

.enx-ai-avatar img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 15px;
}


/* Final logo fit fix: larger Enovex icon, no empty padding */
.enx-ai-avatar {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  flex: 0 0 62px !important;
  border-radius: 24px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 2px solid rgba(255, 255, 255, .45) !important;
  box-shadow: 0 10px 24px rgba(7, 17, 31, .18), inset 0 1px 0 rgba(255, 255, 255, .7) !important;
}

.enx-ai-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border-radius: 22px !important;
}

.enx-ai-launcher {
  background: #ffffff !important;
  padding: 0 !important;
}

.enx-ai-launcher:before {
  display: none !important;
}

.enx-ai-launcher img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: inherit;
}

@media(max-width:430px) {
  .enx-ai-avatar {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    flex-basis: 64px !important;
    border-radius: 24px !important;
  }

  .enx-ai-avatar img {
    border-radius: 22px !important;
  }
}

/* Clean final fix: use a simple robot-only white icon, not the full logo text */
.enx-ai-avatar {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  flex: 0 0 52px !important;
  border-radius: 18px !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(255, 255, 255, .60) !important;
  box-shadow: 0 8px 22px rgba(7, 17, 31, .18), inset 0 1px 0 rgba(255, 255, 255, .75) !important;
}

.enx-ai-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 18px !important;
}

.enx-ai-head-row {
  gap: 12px !important;
}

.enx-ai-title-wrap {
  min-width: 0 !important;
}

.enx-ai-title-wrap h3 {
  font-size: 15.5px !important;
  line-height: 1.25 !important;
}

.enx-ai-title-wrap p {
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

.enx-ai-launcher {
  width: 62px !important;
  height: 62px !important;
  border-radius: 22px !important;
  background: #fff !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 18px 42px rgba(37, 99, 235, .28), 0 8px 24px rgba(7, 17, 31, .22) !important;
}

.enx-ai-launcher:before {
  display: none !important;
}

.enx-ai-launcher img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 22px !important;
}

@media(max-width:560px) {
  .enx-ai-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex: 0 0 48px !important;
    border-radius: 17px !important;
  }

  .enx-ai-avatar img {
    border-radius: 17px !important;
  }

  .enx-ai-title-wrap h3 {
    font-size: 14.2px !important;
    line-height: 1.25 !important;
  }

  .enx-ai-title-wrap p {
    font-size: 10.8px !important;
  }
}


/* Final fix: use the full Enovex logo icon exactly, no crop, no robot-only zoom */
.enx-ai-avatar {
  width: 74px !important;
  height: 74px !important;
  min-width: 74px !important;
  flex: 0 0 74px !important;
  border-radius: 26px !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.enx-ai-avatar img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 26px !important;
  background: transparent !important;
}

.enx-ai-head-row {
  gap: 14px !important;
  align-items: center !important;
}

.enx-ai-launcher {
  width: 66px !important;
  height: 66px !important;
  border-radius: 24px !important;
  background: transparent !important;
  padding: 0 !important;
  overflow: visible !important;
  box-shadow: 0 16px 38px rgba(37, 99, 235, .28), 0 8px 20px rgba(7, 17, 31, .18) !important;
}

.enx-ai-launcher img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 24px !important;
  background: transparent !important;
}

@media(max-width:560px) {
  .enx-ai-avatar {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    flex: 0 0 64px !important;
    border-radius: 22px !important;
  }

  .enx-ai-avatar img {
    border-radius: 22px !important;
  }

  .enx-ai-head-row {
    gap: 10px !important;
  }
}

@media(max-width:380px) {
  .enx-ai-avatar {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    flex: 0 0 58px !important;
  }
}


/* Mobile header fix: always show product-advisor text and move Online into title area */
.enx-ai-title-wrap .enx-ai-mini-status {
  width: max-content !important;
  margin-top: 7px !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .12) !important;
  border: 1px solid rgba(255, 255, 255, .18) !important;
  color: rgba(255, 255, 255, .92) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  justify-content: flex-start !important;
  font-size: 11px !important;
  line-height: 1 !important;
}

.enx-ai-title-wrap .enx-ai-mini-status span {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  border-radius: 50% !important;
  background: #22c55e !important;
  box-shadow: 0 0 0 5px rgba(34, 197, 94, .16) !important;
}

.enx-ai-title-wrap .enx-ai-mini-status b {
  font-weight: 900 !important;
}

.enx-ai-header>.enx-ai-mini-status {
  display: none !important;
}

@media(max-width:560px) {
  .enx-ai-header {
    padding: 12px 14px 13px !important;
  }

  .enx-ai-head-row {
    align-items: center !important;
    gap: 9px !important;
  }

  .enx-ai-title-wrap {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  .enx-ai-title-wrap h3 {
    font-size: 14.5px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  .enx-ai-title-wrap p,
  body[dir="rtl"] .enx-ai-title-wrap p {
    display: block !important;
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: rgba(255, 255, 255, .82) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  .enx-ai-title-wrap .enx-ai-mini-status {
    margin-top: 6px !important;
    padding: 5px 8px !important;
    font-size: 10.8px !important;
  }

  .enx-ai-avatar {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 18px !important;
  }

  .enx-ai-avatar img {
    border-radius: 18px !important;
  }

  .enx-ai-close {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    flex: 0 0 38px !important;
  }
}

@media(max-width:390px) {
  .enx-ai-title-wrap p {
    display: block !important;
    font-size: 10.4px !important;
  }

  .enx-ai-title-wrap h3 {
    font-size: 13.6px !important;
  }

  .enx-ai-avatar {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    flex-basis: 48px !important;
  }
}

/* Mobile assistant launcher: a little smaller + draggable */
.enx-ai-launcher {
  touch-action: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}

@media(max-width:560px) {
  .enx-ai-launcher {
    width: 60px !important;
    height: 60px !important;
    border-radius: 22px !important;
    cursor: grab !important;
  }

  .enx-ai-launcher:active {
    cursor: grabbing !important;
  }

  .enx-ai-launcher img {
    border-radius: 22px !important;
  }

  .enx-ai-pulse {
    top: 7px !important;
    right: 7px !important;
    width: 11px !important;
    height: 11px !important;
    box-shadow: 0 0 0 7px rgba(34, 197, 94, .15) !important;
  }
}

/* Hide chatbot launcher while the website loading screen is visible */
.site-loader ~ .enx-ai-agent .enx-ai-launcher {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Hide Enovex chat bot while mobile menu drawer is open */
@media (max-width: 1100px) {
  body.menu-open .enx-ai-agent,
  body.menu-open .enx-ai-launcher,
  body.menu-open .enx-ai-panel,
  html.menu-lock .enx-ai-agent,
  html.menu-lock .enx-ai-launcher,
  html.menu-lock .enx-ai-panel {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(.82) translateY(18px) !important;
  }
}