body {
    background-color: #ffffff;/*#f8f9fa; /* Light gray background */
}

.container {
    max-width: 100%; /* Ensure it fits the screen */
}

.track-item {
    cursor: pointer;
    padding: 13px; /* Reduced padding */
    border-bottom: 1px solid #e0e0e0; /* Thin line between items */
    transition: background-color 0.3s ease;
}

.track-item:hover {
    background-color: #e9ecef; /* Subtle highlight on hover */
}

h5, p {
    margin: 0;
}

h5 {
    font-size: 1.1rem; /* Smaller font size for title */
    font-weight: 500;
    white-space: nowrap; /* Prevent line breaks in title */
    overflow: hidden;
    text-overflow: ellipsis; /* Add ellipsis if the title is too long */
}

p {
    font-size: 0.875rem; /* Smaller font size for band */
    color: #6c757d; /* Muted text for band name */
}