:root{
  --ep-bronze:#b96b27;
  --ep-bronze-d:#9a571c;
  --ep-teal:#005344;
  --ep-ink:#1a1a1a;
  --ep-bg:#ffffff;
  --ep-soft:#f6f1ea;
  --ep-line:#e7ded2;
  --ep-muted:#6b6258;
}
#ep-chat,#ep-chat *{box-sizing:border-box;font-family:"Poppins","Open Sans",system-ui,Arial,sans-serif}

/* buton lansare */
#ep-launch{position:fixed;right:20px;bottom:20px;z-index:99990;width:60px;height:60px;border:none;border-radius:50%;
  background:var(--ep-bronze);color:#fff;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.22);
  display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}
#ep-launch:hover{background:var(--ep-bronze-d);transform:translateY(-2px)}
#ep-launch svg{width:28px;height:28px}
#ep-launch .ep-dot{position:absolute;top:6px;right:6px;width:12px;height:12px;background:#2fbf71;border:2px solid #fff;border-radius:50%}

/* teaser push */
#ep-teaser{position:fixed;right:20px;bottom:92px;z-index:99989;max-width:260px;background:var(--ep-bg);
  border:1px solid var(--ep-line);border-radius:16px;padding:12px 14px;box-shadow:0 10px 30px rgba(0,0,0,.16);
  color:var(--ep-ink);font-size:14px;line-height:1.5;cursor:pointer;animation:ep-pop .25s ease}
#ep-teaser .ep-x{position:absolute;top:6px;right:8px;color:var(--ep-muted);cursor:pointer;font-size:16px;line-height:1}

/* fereastra chat */
#ep-win{position:fixed;right:20px;bottom:20px;z-index:99991;width:380px;max-width:calc(100vw - 32px);
  height:560px;max-height:calc(100vh - 40px);background:var(--ep-bg);border-radius:18px;overflow:hidden;
  display:none;flex-direction:column;box-shadow:0 18px 50px rgba(0,0,0,.28);animation:ep-pop .2s ease}
#ep-win.ep-open{display:flex}
@keyframes ep-pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

#ep-head{background:var(--ep-bronze);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:10px}
#ep-head .ep-av{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}
#ep-head .ep-av svg{width:20px;height:20px}
#ep-head h4{margin:0;font-size:15px;font-weight:600}
#ep-head p{margin:0;font-size:12px;opacity:.9;display:flex;align-items:center;gap:5px}
#ep-head .ep-on{width:8px;height:8px;border-radius:50%;background:#7CFFB2;display:inline-block}
#ep-head .ep-close{margin-left:auto;background:none;border:none;color:#fff;cursor:pointer;font-size:22px;line-height:1;opacity:.9}
#ep-head .ep-close:hover{opacity:1}

#ep-body{flex:1;overflow-y:auto;padding:16px;background:var(--ep-soft);display:flex;flex-direction:column;gap:10px}
.ep-msg{max-width:84%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}
.ep-bot{align-self:flex-start;background:#fff;color:var(--ep-ink);border:1px solid var(--ep-line);border-bottom-left-radius:4px}
.ep-user{align-self:flex-end;background:var(--ep-bronze);color:#fff;border-bottom-right-radius:4px}
.ep-msg a{color:var(--ep-teal);font-weight:500}
.ep-user a{color:#fff;text-decoration:underline}

.ep-typing{align-self:flex-start;background:#fff;border:1px solid var(--ep-line);border-radius:14px;padding:12px 14px;display:flex;gap:4px}
.ep-typing span{width:7px;height:7px;background:var(--ep-muted);border-radius:50%;animation:ep-b 1s infinite}
.ep-typing span:nth-child(2){animation-delay:.15s}.ep-typing span:nth-child(3){animation-delay:.3s}
@keyframes ep-b{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}

#ep-foot{border-top:1px solid var(--ep-line);background:#fff;padding:10px;display:flex;gap:8px;align-items:flex-end}
#ep-input{flex:1;border:1px solid var(--ep-line);border-radius:12px;padding:10px 12px;font-size:14px;resize:none;
  max-height:90px;outline:none;color:var(--ep-ink)}
#ep-input:focus{border-color:var(--ep-bronze)}
#ep-send{width:42px;height:42px;border:none;border-radius:12px;background:var(--ep-bronze);color:#fff;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s}
#ep-send:hover{background:var(--ep-bronze-d)}
#ep-send:disabled{opacity:.5;cursor:default}
#ep-send svg{width:20px;height:20px}
#ep-foot .ep-credit{display:none}

@media (max-width:480px){
  #ep-win{right:0;bottom:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
}
@media (prefers-reduced-motion:reduce){
  #ep-win,#ep-teaser{animation:none}
  .ep-typing span{animation:none}
}

/* fix vizibilitate icoane */
#ep-launch,#ep-send{color:#fff !important;display:flex;align-items:center;justify-content:center;}
#ep-launch svg{width:28px;height:28px;display:block;}
#ep-send svg{width:20px;height:20px;display:block;}
#ep-head .ep-av svg{width:22px;height:22px;display:block;color:#fff;}

/* icoane garantate prin background-image (nu depind de regulile svg din tema) */
#ep-launch svg,#ep-send svg{display:none !important;}
#ep-launch{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:28px 28px !important;}
#ep-send{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E") !important;background-repeat:no-repeat !important;background-position:center !important;background-size:20px 20px !important;}

/* v5: atasare fisiere (imagini + PDF) */
#ep-btns{display:flex;flex-direction:column;gap:6px;flex:none;align-self:flex-end}
#ep-att{width:42px;height:30px;border:1px solid var(--ep-line);border-radius:10px;background:#fff;cursor:pointer;flex:none;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6258' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.44 11.05l-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:16px 16px}
#ep-att:hover{border-color:var(--ep-bronze)}
#ep-chip{display:none;align-items:center;gap:8px;background:#fff;border-top:1px solid var(--ep-line);padding:8px 12px;font-size:12px;color:var(--ep-ink)}
#ep-chip.on{display:flex}
#ep-chip .nume{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}
#ep-chip .x{margin-left:auto;color:#b32d2d;cursor:pointer;font-weight:bold;font-size:15px}