/* ====================================================
   业务胶囊 3: 浏览数量专属样式 (Stats Module CSS)
   ==================================================== */

.stats-views-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 12px;
    border-radius: 999px;
    background: rgba(16, 185, 129, 0.1);
    color: #10B981;
    font-size: 13.5px;
    font-weight: 600;
    white-space: nowrap;
    min-width: 54px;
}

.stats-sortable-header {
    cursor: pointer;
    user-select: none;
    transition: var(--transition);
}
.stats-sortable-header:hover {
    color: var(--primary-color);
}
.stats-sortable-header::after {
    content: " ↕";
    font-size: 11px;
    opacity: 0.6;
}
.stats-sortable-header.sort-desc::after {
    content: " ↓";
    opacity: 1;
    color: var(--primary-color);
}
.stats-sortable-header.sort-asc::after {
    content: " ↑";
    opacity: 1;
    color: var(--primary-color);
}