.stfw-widget{position:fixed;bottom:var(--stfw-bottom);z-index:2147483000;font-family:inherit}.stfw-right{right:22px}.stfw-left{left:22px}.stfw-launcher{width:var(--stfw-size);height:var(--stfw-size);border:0;border-radius:50%;background:var(--stfw-bg);color:var(--stfw-ic);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px calc(12px + var(--stfw-shadow)) rgba(35,25,70,.24);transition:.2s;padding:0}.stfw-launcher:hover{transform:translateY(-3px) scale(1.03)}.stfw-launcher svg{width:52%;height:52%}.stfw-launcher img{width:58%;height:58%;object-fit:contain}.stfw-panel{position:absolute;bottom:calc(var(--stfw-size) + 14px);width:var(--stfw-width);max-width:calc(100vw - 30px);background:var(--stfw-pbg);border:1px solid var(--stfw-border);border-radius:var(--stfw-radius);box-shadow:0 20px 55px rgba(24,32,51,.18);overflow:hidden}.stfw-right .stfw-panel{right:0}.stfw-left .stfw-panel{left:0}.stfw-slide .stfw-panel{animation:slide .18s ease}.stfw-fade .stfw-panel{animation:fade .18s ease}.stfw-pop .stfw-panel{animation:pop .18s ease}@keyframes slide{from{opacity:0;transform:translateY(12px)}to{opacity:1}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes pop{from{opacity:0;transform:scale(.94)}to{opacity:1}}.stfw-head{display:flex;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid var(--stfw-border)}.stfw-head b{display:block;color:var(--stfw-text);font-size:17px}.stfw-head small{display:block;color:var(--stfw-muted);font-size:12px;margin-top:4px}.stfw-close{border:0;background:none;color:var(--stfw-muted);font-size:27px;cursor:pointer}.stfw-list{padding:8px}.stfw-item{display:flex;align-items:center;gap:11px;padding:12px;border-radius:var(--stfw-item-radius);text-decoration:none!important;color:var(--stfw-text)}.stfw-item:hover{background:var(--stfw-hover)}.stfw-avatar{width:var(--stfw-avatar);height:var(--stfw-avatar);border-radius:50%;overflow:hidden;background:#eef1f7;display:flex;align-items:center;justify-content:center;flex:0 0 var(--stfw-avatar);font-weight:800}.stfw-avatar img{width:100%;height:100%;object-fit:cover}.stfw-info{min-width:0;flex:1}.stfw-info strong,.stfw-info small,.stfw-info em{display:block}.stfw-info strong{font-size:14px;color:var(--stfw-text)}.stfw-info small,.stfw-info em{font-size:11px;color:var(--stfw-muted);font-style:normal}.stfw-info em{direction:ltr;text-align:right}.stfw-status{font-size:10px!important;margin-top:3px}.stfw-status.on{color:var(--stfw-on)!important}.stfw-status.off{color:var(--stfw-off)!important}.stfw-phone{width:37px;height:37px;border-radius:50%;background:var(--stfw-phonebg);color:var(--stfw-phoneic);display:flex;align-items:center;justify-content:center;flex:0 0 37px}.stfw-phone svg,.stfw-phone img{width:19px;height:19px}.stfw-bubble{position:absolute;bottom:calc(var(--stfw-size) + 9px);right:0;background:var(--stfw-pbg);color:var(--stfw-text);border:1px solid var(--stfw-border);padding:9px 13px;border-radius:12px;white-space:nowrap;font-size:12px;box-shadow:0 8px 24px rgba(24,32,51,.12)}.stfw-left .stfw-bubble{right:auto;left:0}@media(max-width:600px){.stfw-right{right:14px}.stfw-left{left:14px}.stfw-panel{width:calc(100vw - 28px);max-width:none}.stfw-right .stfw-panel{right:-7px}.stfw-left .stfw-panel{left:-7px}.stfw-bubble{white-space:normal;max-width:calc(100vw - 80px);text-align:center}}

/* v2.1.1 — compact, viewport-safe support panel */
.stfw-panel{
  display:flex;
  flex-direction:column;
  max-height:min(520px,calc(100vh - 120px));
  max-height:min(520px,calc(100dvh - 120px));
}
.stfw-panel[hidden]{display:none!important}
.stfw-head{
  flex:0 0 auto;
  padding:14px 16px;
  line-height:1.4;
}
.stfw-head b{line-height:1.45;margin:0}
.stfw-head small{line-height:1.5;margin-top:2px}
.stfw-close{line-height:1;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}
.stfw-list{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:6px 8px 8px;
  scrollbar-width:thin;
  scrollbar-color:var(--stfw-border) transparent;
}
.stfw-list::-webkit-scrollbar{width:5px}
.stfw-list::-webkit-scrollbar-track{background:transparent}
.stfw-list::-webkit-scrollbar-thumb{background:var(--stfw-border);border-radius:10px}
.stfw-item{
  gap:10px;
  padding:8px 10px;
  line-height:1.35;
}
.stfw-info strong{line-height:1.45;margin:0}
.stfw-info small,.stfw-info em{line-height:1.45;margin:0}
.stfw-status{line-height:1.35!important;margin-top:1px}
.stfw-phone{width:34px;height:34px;flex-basis:34px}
.stfw-phone svg,.stfw-phone img{width:17px;height:17px}

@media(max-width:600px){
  .stfw-panel{
    max-height:calc(100vh - 100px);
    max-height:calc(100dvh - 100px);
  }
  .stfw-head{padding:12px 14px}
  .stfw-item{padding:7px 8px}
}

/* STFW 2.2.0 Minimal Blue UI */
.stfw-launcher{
 background:#2563eb;
 color:#fff;
 box-shadow:0 8px 24px rgba(37,99,235,.25);
}
.stfw-launcher:hover{transform:translateY(-2px) scale(1.02)}
.stfw-panel{
 background:#ffffff;
 border:1px solid #e5e7eb;
 border-radius:18px;
 box-shadow:0 16px 45px rgba(15,23,42,.14);
 max-height:min(620px,calc(100vh - 120px));
}
.stfw-head{
 background:#2563eb;
 border-bottom:0;
 padding:18px 20px;
}
.stfw-head b{color:#fff}
.stfw-head small{color:rgba(255,255,255,.85)}
.stfw-close{color:#fff}
.stfw-list{
 max-height:430px;
 overflow-y:auto;
 padding:10px;
 scrollbar-width:thin;
}
.stfw-item{
 background:#fff;
 border:1px solid #eef2f7;
 margin-bottom:8px;
 padding:11px;
}
.stfw-item:hover{background:#eff6ff}
.stfw-avatar{border:2px solid #dbeafe}
.stfw-phone{
 background:#dcfce7!important;
 color:#16a34a!important;
}
@media(max-width:600px){
 .stfw-panel{width:calc(100vw - 28px);max-height:75vh}
 .stfw-list{max-height:55vh}
}

/* STFW 2.3.0 Compact corner panel */
.stfw-panel{
  width:360px;
  max-width:calc(100vw - 40px);
  max-height:460px;
  height:auto;
}
.stfw-head{
  padding:14px 16px;
}
.stfw-list{
  max-height:300px;
  overflow-y:auto;
}
.stfw-item{
  min-height:72px;
}

@media(max-width:600px){
  .stfw-panel{
    width:80vw;
    max-width:80vw;
    max-height:60vh;
    border-radius:16px;
  }
  .stfw-list{
    max-height:38vh;
  }
  .stfw-item{
    padding:8px;
    min-height:65px;
  }
}

/* STFW 2.4.0 - clean floating icon */
.stfw-launcher{
 background:transparent!important;
 box-shadow:none!important;
 padding:0!important;
 width:var(--stfw-size);
 height:var(--stfw-size);
}
.stfw-launcher img{
 width:100%;
 height:100%;
 display:block;
 object-fit:contain;
}
.stfw-launcher svg{
 width:100%;
 height:100%;
}
.stfw-panel{
 max-height:460px!important;
}
.stfw-list{
 max-height:300px!important;
 overflow-y:auto!important;
}
@media(max-width:600px){
 .stfw-widget{
   bottom:var(--stfw-mobile-bottom)!important;
 }
 .stfw-panel{
   width:80vw!important;
   max-width:80vw!important;
   max-height:60vh!important;
 }
 .stfw-list{
   max-height:38vh!important;
 }
}