/* =============================================================================
   SUPPORT CHAT STYLES
   Dalai Vana chat assistant styling
   ============================================================================= */

/* Brand gradient used throughout chat */
.vana-gradient {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
}

/* =============================================================================
   CHAT BUTTON (Desktop - bottom right)
   ============================================================================= */

.support-chat-button {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
}

/* =============================================================================
   CHAT MODAL
   ============================================================================= */

.support-chat-modal {
  opacity: 0;
  transform: translateY(100%);
  pointer-events: none;
}

.support-chat-modal.is-open {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

/* =============================================================================
   CHAT HEADER
   ============================================================================= */

.support-chat-header {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
}

/* =============================================================================
   MESSAGE AVATARS & BUTTONS
   ============================================================================= */

.support-chat-avatar {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
}

.support-chat-send-btn {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
}

/* =============================================================================
   START CHAT ICON
   ============================================================================= */

.support-chat-start-icon {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
}

/* =============================================================================
   TURBO STREAM BUTTON (when chat is created)
   ============================================================================= */

.support-chat-button-hidden {
  background: linear-gradient(135deg, #f16700 0%, #2563eb 100%);
  opacity: 0;
  transform: scale(0.8);
  pointer-events: none;
}

.support-chat-modal-open {
  opacity: 1;
  transform: scale(1) translateY(0);
  pointer-events: auto;
}