.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-label {
        font-size: 50%;
        color: #0a951d;
        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-label:hover {
        color: #ffffff;
        background: #0a951d;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}


.related-post-new .private-label {
        font-size: 50%;
        color: blue;
        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 .private-label:hover {
        color: #ffffff;
        background: blue;
        box-shadow: 0 0 0 2px rgb(47 97 121 / 17%);
}