/* ==========================================================
   AI OVERLAY STYLES — css/ai-overlay.css
   iframe chạy nền ẩn — 1×1px để gesture cùng-origin
   propagate và Zalo / Safari cho phép AudioContext.
   ========================================================== */

/* iframe nền: render nhưng vô hình */
#ai-iframe {
  position: fixed;
  left: -2px;
  bottom: -2px;
  width: 1px;
  height: 1px;
  border: none;
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

/* Nút AI — trạng thái đang kết nối / đang nghe */
.ai-button.ai-connected .ai-core {
  background: radial-gradient(circle at 50% 40%,
      rgba(94, 234, 212, 0.55) 0%,
      rgba(0, 80, 60, 0.9) 50%,
      rgba(0, 30, 22, 0.98) 100%);
  box-shadow:
    0 0 50px rgba(94, 234, 212, 0.7),
    0 0 100px rgba(94, 234, 212, 0.25),
    inset 0 0 40px rgba(94, 234, 212, 0.3);
  border-color: #5eead4;
}

.ai-button.ai-connected .ai-ring-outer,
.ai-button.ai-connected .ai-ring-mid {
  animation-duration: 0.9s;
  border-color: rgba(94, 234, 212, 0.7);
}

.ai-button.ai-connected .ai-wave::before,
.ai-button.ai-connected .ai-wave::after {
  animation-duration: 0.5s;
  opacity: 1;
}

.ai-button.ai-connected .ai-label {
  color: #fff;
  text-shadow: 0 0 12px rgba(94, 234, 212, 0.9);
}
}