/* Room Rules Fix */
.room-rules {
    position: relative;
    z-index: 10;
    margin-bottom: 1rem;
}

.room-rules .alert {
    margin-bottom: 0;
    position: relative;
    z-index: 11;
}

#room-rules-content {
    position: relative;
    z-index: 12;
    background: inherit;
}

/* User sidebar fix */
.sesli-sidebar-user {
    position: relative;
    z-index: 100;
    background: var(--bg-primary, #fff);
}

.sesli-user-list {
    position: relative;
    z-index: 101;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}

/* Message area fix */
.sesli-messages {
    position: relative;
    z-index: 1;
    overflow-y: auto;
}

/* Ensure proper stacking */
.sesli-layout {
    position: relative;
}

.sesli-layout.has-user-sidebar {
    display: flex;
    flex-direction: row;
}

.sesli-main {
    flex: 1;
    position: relative;
    z-index: 1;
}

/* Responsive fixes for mobile */
@media (max-width: 991px) {
    .sesli-sidebar-user {
        position: fixed;
        right: 0;
        top: 0;
        height: 100vh;
        z-index: 1050;
        transform: translateX(100%);
        transition: transform 0.3s ease;
    }
    
    .sesli-sidebar-user.open {
        transform: translateX(0);
    }
}