#scw-widget { position: fixed; right: 18px; bottom: 18px; z-index: 999999; font-family: Arial, sans-serif; }
#scw-fab { width: 56px; height:56px; border-radius:50%; border:none; cursor:pointer; font-size:22px; box-shadow:0 8px 24px rgba(0,0,0,.2); }
#scw-tooltip{
  position:absolute; right:70px; bottom:12px;
  background:#111827; color:#fff; padding:10px 12px; border-radius:10px;
  font-size:13px; max-width:220px;
}
#scw-panel{
  width: 340px; height: 480px; background:#fff; border-radius:18px;
  position:absolute; right:0; bottom:70px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
  overflow:hidden; display:none;
}
#scw-header{
  padding:12px; display:flex; align-items:center; gap:10px; color:#fff;
}
#scw-avatar{ width:38px; height:38px; border-radius:50%; object-fit:cover; }
#scw-close{ margin-left:auto; background:transparent; border:none; color:#fff; font-size:18px; cursor:pointer; }
#scw-agent{ font-weight:700; font-size:14px; }
#scw-company{ font-size:12px; opacity:.9; }
#scw-messages{ padding:12px; height:340px; overflow:auto; background:#f9fafb; }
.scw-bubble{
  max-width:80%; margin:8px 0; padding:10px 12px; border-radius:14px; font-size:14px; line-height:1.35;
}
.scw-user{ background:#111827; color:#fff; margin-left:auto; border-bottom-right-radius:4px; }
.scw-bot{ background:#fff; color:#111827; margin-right:auto; border:1px solid #e5e7eb; border-bottom-left-radius:4px; }
.scw-time{ font-size:11px; opacity:.7; margin-top:4px; }
#scw-input{ display:flex; gap:8px; padding:12px; border-top:1px solid #e5e7eb; background:#fff; }
#scw-text{ flex:1; padding:10px; border:1px solid #e5e7eb; border-radius:12px; outline:none; }
#scw-send{ padding:10px 12px; border:none; border-radius:12px; cursor:pointer; color:#fff; }
#scw-typing{ padding:0 12px 10px 12px; }
#scw-typing .dot{ display:inline-block; width:7px; height:7px; border-radius:50%; background:#6b7280; margin-right:4px; animation: scwblink 1s infinite; opacity:.4; }
#scw-typing .dot:nth-child(2){ animation-delay:.2s;}
#scw-typing .dot:nth-child(3){ animation-delay:.4s;}
@keyframes scwblink{ 0%,100%{opacity:.25} 50%{opacity:1} }

@media(max-width: 430px){
  #scw-panel{ width: 92vw; height: 72vh; }
  #scw-messages{ height: calc(72vh - 140px); }
}