/* v1.3.0 Panel List */
.dww-floating-widget{ position:fixed; z-index:999999; inset:auto 24px 24px auto; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif; }
.dww-pos-bottom-left{ left:24px; right:auto; } .dww-pos-bottom-right{ right:24px; left:auto; }
.dww-fab{ position:absolute; right:0; bottom:0; transform:translate(40%,40%); width:52px; height:52px; border-radius:999px; border:0; background:var(--dww-accent,#25D366); color:#0b2a16; font-weight:900; box-shadow:0 10px 30px rgba(0,0,0,.25); cursor:pointer; }
.dww-fab:hover{ filter:brightness(.95); }
.dww-panel{ width:320px; max-height:70vh; background:#0f1216; color:#f3f5f7; border-radius:14px; box-shadow:0 20px 60px rgba(0,0,0,.35); overflow:hidden; display:none; flex-direction:column; }
.dww-panel.open{ display:flex; }
.dww-panel-header{ padding:16px 16px 8px 16px; background:#12161c; border-bottom:1px solid rgba(255,255,255,.06); position:relative; }
.dww-panel-title{ font-size:16px; font-weight:800; } .dww-panel-sub{ font-size:12px; opacity:.8; margin-top:4px; }
.dww-panel-close{ position:absolute; right:6px; bottom:6px; width:38px; height:38px; border-radius:999px; border:0; background:#262a31; color:#fff; font-size:18px; line-height:1; box-shadow:0 6px 16px rgba(0,0,0,.25); cursor:pointer; }
.dww-search-wrap{ padding:10px 12px 0 12px; background:#0f1216; } .dww-search{ width:100%; height:40px; padding:0 12px; background:#0b0e12; border:1px solid #2a2f38; border-radius:10px; color:#e8eef6; }
.dww-list{ padding:12px; display:flex; flex-direction:column; gap:10px; overflow:auto; max-height:52vh; }
.dww-card{ display:flex; align-items:center; gap:12px; background:#151a21; border:1px solid #242a33; border-radius:12px; padding:10px 12px; transition:transform .15s ease, box-shadow .15s ease; }
.dww-card:hover{ transform:translateY(-1px); box-shadow:0 10px 28px rgba(0,0,0,.25); }
.dww-card .dww-avatar{ width:42px; height:42px; border-radius:999px; overflow:hidden; background:#222; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#ccc; font-weight:800; }
.dww-card .dww-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
.dww-card .dww-info{ flex:1; min-width:0; } .dww-card .dww-name{ font-weight:800; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dww-card .dww-role{ font-size:12px; opacity:.9; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dww-card .dww-statusrow{ display:flex; align-items:center; gap:8px; font-size:12px; margin-top:4px; opacity:.95; }
.dww-dot-online{ width:8px; height:8px; border-radius:999px; background:#25D366; box-shadow:0 0 0 0 rgba(37,211,102,.7); animation:dww-pulse 1.5s infinite; }
.dww-dot-offline{ width:8px; height:8px; border-radius:999px; background:#ef4444; }
@keyframes dww-pulse{ 0%{ box-shadow:0 0 0 0 rgba(37,211,102,.7);} 70%{ box-shadow:0 0 0 8px rgba(37,211,102,0);} 100%{ box-shadow:0 0 0 0 rgba(37,211,102,0);} }
.dww-card .dww-action a{ background:var(--dww-accent,#25D366); color:#0b2a16; font-weight:800; border-radius:10px; padding:8px 10px; text-decoration:none; white-space:nowrap; }
@media (max-width:480px){ .dww-panel{ width:92vw; max-height:72vh; } }