#wp-chat-launcher {
  --wpai-accent: #F5C518;
  --wpai-accent-hover: #e0b310;
  --wpai-secondary: #7360F2;
  --wpai-text: #cccccc;
  --wpai-bg: #141414;
  --wpai-header-bg: #1C1C1C;
}
#wp-chat-launcher * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

#wp-chat-fab {
  position: fixed;
  bottom: 28px; right: 28px;
  width: 58px; height: 58px;
  border-radius: 50%;
  background-color: var(--wpai-accent);
  border: none;
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  z-index: 9999;
  transition: transform 0.2s, background-color 0.2s;
  background-image: var(--wpai-fab-icon, url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik0yMCAySDRjLTEuMSAwLTEuOTkuOS0xLjk5IDJMMiAyMmw0LTRoMTRjMS4xIDAgMi0uOSAyLTJWNGMwLTEuMS0uOS0yLTItMnptLTIgMTJINnYtMmgxMnYyem0wLTNINnYtMmgxMnYyem0wLTNINnYtMmgxMnYyeiIvPjwvc3ZnPg=="));
  background-repeat: no-repeat;
  background-position: center;
  background-size: 26px 26px;
}
#wp-chat-fab:hover { transform: scale(1.08); background-color: var(--wpai-accent-hover); }

#wp-chat-pulse {
  position: fixed;
  bottom: 28px; right: 28px;
  width: 58px; height: 58px;
  border-radius: 50%;
  border: 2px solid var(--wpai-accent);
  opacity: 0.5;
  animation: wppulse 2s ease-out infinite;
  pointer-events: none;
  z-index: 9998;
}
@keyframes wppulse {
  0%   { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(1.75); opacity: 0; }
}

#wp-chat-label {
  position: fixed;
  bottom: 38px; right: 98px;
  background: var(--wpai-accent);
  color: #0D0D0D;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 20px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 9999;
  transition: background 0.15s;
}
#wp-chat-label:hover { background: var(--wpai-accent-hover); }

#wp-chat-box {
  position: fixed;
  bottom: 100px; right: 28px;
  width: 340px;
  max-height: 78vh;
  border-radius: 14px;
  overflow: hidden;
  display: none;
  flex-direction: column;
  z-index: 9997;
  border: 1px solid #2a2a2a;
  box-shadow: 0 8px 40px rgba(0,0,0,0.5);
}
#wp-chat-box.open { display: flex; }

#wp-chat-header {
  background: var(--wpai-header-bg);
  border-bottom: 2px solid var(--wpai-accent);
  padding: 13px 14px;
  display: flex; align-items: center; gap: 11px;
  flex-shrink: 0;
}
#wp-chat-avatar {
  width: 38px; height: 38px; border-radius: 50%;
  background: var(--wpai-accent);
  display: flex; align-items: center; justify-content: center;
  font-weight: 700; font-size: 13px; color: #0D0D0D;
  flex-shrink: 0;
  overflow: hidden;
}
#wp-chat-avatar img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.wp-header-name { color: #fff; font-size: 13px; font-weight: 600; margin: 0 0 2px; }
.wp-header-status { color: var(--wpai-accent); font-size: 11px; margin: 0; display: flex; align-items: center; gap: 4px; }
.wp-status-dot { width: 6px; height: 6px; border-radius: 50%; background: green; display: inline-block; }
.wp-status-dot.busy { background: #888; animation: wpblink 1s infinite; }
@keyframes wpblink { 50% { opacity: 0.3; } }

#wp-chat-close {
  margin-left: auto;
  width: 30px; height: 30px; border-radius: 50%;
  background: none; border: none; cursor: pointer;
  color: rgba(255,255,255,0.4); font-size: 20px;
  padding: 0; line-height: 1;
  display: flex; align-items: center; justify-content: center;
}
#wp-chat-close:hover { color: var(--wpai-accent); }

#wp-chat-body {
  background: var(--wpai-bg);
  padding: 14px 13px 10px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.wp-msg-row { display: flex; }
.wp-msg-row.user { justify-content: flex-end; }

.wp-bubble {
  background: #1C1C1C;
  border: 0.5px solid #2a2a2a;
  border-radius: 3px 12px 12px 12px;
  padding: 10px 13px;
  color: var(--wpai-text);
  font-size: 13px;
  line-height: 1.55;
  max-width: 85%;
  white-space: pre-wrap;
}
.wp-bubble.user {
  background: var(--wpai-accent);
  color: #0D0D0D;
  border: none;
  border-radius: 12px 3px 12px 12px;
}
.wp-bubble-accent { color: var(--wpai-accent); }

.wp-typing { display: flex; gap: 4px; padding: 4px 0; }
.wp-typing span {
  width: 6px; height: 6px; border-radius: 50%;
  background: var(--wpai-accent); opacity: 0.4;
  animation: wptyping 1.2s infinite;
}
.wp-typing span:nth-child(2) { animation-delay: 0.2s; }
.wp-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes wptyping { 0%,80%,100% { opacity: 0.25; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-3px); } }

#wp-viber-escalate {
  margin: 2px 0 4px;
  background: #201a08;
  border: 1px solid #4a3c10;
  border-radius: 10px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
#wp-viber-escalate p {
  margin: 0;
  font-size: 12px;
  color: #d9c98a;
  line-height: 1.4;
  flex: 1;
}
#wp-viber-btn {
  background: var(--wpai-secondary);
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 7px 16px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: background 0.15s;
  display: flex;
  align-items: center;
  gap: 6px;
}
#wp-viber-btn:hover { filter: brightness(0.85); }
.wp-viber-icon {
  width: 13px; height: 13px;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0xMi4wNCAyLjA0Yy01LjUyIDAtMTAgNC40OC0xMCAxMCAwIDEuNzYuNDYgMy40NyAxLjMzIDQuOTdMMiAyMmw1LjE0LTEuMzVjMS40NC43OSAzLjA1IDEuMjEgNC44NyAxLjIxaC4wMWM1LjUyIDAgOS45OS00LjQ4IDkuOTktMTAgMC0yLjY3LTEuMDQtNS4xOC0yLjkzLTcuMDdBOS45MyA5LjkzIDAgMDAxMi4wNCAyLjA0em0wIDE4LjJoLS4wMWMtMS42MiAwLTMuMjEtLjQzLTQuNi0xLjI0bC0uMzMtLjItMy4wNS44LjgxLTIuOTctLjIxLS4zNGMtLjg5LTEuNDMtMS4zNi0zLjA4LTEuMzYtNC43NyAwLTQuOTQgNC4wMi04Ljk1IDguOTYtOC45NSAyLjM5IDAgNC42My45MyA2LjMyIDIuNjJhOC44OSA4Ljg5IDAgMDEyLjYxIDYuMzNjMCA0Ljk0LTQuMDEgOC45Mi04Ljk1IDguOTJ6bTQuOTEtNi42N2MtLjI3LS4xNC0xLjU5LS43OS0xLjgzLS44OC0uMjUtLjA5LS40My0uMTQtLjYxLjE0LS4xOC4yNy0uNyAuODgtLjg2IDEuMDYtLjE2LjE4LS4zMS4yLS41OC4wNy0uMjctLjE0LTEuMTQtLjQyLTIuMTctMS4zNC0uOC0uNzEtMS4zNC0xLjU5LTEuNS0xLjg2LS4xNi0uMjctLjAyLS40Mi4xMi0uNTUuMTItLjEyLjI3LS4zMS40MS0uNDcuMTQtLjE2LjE4LS4yNy4yNy0uNDUuMDktLjE4LjA0LS4zNC0uMDItLjQ3LS4wNy0uMTQtLjYxLTEuNDctLjgzLTIuMDEtLjIyLS41Mi0uNDQtLjQ1LS42MS0uNDYtLjE2LS4wMS0uMzQtLjAxLS41Mi0uMDEtLjE4IDAtLjQ3LjA3LS43MS4zNC0uMjQuMjctLjkzLjkxLS45MyAyLjIyIDAgMS4zMS45NSAyLjU4IDEuMDggMi43Ni4xNC4xOCAxLjg4IDIuODcgNC41NiA0LjAyLjY0LjI4IDEuMTQuNDQgMS41My41Ni42NC4yMSAxLjIyLjE4IDEuNjguMTEuNTEtLjA4IDEuNTktLjY1IDEuODEtMS4yOC4yMy0uNjIuMjMtMS4xNi4xNi0xLjI4LS4wNy0uMTEtLjI1LS4xOC0uNTItLjMyeiIvPjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#wp-chat-input-row {
  background: var(--wpai-header-bg);
  border-top: 0.5px solid #2a2a2a;
  padding: 9px 11px;
  display: flex; gap: 8px; align-items: center;
  flex-shrink: 0;
}
#wp-chat-input {
  flex: 1;
  min-width: 0;
  background: #111;
  border: 0.5px solid #333;
  border-radius: 20px;
  padding: 8px 13px;
  color: #e2e2e2;
  font-size: 13px;
  outline: none;
}
#wp-chat-input::placeholder { color: rgba(255,255,255,0.25); }
#wp-chat-input:focus { border-color: var(--wpai-accent); }
#wp-chat-input:disabled { opacity: 0.5; }

#wp-chat-send {
  width: 36px !important; height: 36px !important;
  min-width: 36px !important; max-width: 36px !important;
  min-height: 36px !important; max-height: 36px !important;
  flex: 0 0 36px !important;
  padding: 0 !important;
  border-radius: 50% !important;
  background-color: var(--wpai-accent);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPgogIDxwYXRoIGQ9Ik0yLjAxIDIxTDIzIDEyIDIuMDEgMyAyIDEwbDE1IDItMTUgMnoiLz4KPC9zdmc+");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  border: none !important;
  cursor: pointer;
  transition: background-color 0.15s;
}
#wp-chat-send:hover { background-color: var(--wpai-accent-hover); }
#wp-chat-send:disabled { opacity: 0.4; cursor: default; }

#wp-chat-footer {
  background: #111;
  padding: 5px 13px 8px;
  font-size: 11px;
  color: rgba(255,255,255,0.22);
  text-align: center;
  flex-shrink: 0;
}
#wp-chat-footer span { color: var(--wpai-accent); opacity: 0.7; }
#wp-chat-footer a {
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  transition: color 0.15s;
}
#wp-chat-footer a:hover { color: var(--wpai-accent); text-decoration: underline; }

/* Позиция долу-ляво вместо долу-дясно */
#wp-chat-launcher.wpai-pos-left #wp-chat-fab,
#wp-chat-launcher.wpai-pos-left #wp-chat-pulse,
#wp-chat-launcher.wpai-pos-left #wp-chat-box {
  right: auto;
  left: 28px;
}
#wp-chat-launcher.wpai-pos-left #wp-chat-label {
  right: auto;
  left: 98px;
}