.btn {
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1; 
}

.status-button {
    background-color: #4CAF50; 
    color: white;
    flex-grow: 5; 
}

.delete-button {
    background-color: #FF4136 !important; 
    color: white;
    flex-grow: 1; 
}

.status-button.unread {
    background-color: #4CAF50 !important; 
}

.status-button.read {
    background-color: #FFA500 !important; 
}

#alert-container {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 1000;
}


#bookSuggestions {
    height: 200px; 
    overflow-y: auto;
}