/* ===== Sesli sohbet UI ===== */
.room-item.voice-room.active{color:var(--online);}
.room-item.voice-room.active .r-icon{color:var(--online);}

/* Discord ses uyesi: ~26px satir, 24px avatar, kanal adiyla hizali girinti */
.voice-member{display:flex;align-items:center;gap:8px;margin:1px 8px 1px 26px;padding:2px 8px;border-radius:8px;min-height:26px;box-sizing:border-box;cursor:pointer;}
.voice-member:hover{background:var(--room-hover);}
.voice-member .vm-av{width:24px;height:24px;font-size:10px;flex-shrink:0;}
.voice-member .vm-name{font-size:14px;font-weight:500;line-height:18px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;}
.voice-member .vm-mic-off{color:var(--dnd);display:flex;align-items:center;margin-left:4px;flex-shrink:0;}
.voice-member .vm-mic-off.self{color:var(--muted);}   /* kendi susturması → gri */
.voice-member .vm-mic-off.server{color:var(--dnd);}   /* sunucu susturması → kırmızı */

/* Konusunca yesil halka */
.voice-member.talking .vm-av,
.u-av.talking,
.card-av.talking,
.ap-avatar.talking{box-shadow:0 0 0 3px var(--online);border-radius:50%;}
.voice-member.talking .vm-name{color:var(--text);}

/* Discord tarzi yesil ses baglanti cubugu (account-bar ustunde) */
.voice-bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--account-bg);border-top:1px solid rgba(0,0,0,.25);flex-shrink:0;}
.vb-info{flex:1;min-width:0;}
.vb-status{font-size:13px;font-weight:700;color:var(--online);}
.vb-ch{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.vb-leave,.vb-btn{background:none;border:none;color:var(--muted);cursor:pointer;width:30px;height:30px;border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;}
.vb-leave:hover,.vb-btn:hover{background:var(--hover);}
.vb-leave:hover{color:var(--dnd);}
.vb-btn.muted{color:var(--dnd);}
.vb-btn svg,.vb-leave svg{pointer-events:none;}

/* B6.1/B6.2: video grid (kamera/ekran paylaşımı) */
.vvg { position:fixed; top:0; left:0; right:0; z-index:300; display:none; flex-wrap:wrap; gap:10px; justify-content:center; align-items:flex-start; padding:16px; background:rgba(0,0,0,.6); max-height:62vh; overflow:auto; }
.vvg.open { display:flex; }
.vvg-tile { position:relative; width:320px; max-width:46vw; aspect-ratio:16/9; background:#000; border-radius:8px; overflow:hidden; box-shadow:0 4px 16px rgba(0,0,0,.4); }
.vvg-video { width:100%; height:100%; object-fit:contain; background:#000; }
.vvg-label { position:absolute; left:8px; bottom:8px; background:rgba(0,0,0,.6); color:#fff; font-size:12px; padding:2px 8px; border-radius:6px; }