/* Button (rectangle) */
#wpslc-chat-toggle{
  position:fixed; padding:12px 18px; border-radius:10px; font-weight:600;
  cursor:pointer; z-index:10000; box-shadow:0 6px 18px rgba(0,0,0,.18);
  transition:transform .15s ease, background .2s ease, color .2s ease;
  background:#0073aa; color:#fff; user-select:none;
}
#wpslc-chat-toggle:hover{ transform:translateY(-2px); }

/* Positions */
.wpslc-pos-br{ right:20px; bottom:20px; }
.wpslc-pos-bl{ left:20px; bottom:20px; }
.wpslc-pos-tr{ right:20px; top:20px; }
.wpslc-pos-tl{ left:20px; top:20px; }

/* Utility */
.wpslc-hidden{ display:none; }

/* Tiny name prompt (expands above button) */
#wpslc-name-prompt{
  position:fixed; z-index:10001;
  bottom:64px; right:20px; /* default; JS will mirror based on position */
  width:260px; overflow:hidden; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(0,0,0,.22);
  transform-origin:bottom right; opacity:0; transform:translateY(10px) scale(.98);
  transition:opacity .2s ease, transform .25s ease;
}
#wpslc-name-prompt.show{ opacity:1; transform:translateY(0) scale(1); }
#wpslc-name-prompt .wpslc-name-inner{ display:flex; gap:8px; padding:10px; }
#wpslc-name-input{ flex:1; padding:10px; border:1px solid #ddd; border-radius:8px; }
#wpslc-name-continue{ padding:10px 12px; border:none; border-radius:8px; background:#0073aa; color:#fff; cursor:pointer; }

/* Chat window */
#wpslc-chat-window{
  position:fixed; z-index:10002; width:92vw; max-width:440px; height:70vh;
  left:50%; bottom:90px; transform:translateX(-50%);
  background:#fff; border-radius:14px; box-shadow:0 10px 28px rgba(0,0,0,.25);
  display:flex; flex-direction:column; overflow:hidden;
}
#wpslc-chat-window.wpslc-hidden{ display:none; }

/* Pinned header */
.wpslc-header{ position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; padding:10px 12px; background:#0073aa; color:#fff; }
.wpslc-header #wpslc-minimize{ background:transparent; border:none; color:inherit; font-size:18px; cursor:pointer; }
.wpslc-header-text{ font-weight:700; line-height:1.2; }

/* Body & input */
.wpslc-body{ flex:1; padding:10px; overflow-y:auto; background:#f7f7f7; }
.wpslc-messages .wpslc-msg{ margin:8px 0; }
.wpslc-bubble{ display:inline-block; padding:8px 10px; border-radius:12px; background:#eef6ff; }
.wpslc-msg.wpslc-admin .wpslc-bubble{ background:#e8ffe8; }

.wpslc-input{ display:flex; gap:8px; padding:10px; background:#fff; border-top:1px solid #eee; }
#wpslc-user-input{ flex:1; padding:10px; border:1px solid #ddd; border-radius:10px; }
#wpslc-send{ padding:10px 14px; background:#0073aa; color:#fff; border:none; border-radius:10px; cursor:pointer; }

.wpslc-typing{ font-style:italic; color:#666; font-size:12px; padding:6px 4px; display:none; }

@media (max-width: 480px){
  #wpslc-name-prompt{ width:92vw; right:4vw; bottom:64px; }
  #wpslc-chat-window{ width:96vw; left:50%; transform:translateX(-50%); }
}