#inventory-app{
    display:flex;
    gap:25px;
    align-items:flex-start;
    width:100%;
}

.inventory-left{
    flex:3;
     min-width:0;
    overflow:hidden;
}

.inventory-right{
    flex:1;
    background:#f5f5f5;
    border-radius:10px;
    padding:20px;
    position:sticky;
    top:20px;
}
.inventory-right h3 {
    font-size: 24px;
    margin-bottom: 18px;
}

.top-search{
    margin-bottom:20px;
}

.top-search input{
    width:100%;
    padding:14px 18px;
    border:1px solid #ddd;
    border-radius:8px;
    font-size:16px;
}

.room-tabs-wrapper{
    overflow:hidden;
    margin-bottom:20px;
}

#room-tabs{
    display:flex;
    flex-wrap:nowrap;
    flex:1;
	min-width:0;
    gap:12px;
    overflow-x:auto;
    overflow-y:hidden;

    white-space:nowrap;

    scrollbar-width:none;

    -webkit-overflow-scrolling:touch;

    box-sizing:border-box;
}

#room-tabs::-webkit-scrollbar{
    display:none;
}

.room-tab{

    flex:0 0 auto;

    padding:12px 22px;

    border:1px solid #ddd;

    border-radius:8px;

    background:#fff;

    cursor:pointer;

    transition:.3s;
}

.room-tab.active{

    background:#0B3A6D;

    color:#fff;

}

#inventory-list{

    border:1px solid #ddd;
    border-radius:10px;
    height:600px;
    overflow:auto;
}

.inventory-row{

    display:grid;
    grid-template-columns:1fr 120px 140px;
    align-items:center;
    padding:18px;
    border-bottom:1px solid #eee;
}

.inventory-row:hover{

    background:#fafafa;

}

.item-name{

    font-weight:600;

}

.item-volume{

    color:#777;

}

.qty-box{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

}

.qty-btn{

    width:32px;
    height:32px;
    border:none;
    background:#003366;
    color:white;
    cursor:pointer;
    border-radius:6px;
    font-size:18px;
}

.qty-number{

    min-width:25px;
    text-align:center;
    font-weight:bold;

}

.volume-box{

    background:white;
    border-radius:10px;
    padding:20px;
    text-align:center;
    margin-bottom:20px;

}

.volume-box h2{

    font-size:40px;
    color:#003366;

}

#selected-items{

    height:300px;
    overflow-y:auto;
    background:white;
    border-radius:10px;
    padding:15px;
    margin-bottom:20px;

}

.summary{

    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
    font-size:18px;

}

#download-pdf{

    width:100%;
    padding:14px;
    border:none;
    background:#003366;
    color:white;
    border-radius:8px;
    cursor:pointer;
    font-size:16px;

}

#download-pdf:hover{

    background:#0d4d94;

}

@media(max-width:991px){

#inventory-app{

flex-direction:column;

}

.inventory-right{

width:100%;
position:relative;

}

}