/* CONTAINER & TIÊU ĐỀ */
.vn-pop-wrapper { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #fff; padding: 20px; border-radius: 8px; width: 100%; box-sizing: border-box; }
.vn-pop-wrapper * { box-sizing: border-box; }

.vn-pop-title { 
    font-size: 20px; font-weight: 800; color: #222; 
    text-align: center; text-transform: uppercase; 
    margin: 0 0 15px 0; padding-bottom: 12px; 
    border-bottom: 1px solid #ddd; 
}

/* DANH SÁCH LIST */
.vn-pop-list { display: flex; flex-direction: column; gap: 12px; }

/* TỪNG HÀNG (ROW) */
.vn-pop-item { 
    display: flex; align-items: center; justify-content: space-between; 
    text-decoration: none; padding: 4px 0; transition: 0.2s; gap: 10px;
}
.vn-pop-item:hover .vn-pop-text { color: #d32f2f; }

/* KHỐI TRÁI (HẠNG + THUMB + TIÊU ĐỀ) */
.vn-pop-item-left { display: flex; align-items: center; gap: 12px; flex-grow: 1; min-width: 0; /* min-width: 0 siêu quan trọng để Flex cắt chữ */ }

/* Cục Số Hạng (Rank Badge) */
.vn-pop-rank { 
    display: flex; align-items: center; justify-content: center; 
    width: 24px; height: 24px; border-radius: 4px; 
    font-size: 13px; font-weight: 700; flex-shrink: 0; line-height: 1;
}
.vn-pop-rank-top { background: #d32f2f; color: #fff; } /* Top 1,2,3 màu đỏ */
.vn-pop-rank-normal { background: #f0f0f0; color: #666; } /* Còn lại màu xám */

/* Ảnh đại diện (Nếu bật) */
.vn-pop-thumb { width: 36px; height: 36px; border-radius: 4px; overflow: hidden; flex-shrink: 0; }
.vn-pop-thumb img { width: 100%; height: 100%; object-fit: cover; }

/* Tiêu đề bài viết (Cắt chữ tự động) */
.vn-pop-text { 
    font-size: 15px; font-weight: 600; color: #333; 
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; 
    transition: 0.2s; 
}

/* KHỐI PHẢI (LƯỢT VIEW) */
.vn-pop-item-right { 
    display: flex; align-items: center; gap: 5px; 
    font-size: 13px; font-weight: 500; color: #888; flex-shrink: 0; 
}
.vn-pop-item-right svg { color: #999; margin-top: -1px; }

/* RESPONSIVE */
@media (max-width: 480px) {
    .vn-pop-wrapper { padding: 15px 10px; }
    .vn-pop-text { font-size: 14px; }
}