:root { --chat-button-height: 50px; --chat-panel-width: 380px; --chat-panel-height: 540px; --chat-z: 2147483000; }
#cs-chat-button { position: fixed; right: 20px; bottom: 20px; height: var(--chat-button-height); width: auto; padding: 0 22px; border-radius: 999px; border: none; cursor: pointer; background: #2563eb; color: white; font-size: 15px; font-weight: 600; white-space: nowrap; box-shadow: 0 10px 30px rgba(0,0,0,.18); z-index: var(--chat-z); }
#cs-chat-panel { position: fixed; right: 20px; bottom: calc(20px + var(--chat-button-height) + 12px); width: var(--chat-panel-width); height: var(--chat-panel-height); border-radius: 14px; overflow: hidden; background: white; box-shadow: 0 20px 60px rgba(0,0,0,.22); display: none; z-index: var(--chat-z); }
#cs-chat-panel.open { display: block; }
#cs-webchat { width: 100%; height: 100%; }
@media (max-width: 480px) { :root { --chat-panel-width: calc(100vw - 24px); --chat-panel-height: calc(100vh - 120px); } #cs-chat-panel { right: 12px; bottom: 92px; } #cs-chat-button { right: 12px; bottom: 20px; } }