html {
    font-size: 14px;
}

.avatar-btn {
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
}

.avatar-circle {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fb7299, #d44a7a);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 15px;
}

.avatar-btn::after {
    color: #adb5bd;
    margin-left: 6px;
}

.table td, .table th {
    vertical-align: middle;
    white-space: nowrap;
}

.col-nickname {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.avatar-mini {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-right: 6px;
    object-fit: cover;
    vertical-align: middle;
}

.badge-status-0 { background: #6c757d; }
.badge-status-1 { background: #198754; }
.badge-status-2 { background: #dc3545; }
.badge-status-3 { background: #6f42c1; }