/* Aria Support Chat Widget */
#aria-chat-root { position: fixed; z-index: 99999; }
#aria-chat-root.pos-bottom-right { bottom: 24px; right: 24px; }
#aria-chat-root.pos-bottom-left  { bottom: 24px; left: 24px; }

.aria-toggle-btn {
  width: 56px; height: 56px; border-radius: 50%;
  border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 16px rgba(0,0,0,0.18);
  transition: transform 0.2s, box-shadow 0.2s;
}
.aria-toggle-btn:hover { transform: scale(1.07); box-shadow: 0 6px 20px rgba(0,0,0,0.22); }
.aria-toggle-btn svg { width: 26px; height: 26px; }

.aria-chat-window {
  width: 360px; height: 520px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 40px rgba(0,0,0,0.16);
  display: flex; flex-direction: column;
  overflow: hidden;
  margin-bottom: 12px;
  animation: aria-slide-up 0.22s ease;
}
@keyframes aria-slide-up {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}
.aria-chat-window.hidden { display: none; }

.aria-header {
  padding: 14px 16px;
  display: flex; align-items: center; gap: 10px;
  border-bottom: 1px solid #f0f0f0;
  background: #fafafa;
}
.aria-status-dot { width: 9px; height: 9px; border-radius: 50%; background: #1D9E75; flex-shrink: 0; }
.aria-header-name  { font-weight: 600; font-size: 14px; color: #111; }
.aria-header-sub   { font-size: 11px; color: #888; margin-top: 1px; }
.aria-close-btn {
  margin-left: auto; background: none; border: none; cursor: pointer;
  color: #aaa; font-size: 20px; line-height: 1; padding: 0 2px;
}
.aria-close-btn:hover { color: #555; }

.aria-messages {
  flex: 1; overflow-y: auto; padding: 14px;
  display: flex; flex-direction: column; gap: 10px;
  background: #fff;
}
.aria-msg { display: flex; flex-direction: column; gap: 3px; max-width: 82%; }
.aria-msg.bot  { align-self: flex-start; }
.aria-msg.user { align-self: flex-end; }
.aria-sender { font-size: 11px; color: #aaa; padding: 0 4px; }
.aria-msg.user .aria-sender { text-align: right; }
.aria-bubble {
  padding: 9px 13px; border-radius: 14px;
  font-size: 13.5px; line-height: 1.55;
}
.aria-msg.bot  .aria-bubble { background: #f4f4f4; color: #111; border-bottom-left-radius: 4px; }
.aria-msg.user .aria-bubble { color: #fff; border-bottom-right-radius: 4px; }

.aria-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 2px; }
.aria-chip {
  padding: 5px 11px; border-radius: 20px;
  border: 1px solid #ddd; font-size: 12px;
  cursor: pointer; color: #555; background: #fff;
  transition: background 0.15s;
}
.aria-chip:hover { background: #f4f4f4; color: #111; }

.aria-typing { display: flex; gap: 4px; padding: 10px 14px; background: #f4f4f4; border-radius: 14px; border-bottom-left-radius: 4px; width: fit-content; }
.aria-typing span { width: 7px; height: 7px; border-radius: 50%; background: #bbb; animation: aria-bounce 1.2s infinite; }
.aria-typing span:nth-child(2) { animation-delay: 0.2s; }
.aria-typing span:nth-child(3) { animation-delay: 0.4s; }
@keyframes aria-bounce { 0%,80%,100%{transform:translateY(0)} 40%{transform:translateY(-6px)} }

.aria-input-area {
  display: flex; gap: 8px; padding: 10px 12px;
  border-top: 1px solid #f0f0f0; background: #fff;
}
.aria-input {
  flex: 1; padding: 9px 13px;
  border: 1px solid #e0e0e0; border-radius: 20px;
  font-size: 13.5px; color: #111; background: #fafafa;
  outline: none; font-family: inherit;
}
.aria-input:focus { border-color: var(--aria-accent, #378ADD); box-shadow: 0 0 0 2px rgba(55,138,221,0.13); }
.aria-send-btn {
  width: 36px; height: 36px; border-radius: 50%;
  border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  transition: opacity 0.15s;
}
.aria-send-btn:hover { opacity: 0.85; }
.aria-send-btn svg { width: 16px; height: 16px; }

/* Inline embed */
.aria-chat-inline-wrap .aria-chat-window {
  position: static; width: 100%; height: 480px;
  margin-bottom: 0; box-shadow: 0 2px 12px rgba(0,0,0,0.10);
}

@media (max-width: 400px) {
  .aria-chat-window { width: calc(100vw - 32px); }
  #aria-chat-root.pos-bottom-right { right: 12px; }
  #aria-chat-root.pos-bottom-left  { left: 12px; }
}