/* 1. SEQUESTRADOR GIGANTE (Centraliza e expande o Chat original) */
  #joe-ai-chat {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    
    /* 🚀 DIMENSÕES GIGANTES (Escala Cinema) */
    width: 950px !important; 
    height: 80vh !important; 
    max-width: 95vw !important;
    max-height: 90vh !important;
    
    /* Desancora o chat do canto inferior direito */
    bottom: auto !important;
    right: auto !important;
    margin: 0 !important;
    
    /* Fica na frente de absolutamente tudo */
    z-index: 999999 !important;
    
    /* Design do Painel e o Pulso Neon Azul */
    border-radius: 16px !important;
    border: 1px solid rgba(0, 229, 255, 0.3) !important;
    animation: joe-chat-pulse 2.5s infinite alternate !important;
    transition: all 0.3s ease-in-out !important;
    overflow: hidden !important;
  }

  /* 2. FLEX ENGINE (Força os elementos internos do seu chat a preencherem a nova altura gigante) */
  #joe-ai-chat > div {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }

  /* 3. EXPANSOR DE MENSAGENS (Faz a área das conversas esticar ao máximo para o meio da tela) */
  #joe-ai-chat .modal-body, 
  #joe-ai-chat [class*="body"], 
  #joe-ai-chat [class*="chat-messages"], 
  #joe-ai-chat [id*="messages"] {
    flex-grow: 1 !important;
    height: auto !important;
    overflow-y: auto !important;
  }

  /* 4. RODAPÉ FIXO (Garante que a barra de digitação e o cérebro que pisca fiquem sempre colados no fundo) */
  #joe-ai-chat .modal-footer,
  #joe-ai-chat [class*="footer"],
  #joe-ai-chat [class*="input-wrap"] {
    margin-top: auto !important;
  }

  /* Animação do Pulso Neon Azul do Painel Gigante */
  @keyframes joe-chat-pulse {
    0% { box-shadow: 0 0 15px rgba(0, 229, 255, 0.15), 0 0 45px rgba(0, 0, 0, 0.85); }
    100% { box-shadow: 0 0 45px rgba(0, 229, 255, 0.5), 0 0 65px rgba(0, 0, 0, 0.95); }
  }