.online-users-widget[data-v-8f24f9ee]{height:100%;display:flex;flex-direction:column}.users-list[data-v-8f24f9ee]{flex:1;overflow-y:auto;padding:.25rem}.user-item[data-v-8f24f9ee]{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--bs-gray-100);transition:background-color .2s ease;cursor:pointer;border-radius:6px;margin-bottom:.25rem}.user-item[data-v-8f24f9ee]:hover{background-color:var(--bs-gray-50)}.user-item.current-user[data-v-8f24f9ee]{background-color:var(--bs-light);border-left:3px solid var(--bs-primary)}.user-avatar[data-v-8f24f9ee]{position:relative;margin-right:.5rem}.avatar-image[data-v-8f24f9ee]{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid var(--bs-gray-200)}.status-indicator[data-v-8f24f9ee]{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bs-white);background-color:var(--bs-success)}.user-info[data-v-8f24f9ee]{flex:1;min-width:0}.user-name[data-v-8f24f9ee]{font-weight:500;color:var(--bs-gray-800);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.current-user-badge[data-v-8f24f9ee]{font-size:.8rem;color:var(--bs-primary);font-weight:400;margin-left:.25rem}.user-badges[data-v-8f24f9ee]{display:flex;gap:.25rem;margin-top:.25rem}.badge[data-v-8f24f9ee]{font-size:.7rem;padding:.2rem .4rem;border-radius:3px}.admin-badge[data-v-8f24f9ee]{background-color:var(--bs-danger);color:#fff}.moderator-badge[data-v-8f24f9ee]{background-color:var(--bs-warning);color:var(--bs-dark)}.user-actions[data-v-8f24f9ee]{display:flex;gap:.25rem;opacity:0;transition:opacity .2s ease}.user-item:hover .user-actions[data-v-8f24f9ee]{opacity:1}.action-btn[data-v-8f24f9ee]{background:none;border:none;color:var(--bs-gray-500);padding:.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.8rem}.action-btn[data-v-8f24f9ee]:hover{background-color:var(--bs-gray-200);color:var(--bs-primary)}.connection-status[data-v-8f24f9ee]{margin-top:.5rem}.reconnecting-indicator[data-v-8f24f9ee]{display:flex;align-items:center;justify-content:center;padding:.5rem;background-color:rgba(var(--bs-warning-rgb),.1);border-radius:6px;color:var(--bs-warning);font-size:.85rem;border-left:3px solid var(--bs-warning)}.users-list[data-v-8f24f9ee]::-webkit-scrollbar{width:4px}.users-list[data-v-8f24f9ee]::-webkit-scrollbar-track{background:var(--bs-gray-100)}.users-list[data-v-8f24f9ee]::-webkit-scrollbar-thumb{background:var(--bs-gray-400);border-radius:2px}.users-list[data-v-8f24f9ee]::-webkit-scrollbar-thumb:hover{background:var(--bs-gray-500)}.room-list-widget[data-v-28091709]{height:100%;display:flex;flex-direction:column}.room-search[data-v-28091709]{position:relative;margin-bottom:.5rem}.search-input[data-v-28091709]{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--bs-gray-300);border-radius:6px;font-size:.85rem;transition:border-color .2s ease}.search-input[data-v-28091709]:focus{outline:none;border-color:var(--bs-primary);box-shadow:0 0 0 2px #0d6efd40}.search-icon[data-v-28091709]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);color:var(--bs-gray-400);font-size:.8rem}.rooms-list[data-v-28091709]{flex:1;overflow-y:auto}.room-item[data-v-28091709]{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--bs-gray-100);transition:background-color .2s ease;cursor:pointer;border-radius:6px;margin-bottom:.25rem}.room-item[data-v-28091709]:hover{background-color:var(--bs-gray-50)}.room-item.active[data-v-28091709]{background-color:var(--bs-light);border-left:3px solid var(--bs-primary)}.room-icon[data-v-28091709]{position:relative;margin-right:.5rem}.room-icon-image[data-v-28091709]{width:32px;height:32px;border-radius:6px;object-fit:cover;border:1px solid var(--bs-gray-200)}.room-icon-placeholder[data-v-28091709]{width:32px;height:32px;border-radius:6px;background:var(--bs-gray-200);display:flex;align-items:center;justify-content:center;color:var(--bs-gray-500);font-size:1rem;border:1px solid var(--bs-gray-200)}.room-info[data-v-28091709]{flex:1;min-width:0}.room-name[data-v-28091709]{font-weight:500;color:var(--bs-gray-800);font-size:.85rem;display:flex;align-items:center;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.private-badge[data-v-28091709]{color:var(--bs-warning);font-size:.8rem}.room-description[data-v-28091709]{font-size:.75rem;color:var(--bs-gray-600);margin-top:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta[data-v-28091709]{margin-top:.25rem}.user-count[data-v-28091709]{font-size:.7rem;color:var(--bs-gray-500);display:flex;align-items:center;gap:.25rem}.room-actions[data-v-28091709]{margin-left:.5rem}.action-btn[data-v-28091709]{background:none;border:none;color:var(--bs-gray-500);padding:.25rem;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.8rem}.action-btn[data-v-28091709]:hover{background-color:var(--bs-gray-200);color:var(--bs-primary)}.rooms-list[data-v-28091709]::-webkit-scrollbar{width:4px}.rooms-list[data-v-28091709]::-webkit-scrollbar-track{background:var(--bs-gray-100)}.rooms-list[data-v-28091709]::-webkit-scrollbar-thumb{background:var(--bs-gray-400);border-radius:2px}.rooms-list[data-v-28091709]::-webkit-scrollbar-thumb:hover{background:var(--bs-gray-500)}@media (max-width: 576px){.room-item[data-v-28091709]{padding:.4rem}.room-icon-image[data-v-28091709],.room-icon-placeholder[data-v-28091709]{width:28px;height:28px}.room-name[data-v-28091709]{font-size:.8rem}.room-description[data-v-28091709]{font-size:.7rem}}