/* ═══ MEMBERS BAR ═══ */
#membersBar{width:200px;background:var(--bg2);border-left:none;display:flex;flex-direction:column;flex-shrink:0;transition:width var(--dur-normal) var(--ease-out);overflow:hidden;padding-top:var(--st)}
#membersBar.hidden{width:0;border:none}
.mb-head{padding:var(--sp-3) var(--sp-3) var(--sp-2);font-size:var(--text-2xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint);border-bottom:1px solid var(--border2);flex-shrink:0}
#membersList{flex:1;overflow-y:auto;padding:var(--sp-2)}
.mb-item{padding:var(--sp-2);border-radius:var(--r-md);display:flex;align-items:center;gap:var(--sp-2);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);color:var(--muted);margin-bottom:1px;min-height:38px}
.mb-item:hover,.mb-item:active{background:var(--surface-hover);color:var(--text)}
.mb-av{width:30px;height:30px;border-radius:var(--r-full);background:var(--surface-0);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-semi);font-size:var(--text-2xs);flex-shrink:0;position:relative;overflow:hidden}
.mb-av img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-full)}
.mb-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:var(--r-full);border:2px solid var(--bg2)}
.mb-dot.on{background:var(--success)}
.mb-dot.idle{background:var(--warning)}
.mb-dot.dnd{background:var(--error)}
.mb-name{font-size:var(--text-xs)!important;font-weight:var(--weight-semi);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.mb-role{font-size:var(--text-2xs);color:var(--text-faint)}

/* ═══ STATUS DOT (standalone) ═══ */
.status-dot{width:10px;height:10px;border-radius:var(--r-full);flex-shrink:0;border:2px solid var(--bg2)}
.status-dot.online{background:var(--success)}
.status-dot.idle{background:var(--warning)}
.status-dot.offline{background:var(--muted)}