.genres-view-container {
    padding-top: 16px;
}

/* genres-list rides on MudList, a child Razor component whose root Blazor isolation
   does not scope-stamp; ::deep is required. */
::deep .genres-list {
    width: 100%;
}

.genre-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
}

/* genre-count rides on MudText (child Razor component); ::deep pierces into its output. */
::deep .genre-count {
    opacity: 0.7;
}

.genres-empty {
    display: flex;
    justify-content: center;
    padding: 48px 0;
}