/* 10X SAFE LIGHT AI AGENT */

body > .wa-float,
body > .whatsapp-float,
body > .chat-float,
body > .otaki-help,
body > .otaki-help-hub,
body > .whatsapp,
body > .tenx-whatsapp-float {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.tenx-help-hub{
  position:fixed!important;
  right:22px!important;
  bottom:22px!important;
  z-index:999999!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif!important;
}

.tenx-help-label{
  position:absolute!important;
  right:78px!important;
  bottom:9px!important;
  width:142px!important;
  padding:9px 11px!important;
  border:1px solid rgba(214,180,106,.30)!important;
  background:#07111f!important;
  box-shadow:0 14px 34px rgba(0,0,0,.36)!important;
  pointer-events:none!important;
}

.tenx-help-hub.is-open .tenx-help-label{
  display:none!important;
}

.tenx-help-label strong{
  display:block!important;
  color:#ffe6a3!important;
  font-size:13px!important;
  font-weight:950!important;
  line-height:1.1!important;
}

.tenx-help-label span{
  display:block!important;
  color:#b6c3d4!important;
  font-size:12px!important;
  margin-top:4px!important;
}

.tenx-help-launcher{
  width:68px!important;
  height:68px!important;
  border:1px solid rgba(214,180,106,.48)!important;
  background:linear-gradient(145deg,#111f36,#050b14)!important;
  color:#ffe6a3!important;
  box-shadow:0 18px 46px rgba(0,0,0,.42)!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  position:relative!important;
}

.tenx-help-launcher span{
  font-size:27px!important;
  font-weight:950!important;
  letter-spacing:-.06em!important;
}

.tenx-help-dot{
  position:absolute!important;
  right:10px!important;
  top:10px!important;
  width:12px!important;
  height:12px!important;
  background:#22c55e!important;
  border:2px solid #07111f!important;
  border-radius:999px!important;
}

.tenx-help-panel{
  position:absolute!important;
  right:0!important;
  bottom:84px!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-height:calc(100vh - 120px)!important;
  display:none!important;
  overflow:hidden!important;
  border:1px solid rgba(214,180,106,.32)!important;
  background:#07111f!important;
  box-shadow:0 26px 80px rgba(0,0,0,.54)!important;
}

.tenx-help-hub.is-open .tenx-help-panel{
  display:block!important;
}

.tenx-help-head{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  padding:14px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  background:#0b1628!important;
}

.tenx-help-logo{
  width:40px!important;
  height:40px!important;
  display:grid!important;
  place-items:center!important;
  background:linear-gradient(135deg,#ffe6a3,#d6b46a)!important;
  color:#07111f!important;
  font-weight:950!important;
  letter-spacing:-.08em!important;
}

.tenx-help-title strong{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.15!important;
}

.tenx-help-title span{
  display:block!important;
  color:#ffe6a3!important;
  font-size:13px!important;
  margin-top:3px!important;
  font-weight:800!important;
}

.tenx-help-close{
  margin-left:auto!important;
  width:34px!important;
  height:34px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  cursor:pointer!important;
  font-size:20px!important;
}

.tenx-help-body{
  padding:12px!important;
  max-height:calc(100vh - 200px)!important;
  overflow-y:auto!important;
}

.tenx-agent-card{
  padding:12px!important;
  border:1px solid rgba(214,180,106,.20)!important;
  background:rgba(255,255,255,.04)!important;
  margin-bottom:10px!important;
}

.tenx-agent-card b{
  display:block!important;
  color:#fff!important;
  font-size:15px!important;
  margin-bottom:4px!important;
}

.tenx-agent-card span{
  display:block!important;
  color:#b6c3d4!important;
  font-size:13px!important;
  line-height:1.4!important;
}

.tenx-help-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  margin-bottom:10px!important;
}

.tenx-help-action{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.055)!important;
  color:#f8fafc!important;
  text-decoration:none!important;
  cursor:pointer!important;
  font-weight:950!important;
}

.tenx-help-action.primary{
  background:linear-gradient(135deg,#22c55e,#16a34a)!important;
  color:#052e16!important;
  border-color:rgba(34,197,94,.55)!important;
}

.tenx-lead-form{
  display:none!important;
  gap:8px!important;
  padding:11px!important;
  margin-bottom:10px!important;
  border:1px solid rgba(214,180,106,.24)!important;
  background:rgba(214,180,106,.06)!important;
}

.tenx-lead-form.is-visible{
  display:grid!important;
}

.tenx-lead-form input,
.tenx-lead-form select,
.tenx-lead-form textarea{
  width:100%!important;
  min-height:42px!important;
  padding:10px!important;
  border:1px solid rgba(214,180,106,.22)!important;
  background:#030712!important;
  color:#f8fafc!important;
  font-size:14px!important;
  font-family:inherit!important;
}

.tenx-lead-form textarea{
  min-height:72px!important;
  resize:vertical!important;
}

.tenx-lead-submit{
  min-height:46px!important;
  border:0!important;
  background:linear-gradient(135deg,#ffe6a3,#d6b46a)!important;
  color:#07111f!important;
  font-weight:950!important;
  cursor:pointer!important;
}

.tenx-chat-log{
  display:grid!important;
  gap:8px!important;
  min-height:58px!important;
  max-height:130px!important;
  overflow-y:auto!important;
  padding:9px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.035)!important;
  margin-bottom:9px!important;
}

.tenx-msg{
  max-width:94%!important;
  padding:9px 10px!important;
  font-size:14px!important;
  line-height:1.42!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.tenx-msg.bot{
  justify-self:start!important;
  color:#dbeafe!important;
  background:rgba(103,232,249,.06)!important;
}

.tenx-msg.user{
  justify-self:end!important;
  color:#07111f!important;
  background:linear-gradient(135deg,#ffe6a3,#d6b46a)!important;
  font-weight:800!important;
}

.tenx-chat-input-label{
  color:#ffe6a3!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin:7px 0 6px!important;
}

.tenx-chat-input-row{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:8px!important;
  padding:8px!important;
  border:1px solid rgba(214,180,106,.24)!important;
  background:#0b1628!important;
}

.tenx-chat-input{
  min-height:44px!important;
  padding:0 10px!important;
  border:1px solid rgba(214,180,106,.24)!important;
  background:#030712!important;
  color:#f8fafc!important;
  outline:none!important;
  font-size:14px!important;
}

.tenx-chat-send{
  min-height:44px!important;
  min-width:76px!important;
  border:0!important;
  background:linear-gradient(135deg,#ffe6a3,#d6b46a)!important;
  color:#07111f!important;
  font-weight:950!important;
  cursor:pointer!important;
}

.tenx-help-status{
  color:#ffe6a3!important;
  font-size:13px!important;
  line-height:1.45!important;
}

.tenx-help-small{
  margin-top:8px!important;
  color:#8ea0b8!important;
  font-size:12px!important;
  line-height:1.4!important;
}

@media(max-width:620px){
  .tenx-help-hub{
    right:14px!important;
    bottom:14px!important;
  }

  .tenx-help-label{
    right:72px!important;
    width:126px!important;
  }

  .tenx-help-panel{
    right:-2px!important;
    bottom:76px!important;
    width:calc(100vw - 24px)!important;
  }

  .tenx-help-actions,
  .tenx-chat-input-row{
    grid-template-columns:1fr!important;
  }

  .tenx-chat-send{
    width:100%!important;
  }
}
/* /10X SAFE LIGHT AI AGENT */

/* 10X BETTER CHAT ANSWERS + SCROLL */
.tenx-chat-log{
  max-height:180px!important;
  overflow-y:auto!important;
  scroll-behavior:smooth!important;
}

.tenx-chat-log::-webkit-scrollbar{
  width:6px!important;
}

.tenx-chat-log::-webkit-scrollbar-thumb{
  background:rgba(214,180,106,.45)!important;
}

.tenx-msg.bot strong{
  color:#ffe6a3!important;
}

.tenx-msg.bot{
  word-break:normal!important;
  overflow-wrap:anywhere!important;
}
/* /10X BETTER CHAT ANSWERS + SCROLL */

/* 10X HIDE CHATBOT INTRO CARD */
.tenx-help-hub .tenx-agent-card {
  display: none !important;
}
/* /10X HIDE CHATBOT INTRO CARD */


/* 10X CHATBOT TYPEWRITER EFFECT */
.tenx-msg.bot.tenx-typing::after {
  content: "▌" !important;
  display: inline-block !important;
  margin-left: 3px !important;
  color: #ffe6a3 !important;
  font-weight: 900 !important;
  animation: tenxTypingBlink .85s steps(1) infinite !important;
}

@keyframes tenxTypingBlink {
  0%, 45% { opacity: 1; }
  46%, 100% { opacity: 0; }
}
/* /10X CHATBOT TYPEWRITER EFFECT */

/* 10X AMANDA AI AGENT AVATAR + SLOW TYPE */
.tenx-agent-face {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  position: relative !important;
  border: 1px solid rgba(214,180,106,.42) !important;
  background:
    radial-gradient(circle at 30% 0%, rgba(255,230,163,.22), transparent 42%),
    linear-gradient(145deg,#111f36,#050b14) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.07) inset !important;
}

.tenx-agent-face::before,
.tenx-agent-face::after {
  content: "" !important;
  position: absolute !important;
  top: 15px !important;
  width: 5px !important;
  height: 5px !important;
  background: #67e8f9 !important;
  box-shadow: 0 0 10px rgba(103,232,249,.6) !important;
}

.tenx-agent-face::before {
  left: 13px !important;
}

.tenx-agent-face::after {
  right: 13px !important;
}

.tenx-agent-face span::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 12px !important;
  height: 2px !important;
  background: #ffe6a3 !important;
  opacity: .85 !important;
}

.tenx-help-title strong {
  color: #fff !important;
  font-size: 17px !important;
  letter-spacing: -.02em !important;
}

.tenx-help-title span {
  color: #ffe6a3 !important;
  font-size: 12.5px !important;
}

.tenx-bot-meta {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 7px !important;
}

.tenx-bot-face {
  width: 22px !important;
  height: 22px !important;
  position: relative !important;
  display: inline-block !important;
  border: 1px solid rgba(214,180,106,.36) !important;
  background: linear-gradient(145deg,#111f36,#050b14) !important;
}

.tenx-bot-face::before,
.tenx-bot-face::after {
  content: "" !important;
  position: absolute !important;
  top: 7px !important;
  width: 3px !important;
  height: 3px !important;
  background: #67e8f9 !important;
}

.tenx-bot-face::before {
  left: 6px !important;
}

.tenx-bot-face::after {
  right: 6px !important;
}

.tenx-bot-meta strong {
  color: #ffe6a3 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.tenx-bot-meta em {
  color: #8ea0b8 !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.tenx-bot-text {
  color: #dbeafe !important;
}

.tenx-bot-text.tenx-typing::after {
  content: "▌" !important;
  display: inline-block !important;
  margin-left: 3px !important;
  color: #ffe6a3 !important;
  font-weight: 900 !important;
  animation: tenxTypingBlink .85s steps(1) infinite !important;
}

.tenx-msg.bot.tenx-typing::after {
  content: none !important;
}
/* /10X AMANDA AI AGENT AVATAR + SLOW TYPE */


/* 10X AMANDA BROWN HAIR PHOTO FINAL */
.tenx-agent-face,
.tenx-bot-face {
  background: #111f36 url('/assets/amanda-brown-hair-face.jpg?v=20260701_194218') center center / cover no-repeat !important;
  border: 1px solid rgba(214,180,106,.55) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.08) inset,
    0 0 22px rgba(214,180,106,.22) !important;
  overflow: hidden !important;
}

.tenx-agent-face {
  width: 52px !important;
  height: 52px !important;
  flex: 0 0 52px !important;
}

.tenx-bot-face {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
}

.tenx-agent-face::before,
.tenx-agent-face::after,
.tenx-agent-face span,
.tenx-agent-face span::after,
.tenx-bot-face::before,
.tenx-bot-face::after {
  display: none !important;
  content: none !important;
}
/* /10X AMANDA BROWN HAIR PHOTO FINAL */