.rooms-panel{width:320px;background:var(--rooms-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:background .2s;}
.rooms-panel.collapsed{width:0;overflow:hidden;border:none;}
.rooms-panel.collapsed+.resizer{display:none;}
.rooms-title{padding:10px 10px 6px;font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;border-bottom:1px solid var(--border);}
.rooms-list{flex:1;overflow-y:auto;padding:6px 5px;}
.room-item{padding:7px 9px;border-radius:6px;cursor:pointer;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:5px;margin-bottom:2px;user-select:none;}
.room-item:hover{background:var(--room-hover);color:var(--text);}
.room-item.active{background:var(--room-active);color:var(--text);font-weight:600;}
.room-item.private{color:#a3a9d8;}
.room-item.private.active{background:var(--room-active);color:var(--text);}
.room-item .r-icon{font-size:13px;opacity:.7;flex-shrink:0;display:flex;align-items:center;}
.room-item.private .r-icon{opacity:1;}
.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--dnd);margin-left:auto;flex-shrink:0;}
.room-close{margin-left:auto;opacity:0;font-size:13px;color:var(--muted);line-height:1;padding:0 2px;flex-shrink:0;}
.room-item:hover .room-close{opacity:1;}
.room-close:hover{color:var(--dnd);}
.rooms-sep{font-size:10px;color:var(--muted);padding:8px 9px 4px;letter-spacing:1px;text-transform:uppercase;}
.room-add{margin:4px 8px;padding:7px 8px;border-radius:4px;font-size:14px;color:var(--muted);cursor:pointer;font-weight:600;}
.room-add:hover{background:var(--room-hover);color:var(--text);}
.closed-room .reopen-btn{margin-left:auto;color:var(--muted);font-size:16px;line-height:1;flex-shrink:0;}
.closed-room:hover .reopen-btn{color:var(--online);}