/* RF Chat UI - Re-engineered for isolation */

/* Ikona pływająca */
.rf-chat-toggle-btn {
  position: fixed !important;
  right: 24px !important;
  bottom: 24px !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%) !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 20000 !important; /* Wyżej niż czerwony przycisk menu/scroll */
  box-shadow: 0 8px 25px rgba(0,0,0,0.2) !important;
  border: none !important;
  outline: none !important;
  pointer-events: auto !important;
}

/* Overlay - domyślnie ukryty */
.rf-chat-modal-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0,0,0,0.5) !important;
  z-index: 19999 !important;
  display: none !important; /* KLUCZOWE */
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

/* Kiedy otwarte */
.rf-chat-modal-overlay.rf-open {
  display: flex !important;
  pointer-events: auto !important;
}

/* Okno Chatu */
.rf-chat-modal {
  width: 380px;
  max-width: 90%;
  height: 600px;
  background: #fff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.3) !important;
  position: relative !important;
}

/* Stylowanie nagłówka */
.rf-chat-header {
  background: #000 !important;
  color: #fff !important;
  padding: 12px 16px !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.rf-chat-close {
  background: none !important;
  border: none !important;
  color: #fff !important;
  font-size: 24px !important;
  cursor: pointer !important;
}

/* Reszta UI */
.rf-chat-main { padding: 20px; text-align: center; }
.rf-chat-hero { width: 70px; height: 70px; background: #eee; border-radius: 12px; margin: 0 auto 10px; }
.rf-chat-messages-wrap { flex: 1; overflow-y: auto; padding: 15px; display: flex; flex-direction: column; gap: 10px; }
.rf-chat-input-area { padding: 15px; border-top: 1px solid #eee; display: flex; gap: 10px; }
.rf-chat-user-input { flex: 1; border: 1px solid #ddd; border-radius: 20px; padding: 8px 15px; outline: none; }
.rf-chat-send-button { background: #2563eb; color: #fff; border: none; border-radius: 8px; padding: 8px 15px; cursor: pointer; }

/* Dymki */
.rf-chat-message { max-width: 80%; padding: 10px; border-radius: 10px; font-size: 14px; }
.rf-chat-message-user { align-self: flex-end; background: #2563eb; color: #fff; }
.rf-chat-message-bot { align-self: flex-start; background: #f0f0f0; color: #333; }