@media (width < 960px) {

    #drawerlogo {
        display: none;
    }

}

@media (width >= 960px) {
    
    #appbarlogo {
        display: none;
    }

}

@media (width < 600px) {

    #loggedinuser-1 {
        display: none;
    }

}

@media (width >= 600px){

    #loggedinuser-2 {
        display: none;
    }

}

#maincontent {
    min-height: 100vh;
    background-color: #f3f3f3;
    display: flex;
    flex-direction: column;
}

#maincontent-container {
    flex-grow: 1;
}

#drawertopdivider {
    flex-grow: 0;
}

@media (max-width: 600px) {
    .alignright {
        text-align: right; /* aligns inline content like text */
        justify-content: flex-end; /* aligns flex items if using flexbox */
    }
}

.chip-stack {
    justify-content: flex-start; /* default: left aligned */
}

@media (max-width: 600px) {
    .chip-stack {
        justify-content: flex-end; /* right aligned on small screens */
    }
}