/* V194 Abner AI widget + homepage support */

.abner-ai-v192,
.abner-ai-v192 *{
  box-sizing:border-box;
}

.abner-ai-v192{
  position:fixed !important;
  right:24px !important;
  bottom:24px !important;
  z-index:99999 !important;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
}

.abner-ai-button-v192{
  height:68px !important;
  min-width:204px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#071324 !important;
  color:#fff !important;
  box-shadow:0 22px 60px rgba(7,19,36,.30) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:9px 18px 9px 10px !important;
  cursor:pointer !important;
  -webkit-tap-highlight-color:transparent !important;
}

.abner-ai-button-v192:hover{
  transform:translateY(-1px);
}

.abner-ai-label-v192{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  line-height:1.08 !important;
}

.abner-ai-label-v192 strong{
  display:block !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
}

.abner-ai-label-v192 small{
  display:block !important;
  margin-top:2px !important;
  color:#cbd5e1 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.abner-ai-robot-v192,
.abner-ai-head-icon-v192,
.abner-ai-avatar-mini-v192{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  background:linear-gradient(145deg,#eaf2ff,#ffffff) !important;
  border:1px solid #cdddf4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 24px rgba(21,94,239,.18) !important;
}

.abner-ai-robot-v192{
  width:50px !important;
  height:50px !important;
  border-radius:20px !important;
}

.abner-ai-head-icon-v192{
  width:54px !important;
  height:54px !important;
  border-radius:21px !important;
}

.abner-ai-avatar-mini-v192{
  width:36px !important;
  height:36px !important;
  border-radius:15px !important;
}

.abner-ai-robot-head-v192{
  position:relative !important;
  width:30px !important;
  height:22px !important;
  border-radius:11px !important;
  background:linear-gradient(180deg,#0f172a,#1e3a8a) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  box-shadow:0 0 0 3px rgba(21,94,239,.10) !important;
}

.abner-ai-robot-head-v192::before{
  content:"" !important;
  position:absolute !important;
  top:-6px !important;
  left:50% !important;
  width:8px !important;
  height:6px !important;
  border-radius:8px 8px 0 0 !important;
  transform:translateX(-50%) !important;
  background:#94a3b8 !important;
}

.abner-ai-robot-eye-v192{
  width:5px !important;
  height:5px !important;
  border-radius:999px !important;
  background:#67e8f9 !important;
  box-shadow:0 0 8px rgba(103,232,249,.9) !important;
}

.abner-ai-online-v192{
  position:absolute !important;
  right:3px !important;
  bottom:4px !important;
  width:12px !important;
  height:12px !important;
  border-radius:999px !important;
  background:#22c55e !important;
  border:2px solid #fff !important;
}

.abner-ai-panel-v192{
  display:none !important;
  position:absolute !important;
  right:0 !important;
  bottom:82px !important;
  width:560px !important;
  max-width:calc(100vw - 48px) !important;
  max-height:calc(100vh - 132px) !important;
  background:#fff !important;
  border:1px solid #dbe7f5 !important;
  border-radius:30px !important;
  box-shadow:0 28px 90px rgba(7,19,36,.26) !important;
  overflow:hidden !important;
}

.abner-ai-v192.is-open .abner-ai-panel-v192{
  display:flex !important;
  flex-direction:column !important;
}

.abner-ai-head-v192{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  min-height:82px !important;
  padding:16px 18px !important;
  border-bottom:1px solid #e6eef9 !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
}

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

.abner-ai-title-v192 strong{
  display:block !important;
  color:#071324 !important;
  font-size:21px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}

.abner-ai-title-v192 span{
  display:block !important;
  margin-top:4px !important;
  color:#64748b !important;
  font-size:13px !important;
  font-weight:800 !important;
}

#abnerAiCloseV192{
  flex:0 0 auto !important;
  width:42px !important;
  height:42px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#fff !important;
  color:#071324 !important;
  font-size:28px !important;
  line-height:1 !important;
  box-shadow:0 8px 22px rgba(15,23,42,.08) !important;
  cursor:pointer !important;
}

.abner-ai-body-v192{
  min-height:320px !important;
  max-height:430px !important;
  overflow-y:auto !important;
  padding:22px 22px 18px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  background:
    radial-gradient(circle at top left,rgba(21,94,239,.08),transparent 35%),
    linear-gradient(180deg,#ffffff,#f8fbff) !important;
}

.abner-ai-row-v192{
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  width:100% !important;
}

.abner-ai-msg-v192{
  max-width:82% !important;
  border-radius:20px !important;
  padding:13px 15px !important;
  font-size:15px !important;
  line-height:1.48 !important;
  white-space:pre-wrap !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

.abner-ai-msg-v192.ai{
  background:#edf5ff !important;
  color:#071324 !important;
  border-top-left-radius:8px !important;
}

.abner-ai-msg-v192.user{
  margin-left:auto !important;
  background:#071324 !important;
  color:#fff !important;
  border-top-right-radius:8px !important;
}

.abner-ai-msg-v192.typing{
  opacity:.72 !important;
  font-style:italic !important;
}

.abner-ai-fields-v192{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  padding:16px 18px 0 !important;
  background:#fff !important;
}

.abner-ai-fields-v192 input,
.abner-ai-input-wrap-v192 input{
  width:100% !important;
  height:48px !important;
  border:1px solid #dbe7f5 !important;
  border-radius:17px !important;
  background:#fff !important;
  color:#071324 !important;
  padding:0 14px !important;
  font-size:15px !important;
  outline:none !important;
}

.abner-ai-fields-v192 input:focus,
.abner-ai-input-wrap-v192 input:focus{
  border-color:#155eef !important;
  box-shadow:0 0 0 4px rgba(21,94,239,.10) !important;
}

.abner-ai-form-v192{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:12px 18px 12px !important;
  background:#fff !important;
}

.abner-ai-input-wrap-v192{
  flex:1 1 auto !important;
  min-width:0 !important;
}

.abner-ai-form-v192 button{
  flex:0 0 50px !important;
  width:50px !important;
  height:50px !important;
  border:0 !important;
  border-radius:18px !important;
  background:linear-gradient(135deg,#155eef,#7c9cff) !important;
  color:#fff !important;
  font-size:23px !important;
  font-weight:950 !important;
  cursor:pointer !important;
  box-shadow:0 12px 28px rgba(21,94,239,.26) !important;
}

.abner-ai-foot-v192{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  padding:12px 18px 18px !important;
  border-top:1px solid #edf3fb !important;
  background:#fff !important;
  position:relative !important;
  z-index:2 !important;
}

.abner-ai-foot-v192 a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  color:#071324 !important;
  background:#eef5ff !important;
  border:1px solid #cfe0f7 !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

.abner-ai-foot-v192 a:last-child{
  background:#155eef !important;
  border-color:#155eef !important;
  color:#fff !important;
}

/* Package features enrichment */
.abner-package-features-v194{
  margin-top:14px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(148,163,184,.26) !important;
  display:grid !important;
  gap:7px !important;
}

.abner-package-features-v194 strong{
  display:block !important;
  font-size:13px !important;
  font-weight:950 !important;
  color:#071324 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.abner-package-features-v194 ul{
  margin:0 !important;
  padding-left:18px !important;
  display:grid !important;
  gap:5px !important;
}

.abner-package-features-v194 li{
  color:#475569 !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

/* Back to top visibility */
#backToTop,
.back-to-top,
.scroll-top,
.to-top,
[data-back-to-top],
button[aria-label*="top" i],
a[aria-label*="top" i]{
  position:fixed !important;
  right:24px !important;
  bottom:112px !important;
  z-index:100000 !important;
  width:54px !important;
  height:54px !important;
  min-width:54px !important;
  min-height:54px !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#071324 !important;
  border:1px solid #dbe7f5 !important;
  box-shadow:0 18px 45px rgba(7,19,36,.20) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:1 !important;
  visibility:visible !important;
}

.abner-ai-v192.is-open ~ #backToTop,
.abner-ai-v192.is-open ~ .back-to-top{
  right:604px !important;
}

@media(max-width:820px){
  .abner-ai-v192{
    right:14px !important;
    bottom:84px !important;
  }

  .abner-ai-button-v192{
    width:62px !important;
    min-width:62px !important;
    height:62px !important;
    padding:6px !important;
    justify-content:center !important;
  }

  .abner-ai-label-v192{
    display:none !important;
  }

  .abner-ai-panel-v192{
    position:fixed !important;
    right:12px !important;
    left:12px !important;
    bottom:154px !important;
    width:auto !important;
    max-width:none !important;
    max-height:calc(100vh - 190px) !important;
    border-radius:26px !important;
  }

  .abner-ai-body-v192{
    min-height:240px !important;
    max-height:calc(100vh - 440px) !important;
    padding:18px !important;
  }

  .abner-ai-fields-v192{
    grid-template-columns:1fr !important;
    padding:14px 16px 0 !important;
  }

  .abner-ai-form-v192{
    padding:10px 16px 12px !important;
  }

  .abner-ai-msg-v192{
    max-width:86% !important;
    font-size:14px !important;
  }

  .abner-ai-foot-v192{
    padding:10px 14px 14px !important;
    gap:8px !important;
  }

  .abner-ai-foot-v192 a{
    font-size:12px !important;
    padding:0 10px !important;
  }

  #backToTop,
  .back-to-top,
  .scroll-top,
  .to-top,
  [data-back-to-top]{
    right:88px !important;
    bottom:92px !important;
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    min-height:50px !important;
  }
}

/* V195: prevent old aggressive package-feature blocks from breaking homepage */
.abner-package-features-v194:not([data-abner-package-features-v195="1"]){
  display:none !important;
}

.abner-package-features-v194[data-abner-package-features-v195="1"]{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:14px 0 0 !important;
  padding:12px 0 0 !important;
  border-top:1px solid rgba(148,163,184,.26) !important;
  background:transparent !important;
  position:relative !important;
  inset:auto !important;
  transform:none !important;
  opacity:1 !important;
  visibility:visible !important;
}

.abner-package-features-v194[data-abner-package-features-v195="1"] strong{
  display:block !important;
  margin:0 0 7px !important;
  color:#071324 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.abner-package-features-v194[data-abner-package-features-v195="1"] ul{
  margin:0 !important;
  padding-left:18px !important;
  display:grid !important;
  gap:5px !important;
}

.abner-package-features-v194[data-abner-package-features-v195="1"] li{
  color:#475569 !important;
  font-size:14px !important;
  line-height:1.35 !important;
}

/* Never allow package feature blocks to become page overlays */
body > .abner-package-features-v194,
main > .abner-package-features-v194,
section > .abner-package-features-v194:not([data-abner-package-features-v195="1"]){
  display:none !important;
}

/* V196: package dedupe - do not show second AI-injected feature lists */
.abner-package-features-v194,
.abner-package-features-v194[data-abner-package-features-v195="1"],
.abner-package-features-v196{
  display:none !important;
}

/* V197: final package feature cleanup */
.abner-package-features-v194,
.abner-package-features-v196,
[data-abner-package-list-v196]{
  display:none !important;
}

.abner-package-extra-v197{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:10px 0 0 !important;
  padding:0 !important;
  color:#475569 !important;
  font-size:22px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
}

.abner-package-extra-v197::before{
  content:"✓" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  color:#000 !important;
  font-weight:900 !important;
  font-size:20px !important;
  line-height:1 !important;
}

@media(max-width:820px){
  .abner-package-extra-v197{
    font-size:18px !important;
  }
}

/* =========================
   V198: package + chat fixes
   ========================= */

/* A) Chat footer links clearly visible */
#abnerAiV192 .abner-ai-footer-links-v192,
#abnerAiV192 .abner-ai-links-v192,
#abnerAiV192 .abner-ai-bottom-links-v192,
#abnerAiV192 [data-abner-ai-links]{
  position: relative !important;
  z-index: 30 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 16px 16px !important;
  background: #ffffff !important;
  border-top: 1px solid #e5e7eb !important;
}

#abnerAiV192 .abner-ai-footer-links-v192 a,
#abnerAiV192 .abner-ai-links-v192 a,
#abnerAiV192 .abner-ai-bottom-links-v192 a,
#abnerAiV192 [data-abner-ai-links] a,
#abnerAiV192 a[href*="/faq"],
#abnerAiV192 a[href*="/register"],
#abnerAiV192 a[href*="create"]{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 10px !important;
  border-radius: 10px !important;
  color: #1d4ed8 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: none !important;
  white-space: nowrap !important;
}

/* keep links above input area / scroll */
#abnerAiV192 .abner-ai-window-v192,
#abnerAiV192 .abner-ai-panel-v192{
  overflow: hidden !important;
}

#abnerAiV192 .abner-ai-body-v192,
#abnerAiV192 .abner-ai-messages-v192{
  padding-bottom: 12px !important;
}

/* B) Growth extra features must look exactly like normal feature items */
.abner-package-extra-v197,
.abner-package-extra-v198{
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
  font-family: inherit !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  color: #334155 !important;
}

.abner-package-extra-v197::before,
.abner-package-extra-v198::before{
  content: "✓" !important;
  color: #000 !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  flex: 0 0 auto !important;
}

/* if inserted as LI, match package list look */
.abner-package-growth-fixes-v198{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.abner-package-growth-fixes-v198 li{
  list-style: none !important;
}

/* make sure button line stays clean */
.package-card .abner-package-extra-v197,
.package-card .abner-package-extra-v198,
.pricing-card .abner-package-extra-v197,
.pricing-card .abner-package-extra-v198{
  max-width: 100% !important;
}

@media (max-width: 820px){
  #abnerAiV192 .abner-ai-footer-links-v192 a,
  #abnerAiV192 .abner-ai-links-v192 a,
  #abnerAiV192 .abner-ai-bottom-links-v192 a,
  #abnerAiV192 [data-abner-ai-links] a,
  #abnerAiV192 a[href*="/faq"],
  #abnerAiV192 a[href*="/register"],
  #abnerAiV192 a[href*="create"]{
    font-size: 14px !important;
    padding: 6px 8px !important;
  }

  .abner-package-extra-v197,
  .abner-package-extra-v198{
    font-size: 15px !important;
  }

  .abner-package-extra-v197::before,
  .abner-package-extra-v198::before{
    font-size: 15px !important;
  }
}

/* =========================
   V199: visible chat footer + exact package feature style
   ========================= */

#abnerAiV192.abner-ai-v192{
  z-index: 99999 !important;
}

#abnerAiV192 .abner-ai-panel-v192{
  height: min(720px, calc(100vh - 135px)) !important;
  max-height: calc(100vh - 135px) !important;
  display: none !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

#abnerAiV192.is-open .abner-ai-panel-v192{
  display: flex !important;
}

#abnerAiV192 .abner-ai-head-v192{
  flex: 0 0 auto !important;
}

#abnerAiV192 .abner-ai-body-v192{
  flex: 1 1 auto !important;
  min-height: 140px !important;
  max-height: none !important;
  overflow-y: auto !important;
  padding-bottom: 14px !important;
}

#abnerAiV192 .abner-ai-fields-v192,
#abnerAiV192 .abner-ai-form-v192{
  flex: 0 0 auto !important;
}

#abnerAiV192 .abner-ai-form-v192{
  padding-bottom: 10px !important;
}

#abnerAiV192 .abner-ai-foot-v192{
  flex: 0 0 auto !important;
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 50 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  min-height: 58px !important;
  padding: 10px 16px 14px !important;
  margin: 0 !important;
  background: #ffffff !important;
  border-top: 1px solid #e5edf8 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
}

#abnerAiV192 .abner-ai-foot-v192 a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid #cfe0f7 !important;
  background: #eef5ff !important;
  color: #155eef !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  white-space: nowrap !important;
}

#abnerAiV192 .abner-ai-foot-v192 a:last-child{
  background: #155eef !important;
  border-color: #155eef !important;
  color: #ffffff !important;
}

/* Hide/remove older injected duplicate feature rows if any remain */
.abner-package-extra-v197,
.abner-package-extra-v198,
.abner-package-features-v194,
.abner-package-features-v196,
[data-abner-package-list-v196]{
  display: none !important;
}

/* V199 cloned rows inherit exact package row style; only mark for cleanup */
.abner-package-extra-v199{
  display: inherit;
}

@media(max-width: 820px){
  #abnerAiV192 .abner-ai-panel-v192{
    height: min(680px, calc(100vh - 175px)) !important;
    max-height: calc(100vh - 175px) !important;
  }

  #abnerAiV192 .abner-ai-foot-v192{
    min-height: 56px !important;
    gap: 8px !important;
    padding: 9px 12px 12px !important;
  }

  #abnerAiV192 .abner-ai-foot-v192 a{
    font-size: 12px !important;
    padding: 0 10px !important;
  }
}

/* V200: hide all old/broken injected package feature rows */
.abner-package-extra-v197,
.abner-package-extra-v198,
.abner-package-extra-v199,
.abner-package-features-v194,
.abner-package-features-v196,
[data-abner-package-list-v196],
[data-growth-feature-v199]{
  display: none !important;
}

/* V200 new rows should inherit the original package row style */
.abner-package-extra-v200{
  display: list-item;
}

/* V201: make added Growth rows match the existing package feature checkmark style */
.abner-package-extra-v200,
.abner-package-extra-v201,
[data-growth-feature-v200],
[data-growth-feature-v201]{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  list-style: none !important;
}

.abner-package-extra-v200::before,
.abner-package-extra-v201::before,
[data-growth-feature-v200]::before,
[data-growth-feature-v201]::before{
  content: "✓" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  color: #000 !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: 700 !important;
  line-height: inherit !important;
}

/* prevent double checkmark if JS inserts a text check later */
.abner-package-extra-v200 span,
.abner-package-extra-v201 span,
[data-growth-feature-v200] span,
[data-growth-feature-v201] span{
  display: inline !important;
}

/* V203: package cards must be server/admin-rendered only */
.abner-package-extra-v197,
.abner-package-extra-v198,
.abner-package-extra-v199,
.abner-package-extra-v200,
.abner-package-extra-v201,
.abner-package-features-v194,
.abner-package-features-v196,
[data-abner-package-list-v196],
[data-growth-feature-v199],
[data-growth-feature-v200],
[data-growth-feature-v201]{
  display:none !important;
}

/* V203: package cards must be server/admin-rendered only */
.abner-package-extra-v197,
.abner-package-extra-v198,
.abner-package-extra-v199,
.abner-package-extra-v200,
.abner-package-extra-v201,
.abner-package-features-v194,
.abner-package-features-v196,
[data-abner-package-list-v196],
[data-growth-feature-v199],
[data-growth-feature-v200],
[data-growth-feature-v201]{
  display:none !important;
}
