/* ======================================
   WRAPPER ROOT - FIX PRINCIPAL (HOME)
   position:fixed + pointer-events resolve
   qualquer slider/hero que cubra o botão
   ====================================== */
#evo-chat-wrapper-root {
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 2147483647 !important;
    pointer-events: none !important;
}

#evo-chat-wrapper-root .chat-container,
#evo-chat-wrapper-root .chat-toggle,
#evo-chat-wrapper-root .chat-box,
#evo-chat-wrapper-root .chat-box * {
    pointer-events: auto !important;
}

.chat-container { position: fixed !important; bottom: 20px !important; z-index: 2147483647 !important; font-family: 'Segoe UI', Arial, sans-serif !important; }
.pos-right { right: 20px !important; left: auto !important; } .pos-left { left: 20px !important; right: auto !important; }
.chat-box { width: 360px; height: 550px; background: #efeae2; border-radius: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.15); display: none; flex-direction: column; overflow: hidden; border: 1px solid #d1d7db; margin-bottom: 15px; }
.chat-header { background: #075e54; color: #fff; padding: 12px 15px; display: flex; align-items: center; justify-content: space-between; }
.header-content { display: flex; align-items: center; width: 100%; } .avatar { background: #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-right: 12px; overflow: hidden; flex-shrink: 0; }
.header-info { display: flex; flex-direction: column; } .header-info strong { font-size: 16px; font-weight: 600; } .header-info span { font-size: 12px; opacity: 0.9; }
.pre-chat-form { flex: 1; padding: 25px; display: flex; flex-direction: column; justify-content: center; background: #fff; }
.pre-chat-form input[type="text"] { width: 100%; padding: 14px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 8px; box-sizing: border-box; font-size: 14px; outline: none; }
.pre-chat-form button { background: #25d366; color: white; border: none; padding: 14px; border-radius: 8px; cursor: pointer; font-weight: bold; font-size: 15px; }
.privacy-terms { display: flex; align-items: flex-start; margin-bottom: 20px; background: #f9f9f9; padding: 12px; border-radius: 8px; border: 1px solid #eee; }
.privacy-terms input { margin-top: 3px; margin-right: 10px; cursor: pointer; } .privacy-terms label { font-size: 12px; color: #555; line-height: 1.4; }
.chat-messages { flex: 1; padding: 15px; overflow-y: auto; display: flex; flex-direction: column; gap: 12px; background-image: url('data:image/svg+xml;utf8,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><g fill="%23e4ddd6" fill-opacity="0.4"><path d="M10 10h10v10H10z"/></g></svg>'); }
.system-msg { background: #ffeecd; color: #54656f; font-size: 11.5px; text-align: center; padding: 8px 12px; border-radius: 8px; align-self: center; max-width: 90%; }
.user-msg { background: #dcf8c6; padding: 8px 12px; border-radius: 8px 0 8px 8px; align-self: flex-end; max-width: 85%; font-size: 14px; color: #111b21; }
.bot-msg { background: #ffffff; padding: 8px 12px; border-radius: 0 8px 8px 8px; align-self: flex-start; max-width: 85%; font-size: 14px; color: #111b21; white-space: pre-wrap; }
.file-preview-box { background: #e1e8ed; padding: 8px 15px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; color: #333; border-top: 1px solid #ccc; }
.remove-file-btn { background: #ff4d4d; color: #fff; border: none; border-radius: 50%; width: 20px; height: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px; }
.chat-input { display: flex; padding: 10px 15px; background: #f0f2f5; align-items: center; }
.attach-btn { color: #54656f; cursor: pointer; margin-right: 12px; display: flex; align-items: center; }
.chat-input input[type="text"] { flex: 1; border: none; padding: 12px 20px; border-radius: 24px; outline: none; font-size: 15px; background: #fff; }
.send-btn { background: #00a884; color: white; border: none; width: 44px; height: 44px; margin-left: 10px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.chat-toggle { background: #25d366; color: white; width: 65px; height: 65px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.3); transition: transform 0.2s; position: relative; z-index: 2147483647 !important; overflow: hidden; padding: 0; }
.chat-toggle:hover { transform: scale(1.1); }
.pos-right .chat-toggle { float: right; } .pos-left .chat-toggle { float: left; }