#gts-chat-widget { position: fixed; right: 0; top: 0; z-index: 99999; font-family: Arial, sans-serif; height: 100vh; }

#gts-chat-button { position: fixed; right: 20px; bottom: 20px; z-index: 100001; width: 64px; height: 64px; border-radius: 50%; border: none; background-color: #ffffff; background-image: url('images/mati.gif'); background-size: 85%; background-position: center; background-repeat: no-repeat; box-shadow: 0 0 10px #565656; cursor: pointer; transition: transform 0.15s ease; }
#gts-chat-button:active { transform: scale(0.97); }

#gts-chat-panel { position: fixed; right: 0; top: 0; width: 360px; height: 100vh; background: #fff; box-shadow: -4px 0 20px rgba(0,0,0,0.15); transform: translateX(360px); opacity: 1; visibility: visible; transition: transform 0.3s cubic-bezier(.2,.9,.3,1); overflow: hidden; display: flex; flex-direction: column; }

#gts-chat-panel.open { transform: translateX(0); }

#gts-chat-panel-header { display:flex; justify-content:space-between; align-items:center; padding:16px; background:#f5f6f7; border-bottom:1px solid #eee; flex-shrink: 0; }
#gts-chat-panel-header span { font-weight:600; }
#gts-chat-close { background:none; border:none; font-size:22px; line-height:1; cursor:pointer; color:#333; }

#gts-chat-panel-body { padding:16px; color:#333; flex: 1; overflow-y: auto; }

/* Mobile/Tablet: full width drawer */
@media (max-width: 480px) {
    #gts-chat-panel { width: 100%; transform: translateX(100%); }
    #gts-chat-panel.open { transform: translateX(0); }
}