.es_chat{ position:fixed; right:20px; bottom:20px; z-index:9997; font-family:Arial,sans-serif; }
.es_chat_launcher{ width:58px; height:58px; border:0; border-radius:50%; background:#14233b; color:#fff; box-shadow:0 12px 35px rgba(20,35,59,.3); cursor:pointer; position:relative; }
.es_chat_launcher i{ font-size:27px; }.es_chat_launcher span{ position:absolute; right:-5px; top:-7px; padding:3px 6px; border-radius:10px; background:#c69a52; font-size:10px; font-weight:800; }
.es_chat_panel{ display:none; width:min(370px,calc(100vw - 28px)); height:min(610px,calc(100vh - 100px)); background:#fff; border:1px solid rgba(20,35,59,.12); border-radius:20px; overflow:hidden; box-shadow:0 25px 70px rgba(20,35,59,.27); }
.es_chat_panel.open{ display:flex; flex-direction:column; }.es_chat_launcher.hidden{ display:none; }
.es_chat_header{ padding:15px 16px; display:flex; align-items:center; justify-content:space-between; background:linear-gradient(135deg,#0d1727,#14233b); color:#fff; }
.es_chat_header strong{ display:block; font-family:Georgia,serif; font-size:18px; }.es_chat_header span{ display:block; margin-top:3px; color:#dbe2eb; font-size:11px; }.es_chat_header span i{ display:inline-block; width:7px; height:7px; margin-right:4px; border-radius:50%; background:#62d493; }
.es_chat_header button{ border:0; background:transparent; color:#fff; cursor:pointer; font-size:25px; }
.es_chat_identity{ padding:10px; display:grid; grid-template-columns:1fr 1fr; gap:7px; background:#f8f6f1; border-bottom:1px solid #eee9df; }
.es_chat_identity input{ min-width:0; border:1px solid #e0dbd0; border-radius:9px; padding:9px; outline:none; font-size:12px; }.es_chat_identity input:focus{ border-color:#c69a52; }
.es_chat_messages{ flex:1; overflow-y:auto; padding:14px; background:#fffdf9; }
.es_chat_bubble{ max-width:84%; margin:0 0 10px; padding:10px 12px; border-radius:14px; line-height:1.4; font-size:13px; white-space:pre-wrap; }.es_chat_bubble.ai{ margin-right:auto; background:#f0ede7; color:#243144; border-bottom-left-radius:4px; }.es_chat_bubble.customer{ margin-left:auto; background:#14233b; color:#fff; border-bottom-right-radius:4px; }.es_chat_bubble.typing{ color:#7c8490; font-style:italic; }
.es_chat_form{ display:flex; align-items:flex-end; gap:8px; padding:10px; border-top:1px solid #eee9df; background:#fff; }.es_chat_form textarea{ flex:1; max-height:95px; resize:none; border:1px solid #ddd7cb; border-radius:12px; padding:10px; outline:none; font:13px Arial,sans-serif; }.es_chat_form textarea:focus{ border-color:#c69a52; }.es_chat_form button{ width:39px; height:39px; flex:0 0 39px; border:0; border-radius:50%; color:#fff; background:#c69a52; cursor:pointer; font-size:18px; }
.es_chat_note{ padding:0 10px 9px; text-align:center; font-size:9px; color:#8a8f98; background:#fff; }
@media(max-width:520px){ .es_chat{ right:12px; bottom:12px; }.es_chat_panel{ height:calc(100vh - 40px); }.es_chat_identity{ grid-template-columns:1fr; } }