/* EP Chat v4.0 — Intercom-style Light Theme Redesign */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* === RESET === */
#epai-chat-widget,#epai-chat-widget *,#epai-chat-widget *::before,#epai-chat-widget *::after{box-sizing:border-box!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;text-transform:none!important;text-decoration:none!important;text-align:left!important;letter-spacing:normal!important;font-style:normal!important;float:none!important;list-style:none!important;background:none!important;outline:none!important;box-shadow:none!important;min-height:0!important;min-width:0!important;max-width:none!important;max-height:none!important;width:auto!important;height:auto!important;line-height:normal!important;-webkit-appearance:none!important;appearance:none!important;transform:none!important;transition:none!important;animation:none!important;overflow:visible!important;position:static!important;display:block!important;color:inherit!important;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif!important;font-size:14px!important;font-weight:400!important;-webkit-font-smoothing:antialiased!important}
#epai-chat-widget{display:block!important}
#epai-chat-widget button{cursor:pointer!important;display:inline-flex!important}
#epai-chat-widget input{cursor:text!important;display:block!important}
#epai-chat-widget img{display:block!important;max-width:100%!important}
#epai-chat-widget svg{display:block!important}
#epai-chat-widget strong{font-weight:600!important;display:inline!important}
#epai-chat-widget em{font-style:italic!important;display:inline!important}
#epai-chat-widget br{display:inline!important}
#epai-chat-widget p{display:block!important;margin-bottom:6px!important}
#epai-chat-widget p:last-child{margin-bottom:0!important}

/* === KEYFRAMES === */
@keyframes ep-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ep-slide{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
@keyframes ep-scale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@keyframes ep-in{from{opacity:0}to{opacity:1}}
@keyframes ep-dot{0%,80%,100%{transform:scale(.4);opacity:.3}40%{transform:scale(1);opacity:1}}
@keyframes ep-card-in{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes ep-chip-out{to{opacity:0;transform:scale(.8);pointer-events:none}}
@keyframes ep-fade-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes epFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes epFadeIn{from{opacity:0}to{opacity:1}}

/* === FAB === */
#epai-chat-widget .epai-fab{
  position:fixed!important;
  bottom:24px!important;
  z-index:2147483646!important;
  width:56px!important;
  height:56px!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,#0066FF,#004BD6)!important;
  box-shadow:0 4px 16px rgba(0,102,255,.35),0 1px 3px rgba(0,0,0,.1)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transition:transform .4s cubic-bezier(.28,.11,.32,1),box-shadow .3s ease!important;
}
#epai-chat-widget .epai-fab:hover{transform:scale(1.08)!important;box-shadow:0 6px 24px rgba(0,102,255,.45),0 2px 6px rgba(0,0,0,.12)!important}
#epai-chat-widget .epai-fab:active{transform:scale(.92)!important}
#epai-chat-widget .epai-fab svg{width:24px!important;height:24px!important;fill:#fff!important;transition:all .25s ease!important;flex-shrink:0!important}
#epai-chat-widget .epai-fab .ic-open{opacity:1!important;transform:scale(1) rotate(0)!important;position:static!important}
#epai-chat-widget .epai-fab .ic-close{opacity:0!important;transform:scale(.5) rotate(-90deg)!important;position:absolute!important}
#epai-chat-widget .epai-fab.is-open .ic-open{opacity:0!important;transform:scale(.5) rotate(90deg)!important}
#epai-chat-widget .epai-fab.is-open .ic-close{opacity:1!important;transform:scale(1) rotate(0)!important}
#epai-chat-widget.epai-right .epai-fab{right:24px!important}
#epai-chat-widget.epai-left .epai-fab{left:24px!important}
#epai-chat-widget .epai-fab.is-open{display:none!important}

/* === WINDOW === */
#epai-chat-widget .epai-win{
  position:fixed!important;
  bottom:92px!important;
  z-index:2147483647!important;
  width:400px!important;
  max-width:calc(100vw - 32px)!important;
  min-height:580px!important;
  max-height:calc(100vh - 116px)!important;
  height:auto!important;
  border-radius:16px!important;
  background:#ffffff!important;
  box-shadow:0 5px 40px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,0,.06)!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateY(16px) scale(.97)!important;
  pointer-events:none!important;
  transition:opacity .25s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)!important;
  overscroll-behavior:contain!important;
}
#epai-chat-widget .epai-win.is-open{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:all!important}
#epai-chat-widget .epai-win.is-conv{height:min(600px, calc(100vh - 116px))!important;min-height:unset!important}
#epai-chat-widget.epai-right .epai-win{right:24px!important}
#epai-chat-widget.epai-left .epai-win{left:24px!important}

/* === HOME SCREEN === */
#epai-chat-widget .epai-home{
  flex:1!important;display:flex!important;flex-direction:column!important;
  overflow:hidden!important;background:#ffffff!important;
}
#epai-chat-widget .epai-home::-webkit-scrollbar{display:none!important}

/* === HERO === */
#epai-chat-widget .epai-hero{
  background:linear-gradient(135deg,#0066FF 0%,#004BD6 50%,#0038A8 100%)!important;
  padding:0!important;
  position:relative!important;
  overflow:hidden!important;
  flex-shrink:0!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:170px!important;
}
#epai-chat-widget .epai-hero::before{
  content:''!important;position:absolute!important;inset:0!important;
  background:radial-gradient(ellipse 100% 80% at 80% 0%,rgba(255,255,255,.12) 0%,transparent 60%)!important;
  pointer-events:none!important;display:block!important;z-index:0!important;
}

/* Top bar */
#epai-chat-widget .epai-hero-topbar{
  display:flex!important;align-items:center!important;
  padding:16px 16px 0!important;
  position:relative!important;z-index:2!important;gap:8px!important;
}
#epai-chat-widget .epai-hero-logo{
  width:36px!important;height:36px!important;border-radius:8px!important;
  background:rgba(255,255,255,.2)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;overflow:hidden!important;
}
#epai-chat-widget .epai-hero-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important;padding:3px!important}
#epai-chat-widget .epai-hero-logo span{font-size:12px!important;font-weight:800!important;color:#fff!important;display:inline!important}

/* Stacked circular avatars */
#epai-chat-widget .epai-nav-avatars{
  flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;
}
#epai-chat-widget .epai-nav-avatars img{
  width:36px!important;height:36px!important;border-radius:50%!important;
  object-fit:cover!important;object-position:center center!important;
  border:2.5px solid rgba(255,255,255,.9)!important;
  flex-shrink:0!important;display:block!important;
  box-shadow:0 2px 8px rgba(0,0,0,.18)!important;
  background:#e5e7eb!important;
  overflow:hidden!important;
  clip-path:circle(50%)!important;
}
#epai-chat-widget .epai-nav-avatars img+img{margin-left:-8px!important}

/* Close button */
#epai-chat-widget .epai-hero-close{
  width:28px!important;height:28px!important;border-radius:50%!important;
  background:rgba(255,255,255,.2)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;transition:background .2s ease!important;
}
#epai-chat-widget .epai-hero-close:hover{background:rgba(255,255,255,.35)!important}
#epai-chat-widget .epai-hero-close svg{width:12px!important;height:12px!important;stroke:rgba(255,255,255,.9)!important;fill:none!important;stroke-width:2.5!important;stroke-linecap:round!important}

/* Greeting text */
#epai-chat-widget .epai-hero-greeting{
  flex:1!important;display:flex!important;flex-direction:column!important;
  justify-content:flex-end!important;
  padding:0 20px 20px!important;
  position:relative!important;z-index:2!important;
}
#epai-chat-widget .epai-hero-hi{
  font-size:24px!important;font-weight:400!important;
  color:rgba(255,255,255,.75)!important;
  line-height:1.25!important;display:block!important;letter-spacing:-.01em!important;
}
#epai-chat-widget .epai-hero-title{
  font-size:24px!important;font-weight:700!important;
  color:#fff!important;
  line-height:1.25!important;display:block!important;letter-spacing:-.02em!important;
}

/* Hero avatar stack (old structure) */
#epai-chat-widget .epai-hero-avatars{display:flex!important;align-items:center!important;margin-top:16px!important;margin-bottom:6px!important;position:relative!important;z-index:2!important}
#epai-chat-widget .epai-hero-avatars img{
  width:36px!important;height:36px!important;border-radius:50%!important;
  object-fit:cover!important;object-position:center top!important;overflow:hidden!important;
  border:2.5px solid rgba(255,255,255,.85)!important;
  box-shadow:0 2px 8px rgba(0,0,0,.15)!important;
  position:relative!important;flex-shrink:0!important;
  background:#e5e7eb!important;display:block!important;
  transition:transform .2s ease!important;
}
#epai-chat-widget .epai-hero-avatars img:hover{transform:translateY(-3px) scale(1.08)!important;z-index:10!important}
#epai-chat-widget .epai-hero-avatars img+img{margin-left:-13px!important}
#epai-chat-widget .epai-hero-avatars img:nth-child(1){z-index:3!important}
#epai-chat-widget .epai-hero-avatars img:nth-child(2){z-index:2!important}
#epai-chat-widget .epai-hero-avatars img:nth-child(3){z-index:1!important}

/* Hero trust */
#epai-chat-widget .epai-hero-trust{display:flex!important;align-items:center!important;gap:6px!important;margin-top:8px!important;position:relative!important;z-index:2!important}
#epai-chat-widget .epai-hero-trust span{font-size:11px!important;color:rgba(255,255,255,.8)!important;display:inline!important}
#epai-chat-widget .epai-trust-dot{display:inline-block!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#34C759!important;margin-right:5px!important;box-shadow:0 0 0 2px rgba(52,199,89,.3)!important;vertical-align:middle!important;flex-shrink:0!important}

/* === TAB PANELS === */
#epai-chat-widget .epai-tab-panel{
  display:none!important;flex:1!important;flex-direction:column!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  background:#ffffff!important;
}
#epai-chat-widget .epai-tab-panel::-webkit-scrollbar{display:none!important}
#epai-chat-widget .epai-tab-panel.is-active-tab{display:flex!important}
#epai-chat-widget .epai-tab-panel#epai-tab-home{background:#ffffff!important}

/* Cards wrapper */
#epai-chat-widget .epai-cards-wrap{
  background:#ffffff!important;
  border-radius:16px 16px 0 0!important;
  margin-top:-16px!important;
  padding:12px 12px 8px!important;
  display:flex!important;flex-direction:column!important;gap:8px!important;
  flex:1!important;position:relative!important;z-index:3!important;
}

/* === INTERCOM CARDS === */
#epai-chat-widget .epai-ic-card{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:12px!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;
  display:block!important;width:100%!important;
  overflow:hidden!important;
  transition:box-shadow .2s ease,transform .2s ease!important;
  animation:ep-up .3s ease both!important;
}
#epai-chat-widget .epai-ic-card:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.08)!important;
  transform:translateY(-1px)!important;
}

/* Primary: Ask a question */
#epai-chat-widget .epai-ic-card--primary{
  display:flex!important;align-items:center!important;
  padding:14px!important;gap:10px!important;cursor:pointer!important;
  animation-delay:.05s!important;
}
#epai-chat-widget .epai-ic-card-body{flex:1!important;min-width:0!important;display:block!important;text-align:left!important}
#epai-chat-widget .epai-ic-card-title{
  font-size:14px!important;font-weight:600!important;color:#1D1D1F!important;
  display:block!important;line-height:1.3!important;
}
#epai-chat-widget .epai-ic-card-sub{
  font-size:12px!important;color:#8E8E93!important;display:block!important;
  margin-top:2px!important;line-height:1.3!important;
}
#epai-chat-widget .epai-ic-card-right{
  display:flex!important;align-items:center!important;gap:6px!important;flex-shrink:0!important;
}
#epai-chat-widget .epai-fin-icon{width:28px!important;height:28px!important;display:block!important;flex-shrink:0!important}
#epai-chat-widget .epai-ic-chev{
  width:16px!important;height:16px!important;display:block!important;
  color:#C7C7CC!important;flex-shrink:0!important;
}
#epai-chat-widget .epai-ic-chev polyline{stroke:currentColor!important}

/* Recent message card */
#epai-chat-widget .epai-ic-card--recent{
  padding:12px 14px!important;cursor:pointer!important;
  animation-delay:.1s!important;
}
#epai-chat-widget .epai-ic-recent-hd{
  font-size:10px!important;font-weight:700!important;color:#8E8E93!important;
  text-transform:uppercase!important;letter-spacing:.06em!important;
  display:block!important;margin-bottom:10px!important;
}
#epai-chat-widget .epai-ic-recent-row{display:flex!important;gap:10px!important;align-items:flex-start!important}
#epai-chat-widget .epai-ic-bot-ava{
  width:34px!important;height:34px!important;border-radius:50%!important;
  background:linear-gradient(135deg,#6366f1,#4f46e5)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;overflow:hidden!important;
}
#epai-chat-widget .epai-ic-bot-ava img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;overflow:hidden!important;clip-path:circle(50%)!important}
#epai-chat-widget .epai-ic-bot-dot{width:16px!important;height:16px!important;background:#fff!important;border-radius:50%!important;display:block!important}
#epai-chat-widget .epai-ic-recent-body{flex:1!important;min-width:0!important;display:block!important}
#epai-chat-widget .epai-ic-recent-top{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:3px!important}
#epai-chat-widget .epai-ic-recent-name{font-size:13px!important;font-weight:600!important;color:#1D1D1F!important;display:inline!important}
#epai-chat-widget .epai-ic-recent-time{font-size:11px!important;color:#8E8E93!important;display:inline!important}
#epai-chat-widget .epai-ic-recent-preview{
  font-size:12px!important;color:#65676B!important;display:block!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  line-height:1.4!important;
}

/* Popular card */
#epai-chat-widget .epai-ic-card--popular{
  display:block!important;padding:0!important;overflow:hidden!important;
  animation-delay:.15s!important;
}
#epai-chat-widget .epai-ic-popular-hd{
  font-size:10px!important;font-weight:700!important;color:#8E8E93!important;
  text-transform:uppercase!important;letter-spacing:.06em!important;
  padding:10px 14px 4px!important;display:block!important;
}
#epai-chat-widget .epai-ic-pop-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  padding:11px 14px!important;width:100%!important;cursor:pointer!important;
  border-top:1px solid #f0f0f0!important;
  transition:background .15s ease!important;
}
#epai-chat-widget .epai-ic-pop-row:first-of-type{border-top:none!important}
#epai-chat-widget .epai-ic-pop-row:hover{background:#f7f8fa!important}
#epai-chat-widget .epai-ic-pop-row span{font-size:13px!important;font-weight:500!important;color:#1D1D1F!important;display:inline!important}
#epai-chat-widget .epai-ic-pop-row svg{width:14px!important;height:14px!important;flex-shrink:0!important;color:#C7C7CC!important}
#epai-chat-widget .epai-ic-pop-row svg polyline{stroke:currentColor!important}

/* === Continue where you left off (Phase 5C — returning visitor) === */
#epai-chat-widget .epai-ic-card--last-topic{
  display:block!important;
  padding:14px 16px 16px!important;
  background:linear-gradient(135deg, #f7f9ff 0%, #f0f4ff 100%)!important;
  border:1px solid #d7e0f5!important;
  border-radius:14px!important;
  animation-delay:.2s!important;
  position:relative!important;
  overflow:hidden!important;
}
#epai-chat-widget .epai-ic-card--last-topic::before{
  content:""!important;
  position:absolute!important;
  top:0!important;left:0!important;right:0!important;
  height:3px!important;
  background:linear-gradient(90deg, #0066FF, #4d94ff)!important;
  border-radius:14px 14px 0 0!important;
}
#epai-chat-widget .epai-ic-lasttopic-hd{
  font-size:10px!important;
  font-weight:700!important;
  color:#0066FF!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  margin:0 0 10px!important;
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
#epai-chat-widget .epai-ic-lasttopic-hd::before{
  content:"⟳"!important;
  font-size:12px!important;
  font-weight:400!important;
  display:inline-block!important;
  transform:rotate(-45deg)!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  padding:10px 12px!important;
  background:#ffffff!important;
  border:1px solid #d7e0f5!important;
  border-radius:10px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  text-align:left!important;
  color:#1D1D1F!important;
  transition:all .2s cubic-bezier(.34,1.56,.64,1)!important;
  box-shadow:0 1px 2px rgba(0,102,255,.04)!important;
  position:relative!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip:hover{
  background:#0066FF!important;
  border-color:#0066FF!important;
  color:#ffffff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 6px 14px rgba(0,102,255,.22)!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip:active{
  transform:translateY(0)!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip svg{
  width:16px!important;
  height:16px!important;
  flex-shrink:0!important;
  margin-right:10px!important;
  color:#0066FF!important;
  transition:color .2s ease!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip:hover svg{
  color:#ffffff!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip span{
  flex:1!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.4!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip::after{
  content:"→"!important;
  font-size:14px!important;
  font-weight:600!important;
  margin-left:8px!important;
  flex-shrink:0!important;
  color:#0066FF!important;
  opacity:.5!important;
  transition:all .2s ease!important;
}
#epai-chat-widget .epai-ic-lasttopic-chip:hover::after{
  color:#ffffff!important;
  opacity:1!important;
  transform:translateX(2px)!important;
}

/* === BOTTOM NAV === */
#epai-chat-widget .epai-bottom-nav{
  display:flex!important;align-items:center!important;
  border-top:1px solid #e5e7eb!important;
  background:#ffffff!important;flex-shrink:0!important;
  padding:6px 0 8px!important;
  z-index:10!important;position:relative!important;
}
#epai-chat-widget .epai-nav-btn{
  flex:1!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  gap:3px!important;padding:4px 0!important;
  color:#8E8E93!important;transition:color .2s ease!important;cursor:pointer!important;
  background:transparent!important;
}
#epai-chat-widget .epai-nav-btn svg{
  width:22px!important;height:22px!important;display:block!important;flex-shrink:0!important;
  stroke:currentColor!important;fill:none!important;stroke-width:1.8!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;
}
#epai-chat-widget .epai-nav-btn span{
  font-size:10px!important;font-weight:500!important;display:block!important;
  color:inherit!important;line-height:1!important;
}
#epai-chat-widget .epai-nav-btn.is-active{color:#0066FF!important}
#epai-chat-widget .epai-nav-btn.is-active span{font-weight:700!important}

/* Tab empty states */
#epai-chat-widget .epai-tab-inner{padding:16px!important;display:flex!important;flex-direction:column!important;gap:8px!important}
#epai-chat-widget .epai-tab-empty{
  display:flex!important;flex-direction:column!important;align-items:center!important;
  padding:32px 16px!important;gap:8px!important;text-align:center!important;
}
#epai-chat-widget .epai-tab-empty-icon{font-size:32px!important;display:block!important}
#epai-chat-widget .epai-tab-empty-text{font-size:13px!important;color:#65676B!important;display:block!important;line-height:1.5!important}
#epai-chat-widget .epai-tab-new-chat{
  margin-top:8px!important;padding:10px 20px!important;
  background:linear-gradient(135deg,#0066FF,#004BD6)!important;
  color:#fff!important;border-radius:980px!important;
  font-size:13px!important;font-weight:600!important;
  display:inline-flex!important;align-items:center!important;
  cursor:pointer!important;transition:opacity .2s ease!important;
}
#epai-chat-widget .epai-tab-new-chat:hover{opacity:.88!important}

/* === CONVERSATION VIEW === */
#epai-chat-widget .epai-conv{display:none!important;flex-direction:column!important;flex:1!important;overflow:hidden!important;min-height:0!important}
#epai-chat-widget .epai-conv.is-active{display:flex!important;height:100%!important;flex:1!important}
#epai-chat-widget .epai-home.is-hidden{display:none!important}

/* Conversation header */
#epai-chat-widget .epai-conv-hdr{
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  border-bottom:1px solid #e5e7eb!important;
  background:#ffffff!important;
  flex-shrink:0!important;
  min-height:56px!important;
}
#epai-chat-widget .epai-conv-back{
  width:30px!important;height:30px!important;border-radius:8px!important;
  background:#f7f8fa!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;transition:background .15s ease!important;
}
#epai-chat-widget .epai-conv-back:hover{background:#e5e7eb!important}
#epai-chat-widget .epai-conv-back svg{width:14px!important;height:14px!important;stroke:#0066FF!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important}

/* Conv header close */
#epai-chat-widget .epai-conv-hdr .epai-conv-close{width:28px!important;height:28px!important;border-radius:6px!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;transition:background .15s ease!important;margin-left:auto!important;border:none!important;cursor:pointer!important;padding:0!important;}
#epai-chat-widget .epai-conv-close:hover{background:#f0f0f0!important}
#epai-chat-widget .epai-conv-close svg{width:14px!important;height:14px!important;stroke:#8E8E93!important;fill:none!important;stroke-width:2.2!important;stroke-linecap:round!important}

/* Conv header avatar */
#epai-chat-widget .epai-conv-hdr-avatar{position:relative!important;flex-shrink:0!important;display:block!important}
#epai-chat-widget .epai-conv-hdr-avatar img{
  width:38px!important;height:38px!important;border-radius:50%!important;
  object-fit:cover!important;object-position:center center!important;overflow:hidden!important;
  background:#e5e7eb!important;display:block!important;
  box-shadow:0 0 0 2px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.06)!important;
  clip-path:circle(50%)!important;
}
#epai-chat-widget .epai-conv-hdr-avatar .online-dot{
  position:absolute!important;bottom:1px!important;right:1px!important;
  width:11px!important;height:11px!important;border-radius:50%!important;
  overflow:hidden!important;border:2px solid #fff!important;
  background:#34C759!important;
  box-shadow:0 0 0 1px rgba(52,199,89,.3)!important;display:block!important;
}
#epai-chat-widget .epai-conv-hdr-info{flex:1!important;display:block!important;min-width:0!important}
#epai-chat-widget .epai-conv-hdr-name{
  font-size:14px!important;font-weight:600!important;color:#1D1D1F!important;
  line-height:1.3!important;display:block!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#epai-chat-widget .epai-conv-hdr-status{font-size:11px!important;color:#8E8E93!important;display:block!important}

/* === MESSAGES === */
#epai-chat-widget .epai-msgs{
  flex:1!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:20px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  background:#f7f8fa!important;
  overscroll-behavior:contain!important;
  scroll-behavior:smooth!important;
  position:relative!important;
}
/* Remove dashed timeline for clean Intercom look */
#epai-chat-widget .epai-msgs::before{display:none!important}
#epai-chat-widget .epai-msgs>*{flex-shrink:0!important}
#epai-chat-widget .epai-msgs::-webkit-scrollbar{display:none!important}

/* Message bubbles */
#epai-chat-widget .ep-msg{
  max-width:100%!important;
  padding:0!important;
  font-size:13px!important;
  line-height:1.55!important;
  letter-spacing:-.01em!important;
  word-wrap:break-word!important;
  overflow-wrap:break-word!important;
  display:block!important;
  color:#1D1D1F!important;
}

/* User bubble — blue */
#epai-chat-widget .ep-msg--u{
  align-self:flex-end!important;
  background:#0066FF!important;
  color:#fff!important;
  border-radius:18px 18px 4px 18px!important;
  padding:10px 16px!important;
  font-size:13px!important;
  box-shadow:0 1px 2px rgba(0,0,0,.06)!important;
  animation:ep-up .3s cubic-bezier(.34,1.56,.64,1) both!important;
  max-width:75%!important;
  margin-right:0!important;
}
#epai-chat-widget .ep-msg--u a{color:#fff!important;text-decoration:underline!important;display:inline!important}

/* Bot — light bubble */
#epai-chat-widget .ep-msg--b{
  background:#ffffff!important;
  color:#1D1D1F!important;
  border-radius:18px 18px 18px 4px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
  padding:10px 16px!important;
  font-size:13px!important;
  line-height:1.55!important;
  animation:ep-slide .38s cubic-bezier(.34,1.56,.64,1) both!important;
}

/* Link pills inside messages */
#epai-chat-widget .ep-msg .ep-link-pill,
#epai-chat-widget .epai-msgs .ep-link-pill{
  display:inline-flex!important;align-items:center!important;vertical-align:middle!important;
  gap:4px!important;padding:4px 11px!important;margin:3px 1px!important;
  background:rgba(0,102,255,.08)!important;color:#0066FF!important;
  border-radius:980px!important;font-size:12px!important;font-weight:500!important;
  text-decoration:none!important;white-space:nowrap!important;
  transition:background .2s ease!important;cursor:pointer!important;line-height:1.3!important;
}
#epai-chat-widget .ep-msg .ep-link-pill:hover{background:rgba(0,102,255,.15)!important}
#epai-chat-widget .ep-msg .ep-link-pill svg{
  width:11px!important;height:11px!important;flex-shrink:0!important;
  display:inline-block!important;fill:none!important;stroke:#0066FF!important;
  stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  vertical-align:middle!important;
}

/* Bot row — clean without timeline */
#epai-chat-widget .ep-row{
  display:flex!important;align-items:flex-end!important;gap:10px!important;
  align-self:flex-start!important;width:100%!important;
  animation:ep-slide .38s cubic-bezier(.34,1.56,.64,1) both!important;
  position:relative!important;z-index:1!important;margin-left:0!important;
}
#epai-chat-widget .ep-row-col{display:flex!important;flex-direction:column!important;min-width:0!important;max-width:75%!important}
#epai-chat-widget .ep-row-name{display:none!important}

/* Bot avatar */
#epai-chat-widget .ep-ava{
  width:28px!important;height:28px!important;border-radius:50%!important;
  background:linear-gradient(135deg,#0066FF,#004BD6)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex-shrink:0!important;overflow:hidden!important;
  position:relative!important;z-index:2!important;
  box-shadow:0 1px 4px rgba(0,0,0,.08)!important;margin-top:1px!important;
}
#epai-chat-widget .ep-ava img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;overflow:hidden!important;clip-path:circle(50%)!important}
#epai-chat-widget .ep-ava svg{width:12px!important;height:12px!important;fill:#fff!important;flex-shrink:0!important}

/* Timestamp */
#epai-chat-widget .ep-time{
  display:flex!important;align-items:center!important;justify-content:center!important;
  margin:6px 0!important;animation:ep-in .4s ease both!important;
  position:relative!important;z-index:1!important;
}
#epai-chat-widget .ep-time span{
  font-size:11px!important;font-weight:500!important;color:#8E8E93!important;
  padding:3px 12px!important;border:none!important;border-radius:999px!important;
  background:#f0f0f0!important;display:inline-block!important;line-height:1.6!important;
  letter-spacing:.3px!important;
}

/* === QUICK REPLY CHIPS === */
#epai-chat-widget .ep-chips{
  display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:4px 0!important;
}
#epai-chat-widget .ep-chip{
  padding:6px 12px!important;border-radius:980px!important;
  border:1px solid #e5e7eb!important;background:#ffffff!important;
  font-size:12px!important;font-weight:500!important;color:#1D1D1F!important;
  display:inline-flex!important;align-items:center!important;white-space:nowrap!important;
  transition:all .2s ease!important;min-height:30px!important;
  opacity:0!important;animation:ep-scale .3s ease forwards!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
#epai-chat-widget .ep-chip:nth-child(1){animation-delay:.08s!important}
#epai-chat-widget .ep-chip:nth-child(2){animation-delay:.16s!important}
#epai-chat-widget .ep-chip:nth-child(3){animation-delay:.24s!important}
#epai-chat-widget .ep-chip:nth-child(4){animation-delay:.32s!important}
#epai-chat-widget .ep-chip:hover{background:#f0f0f0!important;border-color:#d1d5db!important;transform:translateY(-1px)!important}
#epai-chat-widget .ep-chip:active{transform:scale(.96)!important}
#epai-chat-widget .ep-chips.is-used .ep-chip{animation:ep-chip-out .25s ease forwards!important}

/* === TYPING INDICATOR === */
#epai-chat-widget .ep-typing{display:flex!important;align-items:flex-end!important;gap:7px!important;align-self:flex-start!important;animation:ep-in .2s ease!important}
#epai-chat-widget .ep-typing-dots{
  padding:12px 16px!important;
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:18px 18px 18px 4px!important;
  display:flex!important;gap:5px!important;align-items:center!important;
}
#epai-chat-widget .ep-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#8E8E93!important;animation:ep-dot 1.4s infinite ease-in-out!important;display:block!important}
#epai-chat-widget .ep-dot:nth-child(2){animation-delay:.2s!important}
#epai-chat-widget .ep-dot:nth-child(3){animation-delay:.4s!important}

/* === PRODUCT CAROUSEL === */
#epai-chat-widget .ep-products-wrap{
  position:relative!important;display:block!important;margin:4px 0 6px!important;
}
#epai-chat-widget .ep-products-wrap::after{
  content:''!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;
  width:40px!important;background:linear-gradient(to right,transparent,#f7f8fa)!important;
  pointer-events:none!important;z-index:2!important;display:block!important;border-radius:0!important;
}
#epai-chat-widget .ep-products{
  display:flex!important;gap:10px!important;overflow-x:auto!important;
  padding:6px 2px 12px!important;scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;position:relative!important;
}
#epai-chat-widget .ep-products::-webkit-scrollbar{display:none!important}

#epai-chat-widget .ep-prod-arr{
  position:absolute!important;top:50%!important;transform:translateY(-50%)!important;
  width:28px!important;height:28px!important;border-radius:50%!important;
  background:#ffffff!important;border:1px solid #e5e7eb!important;color:#1D1D1F!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:14px!important;font-weight:700!important;line-height:1!important;
  cursor:pointer!important;z-index:10!important;box-shadow:0 2px 6px rgba(0,0,0,.15)!important;
  transition:all .2s ease!important;padding:0!important;
}
#epai-chat-widget .ep-prod-arr:hover{background:#f7f8fa!important}
#epai-chat-widget .ep-prod-arr:active{transform:translateY(-50%) scale(.92)!important}
#epai-chat-widget .ep-prod-arr-l{left:4px!important}
#epai-chat-widget .ep-prod-arr-r{right:4px!important}

/* Product card — Phase 6D: wider, image-on-top vertical layout */
#epai-chat-widget .ep-prod{
  min-width:180px!important;max-width:180px!important;
  background:#ffffff!important;border-radius:16px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 2px 10px rgba(0,0,0,.06)!important;
  overflow:hidden!important;flex-shrink:0!important;display:block!important;
  scroll-snap-align:start!important;cursor:pointer!important;
  transition:box-shadow .25s ease,transform .25s cubic-bezier(.28,.11,.32,1)!important;
  animation:ep-card-in .35s cubic-bezier(.28,.11,.32,1) both!important;
}
#epai-chat-widget .ep-prod:hover{
  box-shadow:0 12px 32px rgba(0,0,0,.12)!important;transform:translateY(-4px)!important;
}
#epai-chat-widget .ep-prod:active{transform:scale(.98)!important}
#epai-chat-widget .ep-prod-accent{height:4px!important;width:100%!important;display:block!important;border-radius:0!important}
#epai-chat-widget .ep-prod-img-wrap{
  width:100%!important;height:140px!important;overflow:hidden!important;display:block!important;
  background:#f7f8fa!important;position:relative!important;border-radius:0!important;
}
#epai-chat-widget .ep-prod-img{
  width:100%!important;height:140px!important;object-fit:contain!important;
  object-position:center!important;display:block!important;padding:8px!important;
  background:#ffffff!important;transition:transform .35s ease!important;
}
#epai-chat-widget .ep-prod:hover .ep-prod-img{transform:scale(1.06)!important}
#epai-chat-widget .ep-prod-badge{
  position:absolute!important;top:8px!important;right:8px!important;padding:3px 8px!important;
  border-radius:16px!important;font-size:9px!important;font-weight:700!important;
  letter-spacing:.3px!important;line-height:1.5!important;display:inline-block!important;
}
#epai-chat-widget .ep-prod-badge--in{background:rgba(52,199,89,.95)!important;color:#fff!important;border:1px solid rgba(52,199,89,1)!important}
#epai-chat-widget .ep-prod-badge--out{background:rgba(255,59,48,.95)!important;color:#fff!important;border:1px solid rgba(255,59,48,1)!important}
#epai-chat-widget .ep-prod-bd{padding:11px 11px 11px!important;display:block!important}
#epai-chat-widget .ep-prod-name{
  font-size:13px!important;font-weight:800!important;color:#1D1D1F!important;
  line-height:1.3!important;margin-bottom:6px!important;white-space:nowrap!important;
  overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;
  letter-spacing:-.2px!important;
}
#epai-chat-widget .ep-prod-price-row{display:flex!important;align-items:baseline!important;gap:4px!important;margin-bottom:10px!important}
#epai-chat-widget .ep-prod-curr{font-size:10.5px!important;font-weight:700!important;line-height:1!important}
#epai-chat-widget .ep-prod-amount{font-size:18px!important;font-weight:900!important;color:#1D1D1F!important;line-height:1!important;letter-spacing:-.4px!important}
#epai-chat-widget .ep-prod-atc{
  display:block!important;width:100%!important;padding:9px 0!important;
  border-radius:55px!important;background:#0066FF!important;color:#fff!important;
  font-size:12px!important;font-weight:800!important;cursor:pointer!important;
  border:none!important;text-align:center!important;
  transition:background .2s ease,transform .15s ease!important;
  margin-bottom:8px!important;letter-spacing:.2px!important;
}
#epai-chat-widget .ep-prod-atc:hover{background:#0052cc!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,102,255,.3)!important}
#epai-chat-widget .ep-prod-atc:active{transform:scale(.97)!important}
#epai-chat-widget .ep-prod-atc.added{background:#34C759!important;color:#fff!important;pointer-events:none!important}
#epai-chat-widget .ep-prod-view{
  display:block!important;text-align:center!important;font-size:10.5px!important;
  font-weight:600!important;color:#8E8E93!important;text-decoration:none!important;
  transition:color .15s ease!important;cursor:pointer!important;line-height:1.4!important;
}
/* Phase 6C — trust badge row */
#epai-chat-widget .ep-prod-trust{
  display:flex!important;flex-wrap:wrap!important;gap:3px!important;
  margin:0 0 6px!important;padding:0!important;
}
#epai-chat-widget .ep-prod-trust-pill{
  display:inline-flex!important;align-items:center!important;gap:2px!important;
  font-size:8.5px!important;font-weight:700!important;letter-spacing:.2px!important;
  padding:2px 5px!important;border-radius:8px!important;line-height:1.4!important;
  background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important;
  white-space:nowrap!important;
}
/* Phase 6F — sticky heading above card carousel */
#epai-chat-widget .ep-cards-section{
  display:block!important;margin:8px 0 12px!important;width:100%!important;
  max-width:100%!important;align-self:stretch!important;
}
#epai-chat-widget .ep-cards-heading{
  font-size:14px!important;font-weight:800!important;color:#0f172a!important;
  padding:10px 12px 8px!important;margin:0!important;letter-spacing:-.2px!important;
  background:#ffffff!important;border-radius:12px 12px 0 0!important;
  position:sticky!important;top:0!important;z-index:5!important;
  border-bottom:1px solid #e2e8f0!important;
  display:block!important;line-height:1.3!important;
}
/* Phase 6D — universal card carousel (fact + section + product reuse) */
#epai-chat-widget .ep-cards{
  display:flex!important;gap:12px!important;overflow-x:auto!important;
  padding:8px 4px 14px!important;scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;position:relative!important;
}
#epai-chat-widget .ep-cards::-webkit-scrollbar{display:none!important}

#epai-chat-widget .ep-card{
  min-width:180px!important;max-width:180px!important;
  background:#ffffff!important;border-radius:16px!important;
  border:1px solid #e5e7eb!important;
  box-shadow:0 2px 10px rgba(0,0,0,.06)!important;
  overflow:hidden!important;flex-shrink:0!important;display:block!important;
  scroll-snap-align:start!important;
  animation:ep-card-in .35s cubic-bezier(.28,.11,.32,1) both!important;
  transition:box-shadow .25s ease,transform .25s ease!important;
}
#epai-chat-widget .ep-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.12)!important;transform:translateY(-3px)!important}

/* Card visual top — emoji "image" style */
#epai-chat-widget .ep-card-top{
  width:100%!important;height:110px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:52px!important;line-height:1!important;
  background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;
  border-radius:0!important;position:relative!important;overflow:hidden!important;
}
#epai-chat-widget .ep-card-top--shipping{background:linear-gradient(135deg,#fef3c7,#fde68a)!important}
#epai-chat-widget .ep-card-top--reconstitution{background:linear-gradient(135deg,#dcfce7,#bbf7d0)!important}
#epai-chat-widget .ep-card-top--return{background:linear-gradient(135deg,#fce7f3,#fbcfe8)!important}
#epai-chat-widget .ep-card-top--payment{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)!important}
#epai-chat-widget .ep-card-top--research{background:linear-gradient(135deg,#fef3c7,#fed7aa)!important}
#epai-chat-widget .ep-card-top--general{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important}
#epai-chat-widget .ep-card-top--primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important}
#epai-chat-widget .ep-card-top--supporting{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)!important}

/* Phase 6E — thin colored accent bar for icon-less cards */
#epai-chat-widget .ep-card-stripe{
  height:5px!important;width:100%!important;display:block!important;
  background:linear-gradient(90deg,#0066FF,#0052cc)!important;
  border-radius:0!important;
}
#epai-chat-widget .ep-card-stripe.ep-card-top--shipping{background:linear-gradient(90deg,#f59e0b,#d97706)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--reconstitution{background:linear-gradient(90deg,#22c55e,#16a34a)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--return{background:linear-gradient(90deg,#ec4899,#db2777)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--payment{background:linear-gradient(90deg,#6366f1,#4f46e5)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--research{background:linear-gradient(90deg,#f97316,#ea580c)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--general{background:linear-gradient(90deg,#0066FF,#0052cc)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--primary{background:linear-gradient(90deg,#3b82f6,#1d4ed8)!important}
#epai-chat-widget .ep-card-stripe.ep-card-top--supporting{background:linear-gradient(90deg,#a855f7,#7e22ce)!important}
#epai-chat-widget .ep-card-bd{padding:14px 12px 12px!important;display:block!important}
#epai-chat-widget .ep-card-title{
  font-size:13px!important;font-weight:800!important;color:#1D1D1F!important;
  line-height:1.3!important;margin-bottom:5px!important;letter-spacing:-.2px!important;
  display:block!important;
}
#epai-chat-widget .ep-card-body{
  font-size:11px!important;line-height:1.45!important;color:#475569!important;
  margin-bottom:10px!important;display:block!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:5!important;
  line-clamp:5!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
#epai-chat-widget .ep-card-btn{
  display:block!important;width:100%!important;padding:9px 0!important;
  border-radius:55px!important;background:#0066FF!important;color:#fff!important;
  font-size:11px!important;font-weight:800!important;cursor:pointer!important;
  border:none!important;text-align:center!important;text-decoration:none!important;
  transition:background .2s ease,transform .15s ease!important;letter-spacing:.2px!important;
}
#epai-chat-widget .ep-card-btn:hover{background:#0052cc!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,102,255,.3)!important}
#epai-chat-widget .ep-card-btn:active{transform:scale(.97)!important}

/* Phase 6C — stack suggestion banner */
#epai-chat-widget .ep-stack-banner{
  display:flex!important;align-items:center!important;gap:10px!important;
  margin:6px 4px 10px!important;padding:10px 12px!important;
  background:linear-gradient(135deg,#eff6ff,#f0f9ff)!important;
  border:1px solid #bfdbfe!important;border-radius:14px!important;
  animation:ep-card-in .35s cubic-bezier(.28,.11,.32,1) both!important;
  align-self:flex-start!important;max-width:92%!important;
}
#epai-chat-widget .ep-stack-icon{
  font-size:18px!important;line-height:1!important;flex-shrink:0!important;
  width:28px!important;height:28px!important;border-radius:50%!important;
  background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;
}
#epai-chat-widget .ep-stack-body{flex:1!important;min-width:0!important;}
#epai-chat-widget .ep-stack-text{
  font-size:12px!important;line-height:1.4!important;color:#1e3a8a!important;
  font-weight:500!important;
}
#epai-chat-widget .ep-stack-cta{
  flex-shrink:0!important;padding:6px 12px!important;border-radius:55px!important;
  background:#2563eb!important;color:#fff!important;border:none!important;
  font-size:11px!important;font-weight:700!important;cursor:pointer!important;
  transition:background .2s ease,transform .15s ease!important;letter-spacing:.2px!important;
}
#epai-chat-widget .ep-stack-cta:hover{background:#1d4ed8!important;transform:translateY(-1px)!important;}
#epai-chat-widget .ep-stack-cta:active{transform:scale(.97)!important;}
#epai-chat-widget .ep-prod-view:hover{color:#0066FF!important}

/* === OUT-OF-STOCK NOTIFY === */
#epai-chat-widget .ep-prod-notify{
  width:100%!important;padding:8px 10px!important;min-height:36px!important;
  border-radius:55px!important;background:#ffffff!important;
  border:1.5px solid #FF9500!important;color:#FF9500!important;
  font-size:11px!important;font-weight:600!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:4px!important;transition:all .2s ease!important;margin-bottom:6px!important;
}
#epai-chat-widget .ep-prod-notify:hover{background:#FF9500!important;color:#fff!important}
#epai-chat-widget .ep-prod-notify:active{transform:scale(.97)!important}

/* === BACK-IN-STOCK FORM === */
#epai-chat-widget .ep-stock-form{
  background:#ffffff!important;border:1px solid #e5e7eb!important;
  border-radius:16px!important;padding:16px!important;
  align-self:flex-start!important;max-width:92%!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06)!important;display:block!important;
  animation:ep-scale .3s ease both!important;
}
#epai-chat-widget .ep-stock-form.is-done{opacity:.4!important;pointer-events:none!important}
#epai-chat-widget .ep-stock-form-hd{font-size:13px!important;font-weight:700!important;color:#1D1D1F!important;margin-bottom:4px!important;display:block!important}
#epai-chat-widget .ep-stock-form-sub{font-size:12px!important;color:#65676B!important;margin-bottom:12px!important;display:block!important;line-height:1.5!important}
#epai-chat-widget .ep-stock-form-sub strong{font-weight:600!important;color:#1D1D1F!important;display:inline!important}
#epai-chat-widget .ep-stock-inp{
  width:100%!important;padding:10px 13px!important;
  border:1px solid #e5e7eb!important;border-radius:10px!important;
  font-size:13px!important;color:#1D1D1F!important;background:#f7f8fa!important;
  margin-bottom:6px!important;display:block!important;
  transition:border .2s ease,box-shadow .2s ease!important;
}
#epai-chat-widget .ep-stock-inp::placeholder{color:#8E8E93!important}
#epai-chat-widget .ep-stock-inp:focus{border-color:#0066FF!important;box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;background:#ffffff!important}
#epai-chat-widget .ep-stock-err{font-size:11px!important;color:#FF3B30!important;min-height:16px!important;margin-bottom:4px!important;display:block!important}
#epai-chat-widget .ep-stock-btn{
  width:100%!important;padding:11px!important;min-height:42px!important;
  border-radius:10px!important;background:linear-gradient(135deg,#FF9500,#FF6B00)!important;
  color:#fff!important;font-size:13px!important;font-weight:600!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transition:opacity .2s ease,transform .15s ease!important;
}
#epai-chat-widget .ep-stock-btn:hover{opacity:.9!important;transform:translateY(-1px)!important}
#epai-chat-widget .ep-stock-btn:active{transform:scale(.97)!important}
#epai-chat-widget .ep-stock-btn:disabled{opacity:.5!important}

/* === LEAD CAPTURE FORM === */
#epai-chat-widget .ep-form{
  background:#ffffff!important;border:1px solid #e5e7eb!important;
  border-radius:16px!important;padding:14px!important;
  align-self:flex-start!important;max-width:90%!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06)!important;display:block!important;
  animation:ep-scale .3s ease both!important;
}
#epai-chat-widget .ep-form.is-done{opacity:.4!important;pointer-events:none!important;transition:opacity .3s ease!important}
#epai-chat-widget .ep-form-title{
  display:flex!important;align-items:center!important;gap:6px!important;
  font-size:12px!important;font-weight:600!important;color:#1D1D1F!important;margin-bottom:10px!important;
}
#epai-chat-widget .ep-form-title svg{width:14px!important;height:14px!important;flex-shrink:0!important}
#epai-chat-widget .ep-form-lbl{
  font-size:10px!important;font-weight:600!important;color:#8E8E93!important;
  margin-bottom:4px!important;display:block!important;
  text-transform:uppercase!important;letter-spacing:.05em!important;
}
#epai-chat-widget .ep-form-inp{
  width:100%!important;padding:10px 12px!important;
  border:1px solid #e5e7eb!important;border-radius:10px!important;
  font-size:14px!important;color:#1D1D1F!important;background:#f7f8fa!important;
  margin-bottom:8px!important;display:block!important;
  transition:border .2s ease,box-shadow .2s ease,background .2s ease!important;
}
#epai-chat-widget .ep-form-inp::placeholder{color:#8E8E93!important}
#epai-chat-widget .ep-form-inp:focus{border-color:#0066FF!important;box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;background:#ffffff!important}
#epai-chat-widget .ep-form-btn{
  width:100%!important;padding:10px!important;min-height:42px!important;
  border-radius:10px!important;background:#0066FF!important;color:#fff!important;
  font-size:14px!important;font-weight:600!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transition:background .2s ease,transform .15s ease!important;margin-top:2px!important;
}
#epai-chat-widget .ep-form-btn:hover{background:#0055DD!important;transform:translateY(-1px)!important}
#epai-chat-widget .ep-form-btn:active{transform:scale(.97)!important}

/* === ERROR STATE === */
#epai-chat-widget .ep-error{
  background:rgba(255,59,48,.06)!important;border:1px solid rgba(255,59,48,.15)!important;
  border-radius:16px!important;padding:10px 14px!important;
  align-self:flex-start!important;max-width:96%!important;
  display:block!important;animation:ep-up .25s ease both!important;
}
#epai-chat-widget .ep-error-hd{display:flex!important;align-items:center!important;gap:5px!important;font-size:12px!important;font-weight:600!important;color:#991B1B!important;margin-bottom:3px!important}
#epai-chat-widget .ep-error-hd svg{width:13px!important;height:13px!important;fill:#FF3B30!important;flex-shrink:0!important}
#epai-chat-widget .ep-error-tx{font-size:11px!important;color:#7F1D1D!important;margin-bottom:8px!important;display:block!important}
#epai-chat-widget .ep-error-btn{
  padding:5px 14px!important;border:1px solid rgba(255,59,48,.25)!important;border-radius:980px!important;
  background:transparent!important;color:#FF3B30!important;font-size:11px!important;font-weight:600!important;
  display:inline-flex!important;transition:all .2s ease!important;
}
#epai-chat-widget .ep-error-btn:hover{background:#FF3B30!important;color:#fff!important}

/* === SCROLL-TO-BOTTOM BUTTON === */
#epai-chat-widget .ep-scroll-btn{
  position:absolute!important;bottom:10px!important;right:14px!important;
  width:34px!important;height:34px!important;border-radius:50%!important;
  background:#ffffff!important;box-shadow:0 2px 10px rgba(0,0,0,.12)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  z-index:2!important;opacity:0!important;transform:scale(.8)!important;
  pointer-events:none!important;transition:opacity .25s ease,transform .25s ease!important;cursor:pointer!important;
}
#epai-chat-widget .ep-scroll-btn.is-vis{opacity:1!important;transform:scale(1)!important;pointer-events:auto!important}
#epai-chat-widget .ep-scroll-btn:hover{box-shadow:0 4px 14px rgba(0,0,0,.16)!important}
#epai-chat-widget .ep-scroll-btn svg{width:16px!important;height:16px!important;stroke:#1D1D1F!important;fill:none!important;stroke-width:2.5!important;stroke-linecap:round!important;stroke-linejoin:round!important}

/* === AUTOCOMPLETE === */
#epai-chat-widget .ep-ac{
  display:none!important;flex-direction:column!important;
  margin:0 10px 4px!important;background:#ffffff!important;
  border-radius:12px!important;
  box-shadow:0 4px 24px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,0,.06)!important;
  overflow:hidden!important;flex-shrink:0!important;
  animation:ep-up .18s ease both!important;
}
#epai-chat-widget .ep-ac.is-vis{display:flex!important}
#epai-chat-widget .ep-ac-item{
  padding:10px 16px!important;font-size:13px!important;color:#1D1D1F!important;
  cursor:pointer!important;display:block!important;
  border-top:1px solid #f0f0f0!important;
  transition:background .12s ease,color .12s ease!important;
  line-height:1.4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#epai-chat-widget .ep-ac-item:first-child{border-top:none!important}
#epai-chat-widget .ep-ac-item:hover,
#epai-chat-widget .ep-ac-item.is-sel{background:#f0f4ff!important;color:#0066FF!important}
#epai-chat-widget .ep-ac-item mark{background:none!important;color:#0066FF!important;font-weight:600!important;display:inline!important}

/* === INPUT BAR === */
#epai-chat-widget .epai-bar{
  margin:0 10px 10px!important;
  padding:5px 5px 5px 8px!important;
  border-top:none!important;
  display:flex!important;
  align-items:flex-end!important;
  gap:6px!important;
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:24px!important;
  flex-shrink:0!important;
  box-shadow:0 1px 4px rgba(0,0,0,.06)!important;
}
#epai-chat-widget .epai-bar-input{
  flex:1!important;min-height:36px!important;padding:8px 6px!important;
  border:none!important;border-radius:0!important;resize:none!important;
  font-size:14px!important;line-height:20px!important;color:#1D1D1F!important;background:transparent!important;
  display:block!important;overflow-y:auto!important;margin:0!important;
}
#epai-chat-widget .epai-bar-input::placeholder{color:#8E8E93!important;font-size:14px!important}
#epai-chat-widget .epai-bar-input:focus{box-shadow:none!important;background:transparent!important}

/* + button */
#epai-chat-widget .epai-bar-plus{
  width:32px!important;height:32px!important;border-radius:50%!important;
  background:#f7f8fa!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex-shrink:0!important;
  transition:background .15s ease!important;margin-bottom:2px!important;
}
#epai-chat-widget .epai-bar-plus:hover{background:#e5e7eb!important}
#epai-chat-widget .epai-bar-plus svg{width:14px!important;height:14px!important;flex-shrink:0!important;display:block!important}

/* Send button */
#epai-chat-widget .epai-bar-send{
  width:34px!important;height:34px!important;border-radius:50%!important;
  background:transparent!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex-shrink:0!important;
  transition:background .2s ease,transform .12s ease!important;margin-bottom:1px!important;
}
#epai-chat-widget .epai-bar-send:hover{background:#f0f0f0!important}
#epai-chat-widget .epai-bar-send:active{transform:scale(.9)!important}
#epai-chat-widget .epai-bar-send svg{width:18px!important;height:18px!important;flex-shrink:0!important;display:block!important}
#epai-chat-widget .epai-bar-send.has-text{background:#0066FF!important}
#epai-chat-widget .epai-bar-send.has-text:hover{background:#0055DD!important}
#epai-chat-widget .epai-bar-send.has-text svg{fill:#fff!important}
#epai-chat-widget .epai-bar-send:disabled{opacity:.35!important}

/* === BRAND FOOTER === */
#epai-chat-widget .epai-brand{display:none!important}
#epai-chat-widget .epai-brand a{color:#8E8E93!important;text-decoration:none!important;display:inline!important;transition:color .15s ease!important}
#epai-chat-widget .epai-brand a:hover{color:#0066FF!important}

/* === EMOJI BUTTON & PICKER === */
#epai-chat-widget .epai-bar-emoji{
  width:34px!important;height:34px!important;border-radius:50%!important;
  background:transparent!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex-shrink:0!important;
  transition:background .15s ease!important;cursor:pointer!important;margin-bottom:1px!important;
}
#epai-chat-widget .epai-bar-emoji:hover{background:#f0f0f0!important}
#epai-chat-widget .epai-bar-emoji svg{width:18px!important;height:18px!important;flex-shrink:0!important;display:block!important}
#epai-chat-widget .epai-emoji-picker{
  display:none!important;flex-direction:row!important;flex-wrap:wrap!important;
  gap:4px!important;padding:10px!important;
  background:#ffffff!important;border-radius:14px!important;
  box-shadow:0 8px 30px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.06)!important;
  position:absolute!important;bottom:68px!important;left:12px!important;
  width:220px!important;z-index:100!important;
  animation:ep-scale .15s ease both!important;
}
#epai-chat-widget .epai-emoji-picker.is-open{display:flex!important}
#epai-chat-widget .epai-emoji-item{
  width:34px!important;height:34px!important;border-radius:8px!important;
  background:transparent!important;display:flex!important;align-items:center!important;
  justify-content:center!important;font-size:18px!important;cursor:pointer!important;
  transition:background .12s ease,transform .12s ease!important;
}
#epai-chat-widget .epai-emoji-item:hover{background:#f0f0f0!important;transform:scale(1.2)!important}

/* === RESUME CONVERSATION CARD === */
#epai-chat-widget .ep-resume-card{
  background:#ffffff!important;border-radius:12px!important;
  box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,102,255,.12)!important;
  padding:13px 14px!important;display:flex!important;align-items:center!important;
  gap:10px!important;width:100%!important;cursor:pointer!important;
  transition:box-shadow .25s ease,transform .2s ease!important;
  animation:ep-up .35s ease .25s both!important;
}
#epai-chat-widget .ep-resume-card:hover{
  box-shadow:0 6px 20px rgba(0,102,255,.1),0 0 0 1px rgba(0,102,255,.2)!important;
  transform:translateY(-2px)!important;
}
#epai-chat-widget .ep-resume-icon{font-size:20px!important;flex-shrink:0!important;display:block!important}
#epai-chat-widget .ep-resume-body{flex:1!important;min-width:0!important;display:block!important}
#epai-chat-widget .ep-resume-label{
  font-size:11px!important;font-weight:600!important;color:#0066FF!important;
  text-transform:uppercase!important;letter-spacing:.05em!important;
  display:block!important;margin-bottom:2px!important;
}
#epai-chat-widget .ep-resume-preview{
  font-size:12px!important;color:#65676B!important;display:block!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  line-height:1.4!important;
}
#epai-chat-widget .ep-resume-arrow{color:#C7C7CC!important;font-size:18px!important;display:inline!important;flex-shrink:0!important}

/* === RTL SUPPORT === */
#epai-chat-widget.epai-rtl .epai-hero-greeting,
#epai-chat-widget.epai-rtl .epai-action-body,
#epai-chat-widget.epai-rtl .ep-msg,
#epai-chat-widget.epai-rtl .epai-conv-hdr-info{text-align:right!important;direction:rtl!important}
#epai-chat-widget.epai-rtl .epai-action-card{direction:rtl!important;text-align:right!important}
#epai-chat-widget.epai-rtl .ep-msg--u{border-radius:18px 18px 18px 4px!important;align-self:flex-start!important}
#epai-chat-widget.epai-rtl .ep-msg--b{border-radius:18px 18px 4px 18px!important}
#epai-chat-widget.epai-rtl .ep-row{flex-direction:row-reverse!important;align-self:flex-end!important}
#epai-chat-widget.epai-rtl .epai-bar-input{text-align:right!important;direction:rtl!important}
#epai-chat-widget.epai-rtl .ep-chips{direction:rtl!important}
#epai-chat-widget.epai-rtl .ep-chip{direction:rtl!important}

/* === NEWS TAB CARDS === */
#epai-chat-widget #epai-tab-news{background:#ffffff!important}
#epai-chat-widget .epai-news-card{
  background:#ffffff!important;border:1px solid #e5e7eb!important;
  border-radius:14px!important;padding:14px!important;
  display:flex!important;align-items:flex-start!important;gap:12px!important;
  cursor:pointer!important;transition:box-shadow .2s,transform .2s!important;
  animation:ep-up .3s ease both!important;
}
#epai-chat-widget .epai-news-card:hover{
  box-shadow:0 4px 12px rgba(0,0,0,.06)!important;transform:translateY(-1px)!important;
}
#epai-chat-widget .epai-news-emoji{font-size:22px!important;display:block!important;flex-shrink:0!important;margin-top:1px!important}
#epai-chat-widget .epai-news-body{flex:1!important;display:block!important;min-width:0!important}
#epai-chat-widget .epai-news-title{font-size:13px!important;font-weight:600!important;color:#1D1D1F!important;display:block!important;line-height:1.3!important}
#epai-chat-widget .epai-news-sub{font-size:12px!important;color:#65676B!important;display:block!important;margin-top:3px!important;line-height:1.4!important}

/* === RATING BUTTONS === */
#epai-chat-widget .ep-rating{
  display:flex!important;gap:4px!important;margin-top:4px!important;opacity:0;
  animation:epFadeIn .3s ease 1.2s forwards!important;
}
#epai-chat-widget .ep-rate-btn{
  background:none!important;border:1px solid #e5e7eb!important;
  border-radius:20px!important;padding:2px 7px!important;font-size:12px!important;
  cursor:pointer!important;transition:all .2s ease!important;line-height:1.4!important;
}
#epai-chat-widget .ep-rate-btn:hover{background:#f7f8fa!important;transform:scale(1.1)!important}

/* === ORDER FLOW — CATEGORY PICKER === */
#epai-chat-widget .ep-order-cats-wrap{
  margin:4px 0 10px!important;padding:12px!important;
  background:#ffffff!important;border-radius:16px!important;
  border:1px solid #e5e7eb!important;animation:epFadeUp .3s ease!important;
}
#epai-chat-widget .ep-order-hd{
  font-size:14px!important;font-weight:700!important;color:#1D1D1F!important;
  margin-bottom:10px!important;display:flex!important;align-items:center!important;gap:6px!important;
}
#epai-chat-widget .ep-order-cats-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#epai-chat-widget .ep-order-loading{font-size:12px!important;color:#8E8E93!important;padding:6px 0!important}
#epai-chat-widget .ep-cat-btn{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:6px 12px!important;border:1px solid #e5e7eb!important;border-radius:999px!important;
  background:#ffffff!important;cursor:pointer!important;
  font-size:12px!important;font-weight:600!important;color:#65676B!important;
  transition:all .15s!important;white-space:nowrap!important;
  box-shadow:0 1px 2px rgba(0,0,0,.04)!important;font-family:inherit!important;line-height:1.3!important;
  min-height:30px!important;
}
#epai-chat-widget .ep-cat-btn:hover{border-color:#0066FF!important;background:rgba(0,102,255,.05)!important;color:#0066FF!important;transform:translateY(-1px)!important;box-shadow:0 3px 10px rgba(0,102,255,.08)!important}
#epai-chat-widget .ep-cat-btn.selected{border-color:#0066FF!important;background:#0066FF!important;color:#fff!important}
#epai-chat-widget .ep-cat-btn.used{opacity:.35!important;pointer-events:none!important}
#epai-chat-widget .ep-cat-icon{font-size:14px!important;line-height:1!important}
#epai-chat-widget .ep-cat-name{font-size:12px!important}
#epai-chat-widget .ep-cat-count{display:none!important}

/* === ORDER FLOW — PRODUCT CARDS === */
#epai-chat-widget .ep-order-products-wrap{margin:6px 0 10px!important;animation:epFadeUp .3s ease!important}
#epai-chat-widget .ep-order-products-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
#epai-chat-widget .ep-order-prod-card{
  display:flex!important;gap:10px!important;align-items:flex-start!important;
  padding:10px 12px!important;border:1.5px solid #e5e7eb!important;border-radius:16px!important;
  background:#ffffff!important;transition:all .15s!important;
}
#epai-chat-widget .ep-order-prod-card:hover{border-color:rgba(0,102,255,.3)!important;box-shadow:0 3px 12px rgba(0,102,255,.06)!important}
#epai-chat-widget .ep-order-prod-card.selected{border-color:#0066FF!important;background:rgba(0,102,255,.04)!important}
#epai-chat-widget .ep-order-prod-card.used{opacity:.4!important;pointer-events:none!important}
#epai-chat-widget .ep-order-prod-card.out-of-stock{opacity:.65!important;cursor:pointer!important}
#epai-chat-widget .ep-opc-img{
  width:60px!important;height:60px!important;border-radius:8px!important;
  object-fit:cover!important;flex-shrink:0!important;background:#f7f8fa!important;
}
#epai-chat-widget .ep-opc-body{flex:1!important;min-width:0!important}
#epai-chat-widget .ep-opc-name{font-size:13px!important;font-weight:700!important;color:#1D1D1F!important;margin-bottom:2px!important}
#epai-chat-widget .ep-opc-price{font-size:12px!important;font-weight:600!important;color:#0066FF!important;margin-bottom:3px!important}
#epai-chat-widget .ep-opc-desc{font-size:11px!important;color:#65676B!important;margin-bottom:8px!important;line-height:1.4!important}
#epai-chat-widget .ep-opc-btn{
  padding:5px 14px!important;border-radius:7px!important;border:none!important;
  background:#0066FF!important;color:#fff!important;
  font-size:12px!important;font-weight:700!important;cursor:pointer!important;
  transition:background .15s!important;
}
#epai-chat-widget .ep-opc-btn:hover{background:#0055DD!important}
#epai-chat-widget .ep-opc-oos{
  display:inline-block!important;padding:4px 10px!important;border-radius:6px!important;
  background:#f7f8fa!important;color:#8E8E93!important;
  font-size:11px!important;font-weight:600!important;
}
#epai-chat-widget .ep-opc-back{
  display:block!important;margin-top:8px!important;padding:6px 12px!important;
  border:1.5px solid #e5e7eb!important;border-radius:8px!important;
  background:#f7f8fa!important;color:#65676B!important;
  font-size:12px!important;cursor:pointer!important;transition:all .15s!important;
  width:100%!important;
}
#epai-chat-widget .ep-opc-back:hover{border-color:#d1d5db!important;color:#1D1D1F!important}

/* === PROMO NUDGE === */
#epai-chat-widget .ep-promo-nudge{
  margin:8px 0!important;padding:10px 14px!important;
  background:linear-gradient(135deg,rgba(34,197,94,.06),rgba(16,185,129,.06))!important;
  border:1px solid rgba(34,197,94,.2)!important;border-radius:12px!important;
  font-size:12.5px!important;color:#16a34a!important;text-align:center!important;
  animation:ep-fade-in 0.4s ease!important;
}

/* === TYPING PERSONALITY TEXT === */
#epai-chat-widget .ep-typing-text{font-size:11px!important;color:#8E8E93!important;margin-left:8px!important;font-style:italic!important}

/* === WHATSAPP CHIP === */
#epai-chat-widget .ep-chip-wa{background:#25D366!important;color:#fff!important;border-color:#25D366!important}
#epai-chat-widget .ep-chip-wa:hover{background:#1da851!important;border-color:#1da851!important}

/* === WELCOME BACK BANNER === */
#epai-chat-widget .ep-welcome-back{
  margin:8px 0!important;padding:10px 14px!important;
  background:linear-gradient(135deg,rgba(0,102,255,.05),rgba(0,75,214,.05))!important;
  border:1px solid rgba(0,102,255,.15)!important;border-radius:12px!important;
  font-size:12.5px!important;color:#0066FF!important;text-align:center!important;
  animation:ep-fade-in 0.4s ease!important;
}

/* === NOTIFICATION DOT ON FAB === */
#epai-chat-widget .epai-fab.has-notif::after{
  content:''!important;position:absolute!important;top:2px!important;right:2px!important;
  width:12px!important;height:12px!important;background:#ef4444!important;
  border-radius:50%!important;border:2px solid #ffffff!important;
}

/* === INLINE ORDER FORM === */
#epai-chat-widget .ep-order-form-wrap{background:#ffffff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;padding:16px!important;margin:8px 0!important;overflow-y:auto!important}
#epai-chat-widget .ep-of-hd{font-size:15px!important;font-weight:700!important;color:#1D1D1F!important;margin-bottom:12px!important}
#epai-chat-widget .ep-of-field{margin-bottom:10px!important}
#epai-chat-widget .ep-of-field label{display:block!important;font-size:12px!important;font-weight:600!important;color:#65676B!important;margin-bottom:4px!important}
#epai-chat-widget .ep-of-field input,
#epai-chat-widget .ep-of-field textarea{display:block!important;width:100%!important;padding:10px 12px!important;border:1px solid #e5e7eb!important;border-radius:10px!important;font-size:14px!important;font-family:inherit!important;color:#1D1D1F!important;background:#f7f8fa!important;transition:border-color 0.2s!important}
#epai-chat-widget .ep-of-field input:focus,
#epai-chat-widget .ep-of-field textarea:focus{border-color:#0066FF!important;outline:2px solid rgba(0,102,255,0.12)!important;background:#ffffff!important}
#epai-chat-widget .ep-of-field textarea{resize:vertical!important;min-height:50px!important}
#epai-chat-widget .ep-of-err{color:#ef4444!important;font-size:12px!important;margin-bottom:8px!important;min-height:16px!important}
#epai-chat-widget .ep-of-actions{display:flex!important;gap:8px!important}
#epai-chat-widget .ep-of-submit{flex:1!important;padding:10px 16px!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;font-weight:600!important;font-size:14px!important;border-radius:10px!important;cursor:pointer!important;text-align:center!important}
#epai-chat-widget .ep-of-submit:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important}
#epai-chat-widget .ep-of-submit:disabled{opacity:0.6!important;cursor:not-allowed!important}
#epai-chat-widget .ep-of-cancel{padding:10px 16px!important;background:#f7f8fa!important;color:#65676B!important;font-weight:500!important;font-size:14px!important;border-radius:10px!important;cursor:pointer!important;text-align:center!important}
#epai-chat-widget .ep-of-cancel:hover{background:#e5e7eb!important;color:#1D1D1F!important}

/* === CONV HEIGHT FIX === */
#epai-chat-widget #ep-conv.is-active{display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow:hidden!important;flex:1 1 auto!important}
#epai-chat-widget #ep-conv .epai-conv-hdr{flex-shrink:0!important;flex-grow:0!important}
#epai-chat-widget #ep-conv .epai-msgs-wrap{flex:1 1 0%!important;min-height:0!important;overflow:hidden!important;position:relative!important;display:flex!important;flex-direction:column!important}
#epai-chat-widget #ep-conv .epai-msgs{flex:1 1 0%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;height:auto!important;max-height:none!important}
#epai-chat-widget #ep-conv .epai-bar{flex-shrink:0!important;flex-grow:0!important}
#epai-chat-widget #ep-conv .epai-brand{flex-shrink:0!important;flex-grow:0!important}

/* === LEAD GATE — pre-chat form === */
#epai-chat-widget .ep-lead-gate{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:1!important;padding:24px 16px!important;
  animation:ep-scale .3s ease both!important;
  background:#f7f8fa!important;
}
#epai-chat-widget .ep-lead-gate-inner{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:20px!important;
  padding:28px 22px 22px!important;
  width:100%!important;max-width:320px!important;
  box-shadow:0 8px 30px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04)!important;
  display:flex!important;flex-direction:column!important;
  text-align:center!important;
}
#epai-chat-widget .ep-lead-gate-title{
  font-size:17px!important;font-weight:700!important;color:#1D1D1F!important;
  margin:0 0 6px!important;display:block!important;line-height:1.3!important;
}
#epai-chat-widget .ep-lead-gate-sub{
  font-size:13px!important;color:#65676B!important;
  margin:0 0 18px!important;display:block!important;line-height:1.5!important;
}
#epai-chat-widget .ep-lead-gate-input{
  width:100%!important;padding:11px 14px!important;
  border:1px solid #e5e7eb!important;border-radius:10px!important;
  font-size:14px!important;color:#1D1D1F!important;background:#f7f8fa!important;
  margin-bottom:10px!important;display:block!important;
  transition:border .2s ease,box-shadow .2s ease,background .2s ease!important;
  font-family:inherit!important;box-sizing:border-box!important;
}
#epai-chat-widget .ep-lead-gate-input::placeholder{color:#8E8E93!important}
#epai-chat-widget .ep-lead-gate-input:focus{
  border-color:#0066FF!important;box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;
  background:#ffffff!important;outline:none!important;
}
#epai-chat-widget .ep-lead-gate-btn{
  width:100%!important;padding:12px!important;min-height:44px!important;
  border-radius:10px!important;border:none!important;
  background:#0066FF!important;color:#fff!important;
  font-size:15px!important;font-weight:600!important;font-family:inherit!important;
  cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;
  transition:background .2s ease,transform .15s ease!important;margin-top:4px!important;
}
#epai-chat-widget .ep-lead-gate-btn:hover{background:#0055DD!important;transform:translateY(-1px)!important}
#epai-chat-widget .ep-lead-gate-btn:active{transform:scale(.97)!important}

/* === OLD STRUCTURE COMPAT (action cards/links) === */
#epai-chat-widget .epai-cards{padding:0 14px 14px!important;margin-top:-16px!important;position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;gap:8px!important;flex:1!important}
#epai-chat-widget .epai-action-card{
  background:#ffffff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;padding:13px 14px!important;
  display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;
  min-height:56px!important;transition:box-shadow .25s ease,transform .3s cubic-bezier(.28,.11,.32,1)!important;
  animation:ep-up .35s ease both!important;
}
#epai-chat-widget .epai-action-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.08)!important;transform:translateY(-2px)!important}
#epai-chat-widget .epai-action-card:active{transform:scale(.98)!important}
#epai-chat-widget .epai-action-icon{width:38px!important;height:38px!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}
#epai-chat-widget .epai-action-icon svg{width:18px!important;height:18px!important;flex-shrink:0!important}
#epai-chat-widget .epai-action-icon.blue{background:rgba(0,102,255,.08)!important}
#epai-chat-widget .epai-action-icon.green{background:rgba(52,199,89,.08)!important}
#epai-chat-widget .epai-action-icon.purple{background:rgba(175,82,222,.08)!important}
#epai-chat-widget .epai-action-body{flex:1!important;min-width:0!important;display:block!important}
#epai-chat-widget .epai-action-title{font-size:14px!important;font-weight:600!important;color:#1D1D1F!important;line-height:1.3!important;display:block!important}
#epai-chat-widget .epai-action-sub{font-size:11px!important;color:#8E8E93!important;line-height:1.2!important;margin-top:2px!important;display:block!important}
#epai-chat-widget .epai-action-arrow{width:18px!important;height:18px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
#epai-chat-widget .epai-action-arrow svg{width:14px!important;height:14px!important;stroke:#C7C7CC!important;fill:none!important;stroke-width:2!important;stroke-linecap:round!important}

/* Links card */
#epai-chat-widget .epai-links-card{
  background:#ffffff!important;border-radius:12px!important;border:1px solid #e5e7eb!important;
  box-shadow:0 1px 3px rgba(0,0,0,.06)!important;overflow:hidden!important;
  display:block!important;animation:ep-up .35s ease .2s both!important;
}
#epai-chat-widget .epai-links-header{padding:10px 14px 6px!important;font-size:10px!important;font-weight:700!important;color:#8E8E93!important;text-transform:uppercase!important;letter-spacing:.07em!important;display:block!important}
#epai-chat-widget .epai-link-row{
  display:flex!important;align-items:center!important;padding:11px 14px!important;
  width:100%!important;min-height:42px!important;border-top:1px solid #f0f0f0!important;
  transition:background .15s ease!important;
}
#epai-chat-widget .epai-link-row:first-child{border-top:none!important}
#epai-chat-widget .epai-link-row:hover{background:#f7f8fa!important}
#epai-chat-widget .epai-link-text{flex:1!important;font-size:13px!important;font-weight:500!important;color:#1D1D1F!important;display:block!important}
#epai-chat-widget .epai-link-chevron{color:#C7C7CC!important;font-size:14px!important;display:inline!important}

/* Status line */
#epai-chat-widget .epai-status-line{
  padding:8px 4px 4px!important;display:flex!important;align-items:center!important;
  gap:6px!important;font-size:11px!important;color:#8E8E93!important;
  animation:ep-in .4s ease .35s both!important;
}
#epai-chat-widget .epai-status-dot{width:7px!important;height:7px!important;border-radius:50%!important;background:#34C759!important;flex-shrink:0!important;display:inline-block!important}

/* === MOBILE === */
@media(max-width:480px){
  #epai-chat-widget .epai-win{
    width:100vw!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100vh!important;
    bottom:0!important;
    right:0!important;
    left:0!important;
    top:0!important;
    border-radius:0!important;
    position:fixed!important;
  }
  #epai-chat-widget .epai-fab.is-open{display:none!important}
  #epai-chat-widget .epai-fab{z-index:999999!important}
}

/* Tablet */
@media(min-width:481px) and (max-width:600px){
  #epai-chat-widget .epai-win{width:calc(100vw - 24px)!important}
}

/* Win height for conv mode */
#epai-chat-widget .epai-win.is-conv{
  height:min(600px,calc(100vh - 116px))!important;
  min-height:unset!important;
}

/* === FAQ ACCORDION === */
#epai-chat-widget .epai-faq-tab{padding:12px!important;gap:0!important}
#epai-chat-widget .epai-faq-header{
  font-size:14px!important;font-weight:700!important;color:#1D1D1F!important;
  padding:4px 4px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;
}
#epai-chat-widget .epai-faq-header-icon{font-size:18px!important;display:inline!important}
#epai-chat-widget .epai-faq-item{
  background:#ffffff!important;border:1px solid #e5e7eb!important;
  border-radius:12px!important;margin-bottom:8px!important;
  overflow:hidden!important;transition:box-shadow .2s ease!important;
  animation:ep-up .3s ease both!important;
}
#epai-chat-widget .epai-faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)!important}
#epai-chat-widget .epai-faq-q{
  width:100%!important;padding:13px 14px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;cursor:pointer!important;background:transparent!important;
  transition:background .15s ease!important;
}
#epai-chat-widget .epai-faq-q:hover{background:#f7f8fa!important}
#epai-chat-widget .epai-faq-q-text{
  font-size:13px!important;font-weight:600!important;color:#1D1D1F!important;
  display:block!important;text-align:left!important;flex:1!important;line-height:1.4!important;
}
#epai-chat-widget .epai-faq-arrow{
  width:16px!important;height:16px!important;flex-shrink:0!important;
  color:#8E8E93!important;transition:transform .25s ease!important;display:block!important;
}
#epai-chat-widget .epai-faq-arrow polyline{stroke:currentColor!important}
#epai-chat-widget .epai-faq-item.is-open .epai-faq-arrow{transform:rotate(180deg)!important;color:#0066FF!important}
#epai-chat-widget .epai-faq-a{
  max-height:0!important;overflow:hidden!important;
  transition:max-height .3s ease,padding .3s ease!important;
  padding:0 14px!important;
}
#epai-chat-widget .epai-faq-item.is-open .epai-faq-a{
  max-height:300px!important;padding:0 14px 14px!important;
}
#epai-chat-widget .epai-faq-a p{
  font-size:13px!important;color:#65676B!important;line-height:1.6!important;
  display:block!important;margin:0!important;
}

/* === CONTACT US TAB === */
#epai-chat-widget .epai-contact-tab{padding:16px!important;gap:12px!important}
#epai-chat-widget .epai-contact-header{text-align:center!important;padding:4px 0 8px!important;display:block!important}
#epai-chat-widget .epai-contact-icon{font-size:28px!important;display:block!important;margin-bottom:6px!important}
#epai-chat-widget .epai-contact-title{font-size:16px!important;font-weight:700!important;color:#1D1D1F!important;display:block!important;margin-bottom:3px!important}
#epai-chat-widget .epai-contact-sub{font-size:12px!important;color:#8E8E93!important;display:block!important}
#epai-chat-widget .epai-contact-form{display:flex!important;flex-direction:column!important;gap:10px!important}
#epai-chat-widget .epai-cf-field{display:block!important}
#epai-chat-widget .epai-cf-label{
  font-size:11px!important;font-weight:600!important;color:#8E8E93!important;
  text-transform:uppercase!important;letter-spacing:.05em!important;
  margin-bottom:4px!important;display:block!important;
}
#epai-chat-widget .epai-cf-input{
  width:100%!important;padding:10px 12px!important;
  border:1px solid #e5e7eb!important;border-radius:10px!important;
  font-size:14px!important;color:#1D1D1F!important;background:#f7f8fa!important;
  display:block!important;font-family:inherit!important;
  transition:border .2s ease,box-shadow .2s ease,background .2s ease!important;
}
#epai-chat-widget .epai-cf-input::placeholder{color:#8E8E93!important}
#epai-chat-widget .epai-cf-input:focus{border-color:#0066FF!important;box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;background:#ffffff!important;outline:none!important}
#epai-chat-widget .epai-cf-textarea{resize:vertical!important;min-height:70px!important;line-height:1.5!important}
#epai-chat-widget .epai-cf-status{
  font-size:12px!important;min-height:16px!important;display:block!important;
  text-align:center!important;font-weight:500!important;
}
#epai-chat-widget .epai-cf-submit{
  width:100%!important;padding:12px!important;min-height:44px!important;
  border-radius:10px!important;border:none!important;
  background:#0066FF!important;color:#fff!important;
  font-size:14px!important;font-weight:600!important;font-family:inherit!important;
  cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;
  transition:background .2s ease,transform .15s ease!important;
}
#epai-chat-widget .epai-cf-submit:hover{background:#0055DD!important;transform:translateY(-1px)!important}
#epai-chat-widget .epai-cf-submit:active{transform:scale(.97)!important}
#epai-chat-widget .epai-cf-submit:disabled{opacity:.6!important;cursor:not-allowed!important}
#epai-chat-widget .epai-contact-alt{
  border-top:1px solid #e5e7eb!important;padding-top:12px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;
}
#epai-chat-widget .epai-contact-alt-title{font-size:11px!important;color:#8E8E93!important;text-transform:uppercase!important;letter-spacing:.05em!important;font-weight:600!important;display:block!important}
#epai-chat-widget .epai-contact-wa{
  display:inline-flex!important;align-items:center!important;gap:6px!important;
  padding:8px 16px!important;background:#ffffff!important;color:#1D1D1F!important;
  border-radius:980px!important;font-size:13px!important;font-weight:600!important;
  text-decoration:none!important;transition:all .2s ease!important;
  box-shadow:0 0 0 1px #e5e7eb!important;cursor:pointer!important;
}
#epai-chat-widget .epai-contact-wa:hover{background:#f0f0f0!important;transform:translateY(-1px)!important}
#epai-chat-widget .epai-contact-wa:active{transform:scale(.95)!important}

/* === CONV VISIBILITY FIX === */
#epai-chat-widget .epai-conv:not(.is-active){display:none!important}
#epai-chat-widget #ep-conv:not(.is-active){display:none!important}


/* ── Unified Cancel / Skip / No-thanks buttons across all forms ── */
#epai-chat-widget .ep-form-cancel,
#epai-chat-widget .ep-stock-cancel,
#epai-chat-widget .ep-lead-gate-skip{
  display:block!important;
  width:100%!important;
  margin-top:8px!important;
  padding:10px 12px!important;
  background:transparent!important;
  border:none!important;
  color:#8E8E93!important;
  font-size:12.5px!important;
  font-weight:500!important;
  cursor:pointer!important;
  font-family:inherit!important;
  text-align:center!important;
  transition:color .15s ease!important;
  border-radius:8px!important;
}
#epai-chat-widget .ep-form-cancel:hover,
#epai-chat-widget .ep-stock-cancel:hover,
#epai-chat-widget .ep-lead-gate-skip:hover{
  color:#1D1D1F!important;
  background:rgba(0,0,0,.03)!important;
}

/* Stock notify form actions row */
#epai-chat-widget .ep-stock-form .ep-stock-actions{
  display:block!important;
  margin-top:8px!important;
}
#epai-chat-widget .ep-stock-form .ep-stock-actions .ep-stock-btn{
  width:100%!important;
}

/* ── Stock notify (compact, when email already known) ── */
#epai-chat-widget .ep-stock-form--compact .ep-stock-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  margin-top:10px!important;
}
#epai-chat-widget .ep-stock-form--compact .ep-stock-btn{
  flex:1!important;
  background:linear-gradient(135deg,#FF9500,#FF6A00)!important;
  color:#fff!important;
  border:none!important;
  padding:11px 16px!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:all .15s ease!important;
  font-family:inherit!important;
}
#epai-chat-widget .ep-stock-form--compact .ep-stock-btn:hover:not(:disabled){
  transform:translateY(-1px)!important;
  box-shadow:0 6px 14px rgba(255,106,0,.25)!important;
}
#epai-chat-widget .ep-stock-form--compact .ep-stock-btn:disabled{ opacity:.6!important;cursor:wait!important; }
#epai-chat-widget .ep-stock-form--compact .ep-stock-alt{
  background:transparent!important;
  border:none!important;
  color:#0066FF!important;
  font-size:12px!important;
  font-weight:500!important;
  cursor:pointer!important;
  padding:11px 8px!important;
  font-family:inherit!important;
  transition:opacity .15s ease!important;
}
#epai-chat-widget .ep-stock-form--compact .ep-stock-alt:hover{ opacity:.7!important; }
#epai-chat-widget .ep-stock-form--compact .ep-stock-alt:disabled{ opacity:.4!important;cursor:wait!important; }

/* ── Soft lead capture pill + inline form ── */
#epai-chat-widget .ep-row-pill{
  animation:ep-slide .35s cubic-bezier(.34,1.56,.64,1) both!important;
  margin:6px 0!important;
  transition:opacity .2s ease, transform .2s ease!important;
}
#epai-chat-widget .ep-row-pill-dismissed{
  opacity:0!important;
  transform:translateY(-6px)!important;
  pointer-events:none!important;
}
#epai-chat-widget .ep-lead-pill{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:14px 16px!important;
  background:linear-gradient(135deg, #f0f7ff 0%, #f7f0ff 100%)!important;
  border:1px solid #d7e0f5!important;
  border-radius:14px!important;
  max-width:92%!important;
}
#epai-chat-widget .ep-lead-pill-body{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
}
#epai-chat-widget .ep-lead-pill-icon{
  font-size:18px!important;
  flex-shrink:0!important;
  line-height:1.3!important;
  margin-top:1px!important;
}
#epai-chat-widget .ep-lead-pill-text{
  flex:1!important;
  min-width:0!important;
}
#epai-chat-widget .ep-lead-pill-title{
  font-size:13px!important;
  font-weight:600!important;
  color:#1D1D1F!important;
  line-height:1.35!important;
}
#epai-chat-widget .ep-lead-pill-sub{
  font-size:11.5px!important;
  color:#666!important;
  line-height:1.45!important;
  margin-top:3px!important;
}
#epai-chat-widget .ep-lead-pill-actions{
  display:flex!important;
  gap:8px!important;
  align-items:center!important;
  justify-content:flex-end!important;
}
#epai-chat-widget .ep-lead-pill-yes{
  padding:7px 14px!important;
  background:#0066FF!important;
  border:none!important;
  border-radius:999px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:all .15s ease!important;
  font-family:inherit!important;
}
#epai-chat-widget .ep-lead-pill-yes:hover{
  background:#0052cc!important;
  transform:translateY(-1px)!important;
  box-shadow:0 4px 10px rgba(0,102,255,.25)!important;
}
#epai-chat-widget .ep-lead-pill-no{
  padding:7px 10px!important;
  background:transparent!important;
  border:none!important;
  color:#888!important;
  font-size:11.5px!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:color .15s ease!important;
}
#epai-chat-widget .ep-lead-pill-no:hover{
  color:#1D1D1F!important;
}

/* Inline lead form */
#epai-chat-widget .ep-lead-form{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:14px!important;
  padding:16px!important;
  max-width:92%!important;
  box-shadow:0 2px 8px rgba(0,0,0,.05)!important;
  animation:ep-slide .35s cubic-bezier(.34,1.56,.64,1) both!important;
}
#epai-chat-widget .ep-lead-form-title{
  font-size:13.5px!important;
  font-weight:600!important;
  color:#1D1D1F!important;
  margin:0 0 12px!important;
  line-height:1.4!important;
}
#epai-chat-widget .ep-lead-form-fields{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  margin-bottom:12px!important;
}
#epai-chat-widget .ep-lead-input{
  width:100%!important;
  padding:10px 12px!important;
  background:#f7f8fa!important;
  border:1px solid #e5e7eb!important;
  border-radius:10px!important;
  font-size:13.5px!important;
  font-family:inherit!important;
  color:#1D1D1F!important;
  transition:all .15s ease!important;
  box-sizing:border-box!important;
  -webkit-appearance:none!important;
  line-height:1.4!important;
}
#epai-chat-widget .ep-lead-input::placeholder{ color:#9aa0a6!important; }
#epai-chat-widget .ep-lead-input:focus{
  outline:none!important;
  border-color:#0066FF!important;
  background:#ffffff!important;
  box-shadow:0 0 0 3px rgba(0,102,255,.12)!important;
}
#epai-chat-widget .ep-lead-form-error[hidden]{ display:none!important; }
#epai-chat-widget .ep-lead-form-error{
  margin:0 0 12px!important;
  padding:9px 12px!important;
  background:#fff3f3!important;
  border:1px solid #ffd0d0!important;
  border-radius:8px!important;
  color:#c53030!important;
  font-size:12px!important;
  line-height:1.4!important;
}
#epai-chat-widget .ep-lead-form-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
#epai-chat-widget .ep-lead-submit{
  flex:1!important;
  padding:11px 16px!important;
  background:#0066FF!important;
  border:none!important;
  border-radius:10px!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:600!important;
  cursor:pointer!important;
  transition:all .15s ease!important;
  font-family:inherit!important;
  letter-spacing:.005em!important;
}
#epai-chat-widget .ep-lead-submit:hover:not(:disabled){
  background:#0052cc!important;
  transform:translateY(-1px)!important;
  box-shadow:0 4px 12px rgba(0,102,255,.22)!important;
}
#epai-chat-widget .ep-lead-submit:active:not(:disabled){
  transform:translateY(0)!important;
}
#epai-chat-widget .ep-lead-submit:disabled{
  opacity:.6!important;
  cursor:wait!important;
}
#epai-chat-widget .ep-lead-skip{
  padding:11px 12px!important;
  background:transparent!important;
  border:none!important;
  color:#8E8E93!important;
  font-size:12.5px!important;
  font-weight:500!important;
  cursor:pointer!important;
  font-family:inherit!important;
  transition:color .15s ease!important;
  flex-shrink:0!important;
}
#epai-chat-widget .ep-lead-skip:hover{ color:#1D1D1F!important; }

/* ── Inline variant picker (variable products) ── */
#epai-chat-widget .ep-msg--variants{
    background:#ffffff!important;
    border:1px solid #e5e7eb!important;
    border-radius:18px 18px 18px 4px!important;
    padding:14px 16px!important;
    box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
    max-width:88%!important;
}
#epai-chat-widget .ep-variants-title{
    font-size:13px!important;
    color:#1D1D1F!important;
    margin:0 0 10px!important;
    line-height:1.4!important;
}
#epai-chat-widget .ep-variants-title strong{
    font-weight:600!important;
}
#epai-chat-widget .ep-variant-chips{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:6px 0 4px!important;
}
#epai-chat-widget .ep-variant-chip{
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:2px!important;
    padding:9px 14px!important;
    background:rgba(0,102,255,.06)!important;
    border:1.5px solid rgba(0,102,255,.18)!important;
    border-radius:12px!important;
    color:#0066FF!important;
    cursor:pointer!important;
    transition:all .18s cubic-bezier(.34,1.56,.64,1)!important;
    min-width:90px!important;
    font-family:inherit!important;
    text-align:left!important;
}
#epai-chat-widget .ep-variant-chip:hover:not(:disabled):not(.added){
    background:rgba(0,102,255,.12)!important;
    border-color:rgba(0,102,255,.35)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 4px 10px rgba(0,102,255,.14)!important;
}
#epai-chat-widget .ep-variant-chip:active:not(:disabled){
    transform:translateY(0)!important;
}
#epai-chat-widget .ep-variant-chip.added{
    background:rgba(52,199,89,.1)!important;
    border-color:rgba(52,199,89,.4)!important;
    color:#248A3D!important;
    cursor:default!important;
}
#epai-chat-widget .ep-variant-chip.loading{
    opacity:.7!important;
    cursor:wait!important;
}
#epai-chat-widget .ep-variant-chip.disabled,
#epai-chat-widget .ep-variant-chip:disabled{
    opacity:.45!important;
    cursor:not-allowed!important;
}
#epai-chat-widget .ep-vc-name{
    font-size:12.5px!important;
    font-weight:600!important;
    line-height:1.2!important;
}
#epai-chat-widget .ep-vc-price{
    font-size:11px!important;
    font-weight:500!important;
    opacity:.85!important;
    line-height:1.2!important;
}
#epai-chat-widget .ep-variants-fallback{
    margin-top:10px!important;
    padding-top:8px!important;
    border-top:1px solid #f0f0f0!important;
}
#epai-chat-widget .ep-variants-link{
    font-size:11.5px!important;
    color:#666!important;
    text-decoration:none!important;
}
#epai-chat-widget .ep-variants-link:hover{
    color:#0066FF!important;
    text-decoration:underline!important;
}

/* ── Show more / Show less — refined ── */
#epai-chat-widget .ep-msg--collapsed{
    max-height:200px!important;
    overflow:hidden!important;
    position:relative!important;
    transition:max-height .35s cubic-bezier(.16,1,.3,1)!important;
}
#epai-chat-widget .ep-msg--expanded{
    max-height:4000px!important;
    overflow:visible!important;
    transition:max-height .5s cubic-bezier(.16,1,.3,1)!important;
}

#epai-chat-widget .ep-msg-fade{
    position:absolute!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:72px!important;
    background:linear-gradient(to bottom,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,.6) 55%,
        rgba(255,255,255,.95) 90%,
        rgba(255,255,255,1) 100%)!important;
    pointer-events:none!important;
    border-radius:0 0 18px 4px!important;
    display:block!important;
    z-index:2!important;
    transition:opacity .25s ease!important;
}

.ep-show-more{
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    font-size:12.5px!important;
    font-weight:600!important;
    color:#0066FF!important;
    background:rgba(0,102,255,.08)!important;
    border:1px solid rgba(0,102,255,.16)!important;
    padding:6px 14px!important;
    margin:8px 0 2px 6px!important;
    border-radius:999px!important;
    cursor:pointer!important;
    letter-spacing:.01em!important;
    line-height:1!important;
    transition:background .2s ease, border-color .2s ease, transform .15s ease, box-shadow .2s ease!important;
    box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
.ep-show-more:hover{
    background:rgba(0,102,255,.13)!important;
    border-color:rgba(0,102,255,.28)!important;
    transform:translateY(-1px)!important;
    box-shadow:0 4px 10px rgba(0,102,255,.14)!important;
}
.ep-show-more:active{
    transform:translateY(0)!important;
    box-shadow:0 1px 2px rgba(0,0,0,.04)!important;
}
.ep-show-arrow{
    font-size:11px!important;
    display:inline-block!important;
    line-height:1!important;
    transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important;
}
.ep-msg--expanded ~ .ep-show-more .ep-show-arrow,
#epai-chat-widget .ep-msg--expanded + .ep-show-more .ep-show-arrow{
    transform:rotate(180deg)!important;
}

/* == MOBILE TOOLBAR FIX =========================================
   The theme .wd-toolbar is 55px tall at bottom:0.
   FAB was at bottom:24px (31px overlap) and window at bottom:92px.
   Fix: raise FAB to bottom:70px (55px toolbar + 15px gap),
        raise window to bottom:138px (70+56+12).
   The existing max-width:480px rule still overrides window to
   fullscreen (bottom:0) so tiny phones are unaffected.
   ============================================================== */
@media (max-width: 767px) {
    #epai-chat-widget .epai-fab {
        bottom: 70px !important;
    }
    #epai-chat-widget .epai-win {
        bottom: 138px !important;
        max-height: calc(100dvh - 154px) !important;
    }
}
/* Fullscreen override for phones <= 480px still applies */
@media (max-width: 480px) {
    #epai-chat-widget .epai-win {
        bottom: 0 !important;
        max-height: 100dvh !important;
    }
}

@media (max-width: 480px) {
    #epai-chat-widget .epai-win.is-conv { height: 100dvh !important; height: 100vh !important; max-height: 100dvh !important; min-height: unset !important; top: 0 !important; bottom: 0 !important; }
    #epai-chat-widget .epai-msgs { flex: 1 1 auto !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; }
    #epai-chat-widget .epai-conv-body, #epai-chat-widget .epai-body { flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; }
}

@media (max-width: 767px) {
    #epai-chat-widget .epai-bar-input, #epai-chat-widget .epai-cf-input, #epai-chat-widget .epai-cf-textarea { font-size: 16px !important; }
}
