.related-audio-list {
        list-style: none;
        margin: 0;
        padding: 0;
        border-top: 1px solid #e4e4e4;
        overflow: hidden;
        background: #fff;
}

.related-audio-list-item {
        display: flex;
        align-items: center;
        padding: 0px 10px;
        border-bottom: 1px solid #f0f0f0;
        transition: background-color 0.2s ease;
        min-height: 36px;

        gap: 2px;
        /* khoảng cách giữa các cột */
}

.related-audio-list .favorite-col {
        flex: 0 0 auto;
        margin-right: 5px;
}

/* Cột chung */
.related-audio-list-col {
        display: flex;
        align-items: center;
}


/* Cột 1: Play area - 60px width */
.play-col {
        flex: 0 0 20px;
        justify-content: center;
        /* margin-right: 5px; */
}


.related-post-new {
        margin: 0 -10px 0 -10px;
}

.related-post-new ul,
.related-post-new ol {
        margin: 0px !important;
        list-style: none !important;
}


.related-post-new .pending,
.related-post-new .private,
.related-post-new .draft,
.related-post-new .future,
.related-post-new .password-protected,
.playlist-related-posts .pending,
.playlist-related-posts .private,
.playlist-related-posts .draft,
.playlist-related-posts .future,
.playlist-related-posts .password-protected {
        font-size: 50%;
        font-weight: bold;
        background: #e5e5e5;
        border-radius: 30px;
        border: none;
        white-space: nowrap;
        padding: 1px 6px;
        margin: 0px 4px;
        margin-left: 4px;
        vertical-align: middle;
        cursor: default;
}

.related-post-new .pending,
.playlist-related-posts .pending {
        color: #0a951d;
}

.related-post-new .pending:hover,
.playlist-related-posts .pending:hover {
        color: #ffffff;
        background: #0a951d;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}

.related-post-new .private,
.playlist-related-posts .private {
        color: blue;
}

.related-post-new .private:hover,
.playlist-related-posts .private:hover {
        color: #ffffff;
        background: blue;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}

.related-post-new .draft,
.playlist-related-posts .draft {
        color: #7d7d7d;
}

.related-post-new .draft:hover,
.playlist-related-posts .draft:hover {
        color: #ffffff;
        background: #7d7d7d;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}

.related-post-new .future,
.playlist-related-posts .future {
        color: #f77b00;
}

.related-post-new .future:hover,
.playlist-related-posts .future:hover {
        color: #ffffff;
        background: #f77b00;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}

.related-post-new .password-protected,
.playlist-related-posts .password-protected {
        color: blue;
}

.related-post-new .password-protected:hover,
.playlist-related-posts .password-protected:hover {
        color: #ffffff;
        background: blue;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}