/* ==========================================================
   AI OVERLAY STYLES — css/ai-overlay.css
   Chatbot panel nổi góc dưới-phải, panorama vẫn hiện sau.
   CSS React cô lập trong iframe, không ảnh hưởng trang pano2vr.
   ========================================================== */

/* Panel chatbot — ẩn mặc định */
#ai-iframe {
  position: fixed;
  bottom: 80px;
  right: 16px;
  width: 380px;
  height: 600px;
  border: none;
  border-radius: 16px;
  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
  background: #111;
}

/* Mobile: panel rộng hơn, cao hơn */
@media (max-width: 500px) {
  #ai-iframe {
    width: calc(100vw - 16px);
    height: 72vh;
    bottom: 64px;
    right: 8px;
    border-radius: 12px;
  }
}