/* ====== POSITIONING: default is bottom-right ======
   To dock bottom-left: uncomment the bottom-left block and comment-out default.
   To dock center-bottom: uncomment the center block instead.
*/

/* bottom-right (default) */
#chat-wrapper { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-end; gap: 10px; pointer-events: none; }


/* bottom-left (alternate)
#chat-wrapper { position: fixed; bottom: 20px; left: 20px; z-index: 9999; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; pointer-events: none; }
*/

/* center-bottom (alternate)
#chat-wrapper { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; flex-direction: column; align-items: center; gap: 10px; pointer-events: none; }
*/

#chat-launcher { pointer-events: auto; width: 130px; height: 100px; border-radius: 50%; background: linear-gradient(135deg,#0066ff 0%,#0099ff 100%); color: white; display: grid; place-items: center; font-size: 17px; box-shadow: 0 6px 18px rgba(0,0,0,0.25); cursor: pointer; user-select: none; opacity: 0; }
#chat-panel { pointer-events: auto; width: 550px; height: 550px; background: #fff; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.28); overflow: hidden; position:elative; display: none; }
#chat-panel iframe { width: 100%; height: 100%; border: 0; display: block; }
#chat-close { position: absolute; top: 8px; right: 70px; z-index:20; background:#fff; border-radius:6px;padding: 6px 8px; font-size: 15px; cursor: pointer; user-select: none; }
#chat-launcher:focus, #chat-close:focus { outline: 2px solid rgba(0,123,255,0.6); outline-offset: 2px; }}