/* User Settings */
.role-btn {
    padding: 8px 16px;
    background: var(--gray-100);
    border: 1px solid transparent;
    border-radius: var(--radius-md);
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
}

.role-btn:hover {
    background: var(--gray-200);
}

.role-btn.selected {
    background: var(--primary-100);
    color: var(--primary-600);
    border-color: var(--primary-300);
}

.role-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: var(--radius-sm);
    font-size: 11px;
    font-weight: 600;
}

.role-badge.admin {
    background: #FEE2E2;
    color: #DC2626;
}

.role-badge.manager {
    background: #FEF3C7;
    color: #D97706;
}

.role-badge.staff {
    background: #DBEAFE;
    color: #2563EB;
}

.role-badge.viewer {
    background: var(--gray-100);
    color: var(--gray-600);
}